Hoje fui colocar no dotLinux um banner de propaganda do FISL. Nada de mais, uma coisa rotineira, na minha opnião, ou pelo menos deveria ser. Desde que mudei o template do blog para o “MixedMedia”, não havia visitado o blog sem estar logado como administrador. E para a minha surpresa, ao incluir o banner e visitar o blog e clicar em qualquer matéria, o menu lateral ia lá para baixo e ficava uma bagunça só.

A principio imaginei que o problema estava no código HTML que fiz para o banner, removi e o erro persistia, então a primeira hipotese caiu por terra. Foi aí que comecei pensar se não era falha no template. Poootz, para que fui inventar de corrigir?

Realmente a falha estava lá no template, se tratava de XHTML mal construído, sem seguir os padrões da tia W3C, Havia erros no CSS, XHTML, tags que abriam e só fechavam se o usuário estivesse conectado (ou seja, visitantes estavam vendo o site com falha e eu nem sabia). O mais curioso é que aqui no “Fábrica de Idéias” utilizo o mesmo template, apenas com algumas modificações e até agora não percebi o erro, embora que assim que tiver tempo vou aplicar as correções.

Continuando o objetivo deste post, venho aqui fazer o meu trablaho de “Evangelização” dos padrões Web. Recomendo a todos os desenvolvedores de sites, blogs e templates que sigam os padrões, pois isto é importante para que seu site seja bem visto em qualquer navegador web. A W3C, entidade que criou a World Wide Web (WWW), é quem cria os padrões e podemos encontrar no site deles várias ferramentas que ajudam a realizar testes em nossos códigos. Seguindo padrões você vai estar livre daquelas piadinhas do tipo “Que programa é esse que só funciona em determinado navegador?” ou ainda “Programador meia-boca! Faz as coisas que só funcionam com um determinado aplicativo!”.

Outra coisa muito importante é a identação do código. No caso deste template, como foi desenvolvido tendo o DreamWeaver como base, o código gerado por baixo da interface gráfica estava uma droga. Muita tag misturada, sem ter nada informando onde ela abria ou fechava. Outra coisa, a parte de programação do template, que estava mal identada e fechando os códigos antes do fechamento de tags. Tenha muito cuidado quando for criar seus códigos, deixe-os bonitos, elegantes para que você mesmo não se perca mais adiante (alguns meses ou anos depois quando precisar voltar a modificar o código) e para que futuros desenvolvedores que venham a ter acesso ao seu código não comentem ou pensem “Que programador mais desorganizado!”.

Sei que ao todo foram pouco mais de 3h corrigindo as falhas do template, mas ao final do trabalho ele está compativel com XHTML e CSS da W3C. Então, valeu a pena o meu trabalho!

Já peguei e continuo pegando muito código mal formatado, mal elaborado e até mesmo falhos. Porém já vi muito código bonito, elegante, bem formatado e que me ensinaram bastante. Ainda bem que o template deste blog e do dotLinux tinha o fonte disponível, já imaginou se eu não pudesse modificar? Aí já é uma outra história que vou abordar no próximo post.

Um abraço a tod@s e bom trabalho!