por Marcos Elias

Quer fazer sites? Eis uma ótima apostila de HTML para iniciantes, modéstia a parte rs:

http://309n.com/tutorial-html/

Opcional:
http://www.mediafire.com/?bncmgw2gmtz

É de minha autoria, eu havia publicado on line no "Mep Sites" em 2004, ainda antes de sonhar em montar o Explorando. Ela foi escrita tendo em mente usuários básicos que querem saber HTML, incluindo blogueiros. Serve também para postar mensagens enfeitadas, como textos com letras grandes no Orkut, entendendo melhor HTML em geral.

Todo editor de site deve dominar o HTML manualmente, nos códigos, senão não dá para dizer que é um webmaster. A coisa hoje anda muito mais evoluída, mas o HTML nunca morre, tema dessa apostila.

É útil tanto para iniciates do zero que querem montar suas primeiras páginas, como para aqueles que acham que sabem criar sites só porque fizeram um cursinho de web (onde normalmente pega-se Flash, Dreamweaver + Fireworks, e no final o carinha nem sabe diferenciar um do outro, devido a correria do curso, rs), como para quem usa editores visuais (sim, eles são úteis!) mas se sente perdido no código. É essencial mesmo dominar o código, sem isso você só vai se bater e estragar o visual do site ao tentar editá-lo. Ninguém nasce sabendo tudo, por isso fiz a apostila, compartilhando aquele pouco que eu posso.

Eu ia escrever mais ou menos a mesma coisa, então transcrevo abaixo, um trecho do prefácio:

A criação de sites antigamente se resumia à produção de páginas HTML, que deviam ficar juntas de todas as imagens de um mesmo site, numa pasta em um servidor web. Hoje este cenário é muito diferente, um site feito apenas com o HTML seria muito pobre. Recursos que aplicam efeitos ou permitem uma maior interação com o usuário (cliente), como JavaScript, Flash, controles Active-X são essenciais para um site de boa aparência e funcionalidade. Ao mesmo tempo, do lado das máquinas onde os sites são hospedados (servidores), o processamento e armazenagem de informações são muito maiores e mais acessíveis. Entram aí tecnologias que permitem construir páginas dinâmicas, como PHP, ASP, JSP, etc. Recentemente, com a web 2.0, têm surgido uma série de sites mais interativos e melhores, usando um conjunto de diversas tecnologias já existentes, permitindo carregar informações mais rapidamente, inclusive onde apenas a parte afetada da página é recarregada e atualizada. O exemplo mais popular disso é o serviço de webmail do Google, o GMail, usando Ajax.

Se por um lado o HTML não serve para fazer coisas sofisticadas, por outro ele é a base de tudo. O JavaScript sem HTML não é nada. Um site todo feito em Flash precisa ser carregado dentro de uma página, por meio de comandos HTML. Linguagens de script do lado do servidor, como o PHP ou ASP, processam as informações recebidas através dos páginas, HTML, e devolvem o resultado pronto ao cliente, em... Advinhe o quê? HTML! Eis a essência do título desta pequena obra para iniciantes: HTML nunca morre!

Claro, pode ser uma chatice e uma enorme perda de tempo ficar criando as páginas digitando o código HTML, isso atrasaria a produção. Ambientes de desenvolvimento web, como o Dreamweaver (da Adobe/Macromedia) ou o FrontPage ou Expression Web (ambos da Microsoft), facilitam a criação, manutenção e modificação de páginas da web. Editores menos sofisticados, incluindo editores gratuitos como o Composer, que vinha com o Netscape e depois foi separado no Mozilla Firefox, podem ser uma mão na roda para páginas isoladas, pequenas. Mas o bom webmaster deve conhecer senão todos, pelo menos a maioria dos comandos HTML. Não basta conhecer, tem que saber aplicá-los, em situações reais onde você pode corrigir erros ou fazer aquilo que não está conseguindo com um editor gráfico.

Sendo assim, mesmo com todo o avanço das tendências e tecnologias, não deixe de saber manusear o HTML. Este pequeno livro veio justamente para isso!

Então mão no mouse, vamos lá :)

Aproveitando, se você é um pouco mais avançado e mexe com PHP, querendo testar as páginas no Windows (sem depender de um site de hospedagem), veja meu tutorial "Instalando o Apache + PHP + MySQL no Windows", publicado no GdH:
http://www.guiadohardware.net/tutoriais/apache-php-mysql-windows/

Nota: a apostila foi escrita inicialmente para colegas e amigos que frequentavam comigo um infocentro, do programa Acessa São Paulo. Por isso (e também porque meu PC era velho), Windows 98 e IE :P Mas naturalmente serve para qualquer sistema que tenha um editor de textos puro e um navegador.

por Marcos Elias

Cansado de rolar a tela para ler os PDFs? Quando é de qualidade, com boas fontes e bem elaborado, o melhor ajuste que eu acho, no Acrobat Reader, é:

- "Ajustar à largura", para materiais com formato paisagem, ou "Ajustar à janela", para materiais com formato retrato. Isso você escolhe na listinha de porcentagem de zoom, na barra de ferramentas do Reader. Veja:



- "Modo Contínuo" de exibição, configure isso no ícone destacado:



E um item que eu só fui ver recentemente, ao testar uma revista que estou trabalhando com um amigo, o Flávio Alencar (falo dela num outro post)... A exibição de PDFs em tela cheia! Usando as setas de direção do teclado para navegar entre as páginas, fica perfeito e menos lento do que rolar a tela usando o mouse. Para ver um PDF em tela cheia basta clicar no menu "Visualizar > Tela cheia", com o PDF já carregado.

Outra dica é clicar nas setinhas ao lado do indicador do número da página, para navegar nas páginas do material:



A alteração da página é mais rápida, sem precisar esperar o tempinho quando você arrasta aquela mãozinha, com o mouse, especialmente em computadores mais fraquinhos.

Algumas pessoas reclamam do peso do Acrobat Reader... Eu uso a versão 5.0, antiga, é muuuuito melhor. A cada nova versão ele fica mais lento e ocupa mais espaço no HD, sendo que para a maioria dos PDFs existentes, as versões antigas se dão muito bem. Até comentei aqui já, de como deixá-lo mais leve:
http://www2.explorando.com.br/2007/04/deixe-o-acrobat-reader-trocentos.html

Algumas pessoas usam programas de terceiros, eu experimentei o Foxit Reader e não gostei, ele demorava mais para carregar do que o Acrobat Reader 5.0 original, com a pasta de plug-ins renomeada.

por Marcos Elias

Diquinha rápida... Aplicar efeitos em imagens, quando não se tem que selecionar uma área específica, é muito fácil, digitalmente. Os programas fazem praticamente sozinhos os trabalhos, você apenas define o quanto deve alterar. Darei aos poucos aqui algumas dicas básicas, seja de retoques ou edição, colagens, etc. Eu uso o Fireworks MX ou 8 (da Macromedia, hoje Adobe). Mas boa parte dos editores de imagem possuem recursos semelhantes.

Um recurso que chama a atenção, e tema dessa dica, é o "Hue/Saturation", "Matriz/Saturação", vem com esse nome na maioria dos programas. Abra a imagem no editor, e procure no menu de efeitos, o "Hue > Saturation". No Fireworks, isso fica no menu "Filtros > Ajustar cor". Basta arrastar o controle deslizante, e já ir vendo na imagem como ficará:



Dessa forma, veja algumas imagens interessantes:





Você pode ir ajustando a tonalidade até o ponto em que ficar bom visualmente.

Na hora de salvar, algumas considerações importantes... O Photoshop permite salvar as modificações em imagens JPEG diretamente nelas, o que com as edições futuras, irá degradando a qualidade da imagem. O ideal é manter a original, "exportando" a modificada, com outro nome de arquivo. No Fireworks, ao tentar salvar, ele poderá avisar que a imagem perderá parte dos recursos se não for salva como PNG, o formado que ele usa. Uma idéia no Fireworks, ideal para contornar isso, e ainda manter a imagem original, é usar o menu "Arquivo > Visualizar exportação". Escolha o formato adequado (normalmente, JPEG, para fotos) e exporte. Assim a original fica intacta, se ele pedir para salvá-la ao fechar, prefira não salvar.

Em alguns dias passarei algumas informações teóricas sobre as imagens, salvamento, exportação, dicas para uma melhor edição sem perder a qualidade, destacando tanto para fotos como para a web (como logos, faixas e banners). E ainda dicas de otimização de imagens de logotipos, para sites ou blogs, além de banners animados. Acesse o site pelos próximos dias e confira :)

--
Dica de programa: Paint .NET, uma espécie de Paint melhorado, com muuuitos recursos, mas sem deixar de ser um editor de pixels coloridos:
http://www2.explorando.com.br/2007/06/quer-um-paint-melhor-conhea-o-paint-net.html

por Marcos Elias

A pesquisa de arquivos do Windows XP é uma porcaria, todo usuário avançado sabe. Vamos deixá-la melhor :)

Pessoalmente eu uso muito para limpar arquivos de determinado tipo, por exemplo, dos meus programas em Delphi, ao criar backups. Eu pesquiso na pasta por *.~*, por exemplo (como são nomeados os arquivos de backup ao salvar no Delphi), depois seleciono tudo na janela de resultados (CTRL + A) e mando excluir (SHIFT + DEL); isso antes de arquivar a pasta, justamente para não arquivar estes arquivos, que para um backup seriam inúteis. Acontece que o Windows XP trata os arquivos ".zip" como "pastas compactadas", integrando algumas coisas do Windows Explorer. E nisso o infeliz me localiza arquivos que correspondem à minha pesquisa, dentro de arquivos ".zip". Beleza, mas ele não deixa apagar pela tela de resultados da pesquisa. E no Windows a exclusão ou moveção (seria esse o termo? rs) de arquivos é interrompida quando um deles não pode ser excluído ou movido (falta de inteligência, podiam colocar ali um botão "Cancelar", "Tentar novamente", "Pular este arquivo", etc...). Traduzindo: é um pé no saco! Porque toda hora pára nos arquivos que estão dentro de arquivos zipados. Aí tenho que selecionar mais alguns, e mandar excluir novamente... Poxa, se usei a pesquisa para listar todos e excluí-los, eu quero uma exclusão rápida!

A saída que encontrei... Foi remover a associação aos arquivos ".zip" do Windows XP. Assim ele passa a trabalhar como o Windows 2000, deixando os arquivos ".zip" desconhecidos para o sistema. Isso não é problema, pois quase todo mundo usa aplicativos de terceiros para lidar com os arquivos ZIP, bastará reassociar os ".zip" ao seu programa compactador/descompactador (eu só uso o shareware WinRAR, mas cada um usa o que preferir :). Tá, mas e como remover a associação do XP aos arquivos zipados? Fácil. No "Executar", digite:

regsvr32 /u zipfldr

Aparecerá uma mensagem com o texto "DllUnregisterServer in zipfldr succeded". Pronto =D

Isso basicamente desregistra o arquivo que comanda os ".zip" no Windows, chamando a função de remoção de associação presente na DLL que gerencia os arquivos zipados.

Agora você usa qualquer programa para os arquivos ZIP, de sua preferência, e o Windows não encherá mais o saco. Inclusive parará de exibir arquivos QUE ESTEJAM DENTRO DE ARQUIVOS ZIP nas pesquisas, o que por si só, tornará a pesquisa muito mais rápida, pois ele NÃO VARRERÁ DENTRO DOS ARQUIVOS ZIP.

Dica: se você se arrepender ou quiser abrir arquivos zipados de novo com o mecanismo do Windows, que é integrado ao Explorer, então dê o mesmo comando apresentado, mas sem o "/u".

Se você quiser deixar a pesquisa de arquivos do Windows XP/2003 melhor ainda, recomendo estas duas outras dicas que já postei aqui:

- Deixe o "Pesquisar" no estilo clássico, muito melhor! Em uma única tela você define as opções de pesquisa, sem a frescura de ir e voltar, além do personagem animado (o cachrroinho). O problema nem é o cãozinho, é a forma burra de se pesquisar arquivos, para usuários intermediários ou avançados que precisam utilizar a pesquisa, a forma como ela foi definida é o 'oh'. Veja como deixá-la no estilo do Windows 2000/Me:
http://www2.explorando.com.br/2005/12/deixando-o-pesquisar-do-windows-xp2003.html

- Acabe com os arquivos "Thumbs.db" das suas pastas, eles também enxem o saco, especialmente para quem mexe com sites (como eu):
http://www2.explorando.com.br/2006/03/acabe-com-os-arquivos-thumbsdb-das.html

Sabe, às vezes eu tenho uma saudade do "Localizar" do Windows 9x/NT4... Sem a integração com o Explorer ele era mais rápido. Claro, existe o serviço de indexação no próprio Windows, além de softwares de terceiros (como o Google Desktop Search), mas para quem não usa com "tanta" freqüência a pesquisa de arquivos por texto, não é muito bom usar estes programas, devido o uso de memória, espaço em disco e uma certa diminuição do desempenho. O Windows Vista dá um show nessa hora, mas em contrapartida ele anula todo e qualquer hardware anterior, neah.

por Marcos Elias

Essa dica, conhvenhamos, é inútil: não é útil para nada. Mas, para quem gosta de personalizar... Veja:




Fácil, fácil, adicionar estas informações ao item "Sistema" do painel de controle, mais acessado pelas propriedades do "Meu computador" ou executando o "sysdm.cpl".

Para a imagem, basta deixar uma imagem pequena de nome "oemlogo.bmp", na pasta "system32". E para o texto, crie num editor de textos puro um arquivo de extensão ".ini", com este conteúdo:

[general]
Manufacturer=Computadora Japones Bom
Model=A Garantia So Yo

[Support Information]
Line1= Powered By Explorando e Aprendendo
Line2= Muita info e www para todos!
Line3= www.explorando.cjb.net
Line4= www.mephost.com/explorando

Troque o nome do fabricante e modelo, como quiser, e na parte de suporte. Para adicionar mais linhas você deve ir adicionando as correspondentes Line5, Line6, Line7, etc. Salve esse arquivo com o nome "oeminfo.ini", também na pasta "system32". Cuidado ao salvar, digite a extensão ".ini" e escolha "Todos os arquivos" no campo "Salvar como tipo", para evitar que o editor coloque a extensão ".txt".

Você pode fazer só da imagem para colocar sua foto ou da sua namorada, ou então só esse arquivo, ou os dois, se quiser; eles são independentes.

Estou para postar isso aqui há taaanto tempo, mas sempre esquecia. Ah sim, vale para diversas versões de Windows. E não é nenhuma mágica, para os menos experientes... (eu ia escrever "menus experientes", pois estou com "menus inteligentes" na cabeça, de um outro texto que redigi esses dias, rs). Essa personalização é possível no Windows para os OEM, "Original Equipment Manufacturer", "Fabricante de Equipamento Original". Traduzindo, são as empresas que fabricam (ou integram, montam) e vendem PCs com o Windows instalado. A personalização é opcional, mas algumas personalizam até o papel de parede. Daí vem os softwares OEM, também; normalmente são versões personalizadas ou no mínimo revendidas em conjunto com um item de hardware (assim como o Nero OEM é fornecido com muitos gravadores de CDs/DVDs, etc).