5 Coisas que Todo Webdesigner Deve Saber

Postado por Felício Travareli na categoria Código Fonte e SEO , SEO e Usabilidade

Olá leitores do BrasilSEO.com.br, hoje vou dar algumas dicas básicas que todo webdesigner deve saber.

1. Existe mais do que um navegador.

Como todos sabemos, o internet explorer é o navegador mais usado atualmente, porém existem muitos outros, e cada navegador renderiza a página de uma maneira diferente, portanto ao se fazer uma página é essencial se preocupar com as diferentes configurações da máquina do usuário, como navegador (e sua versão) e resolução de tela. Sempre teste a nova página em diferentes configurações, recomendo sempre testar em pelo menos nos 3 mais usados atualmente: iexplorer 7, Firefox e iexplorer 6, e ao menos nas configurações de tela 1024×768, 1280×1024 e 800×600.

2. CSS é essencial.

Como já foi discutido em CSS e SEO: O Segredo para o Sucesso, o uso de CSS é essencial para SEO, mas além disso, o uso do CSS é essencial para o usuário também, pois com o CSS é possível fazer a página ser acessível nos diversos navegadores usados hoje em dia, além é claro de facilitar a manutenção.

3. Escreva o código-fonte

Não use programas WYSIWYG, como o Dreamweaver ou Frontpage, pois o código-fonte gerado por eles fica cheio de tags, estilos e estilos inline, deixando o seu código-fonte não muito limpo dificultando a manutenção do mesmo.

4. Use o Firefox para “debugar” JavaScript

O Console de erros de Javascript do Firefox é de longe o melhor para desenvolvedores web, gera relatório de erros detalhados, facilitando a compreensão do mesmo.

5. Use as toolbars para Desenvolvedor Web.

Existem toolbars que facilitam, e muito, a vida dos desenvolvedores Web, com elas encontrar erros na página fica muito mais fácil, seguem os links para download:

Firefox: https://addons.mozilla.org/pt-BR/firefox/addon/60
iexplorer: http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038

As funções e como usá-las fica para um próximo artigo…

Espero que essas dicas ajudem a criação e desenvolvimento de suas páginas. Qualquer dúvida comentem.

Abraços

Artigos Relacionados

9 Respostas to “5 Coisas que Todo Webdesigner Deve Saber”

Karin Diz:
abril 1st, 2008 as 6:46 pm
Obrigada pela dica! Essa valeu de mais pra mim.
frank santos Diz:
abril 4th, 2008 as 2:07 pm
Realmente é verdade que precisamos muito dos plugins de navegadores para fazermos análises de erros nas páginas, um dos plugins que utilizo é o firebug e SEO optimizer ambos para firefox. Isso ajuda e muito a manter minhas páginas sem erros como podem ver http://www.hidrotecbombas.com e http://www.julimarsom.com.br

Obrigado pela dica e continuem postando, virei leitor !

Que Deus abençoe a todos!
Marcos Elias Diz:
abril 6th, 2008 as 8:17 am
Eu até tento usar CSS, hehe… Mas sabe na correria… Quando implemento algo novo no site… Acabo formatando em HTML… E fica… E vai ficando…. Acho que meus códigos manuais são mais lixo do que os códigos gerados por editores visuais, hehe.
Principal Ferramenta Para Desenvolvedor Web: Firefox | Brasil SEO Diz:
abril 16th, 2008 as 5:15 pm
[...] discutido no artigo 5 Coisas que Todo Webdesigner Deve Saber, sempre é bom testar um site em diversos navegadores, e este plugin auxilia essa tarefa, com um [...]
Verificar seu site em diferentes navegadores Diz:
maio 27th, 2008 as 8:53 pm
[...] das coisas que todo webdesign deve estar atento: existe mais de um navegador, como diz o pessoal do Brasil SEO, alertando para este e outros [...]
Evandro Diz:
maio 7th, 2009 as 10:39 pm
Eu nunca uso editores de html para edição. Prefiro escrever o código fonte pois assim eu tenho controle do que estou fazendo. Além disso, o código fica bem enxuto e fácil de entender e também deixa mais leve o carregamento das páginas. Isso sem contar o aprendizado, que é maior quado se faz tudo no braço.
Denis Moreia Diz:
maio 22nd, 2009 as 2:55 pm
boa dicas, tirando a 3ª, pq no meu ver não acho viável programar “no dedo”, para isso vai muito mais tempo de construção do site… mesmo usando programas WYSIWYG, sendo organizado, não tive problemas em manutenções futuras
Mateus Pimentel Diz:
setembro 10th, 2009 as 12:43 pm
3. Escreva o código-fonte

Não use programas WYSIWYG, como o Dreamweaver ou Frontpage, pois o código-fonte gerado por eles fica cheio de tags, estilos e estilos inline, deixando o seu código-fonte não muito limpo dificultando a manutenção do mesmo.

Só um idiota, alguém que quer acabar com a vida profissional de outrem ou alguém sem nenhuma vivência profissional seria capaz de dizer uma asneira dessas.
Anderson Lopes Diz:
setembro 10th, 2009 as 5:56 pm
Denis e Mateus,

O problema não está em usar esste tipo de programa, e sim em não ter conhecimento de código para revisar o que foi gerado e tirar coisas desnecessárias.
Muita gente na web, não tem conhecimento de HTML e acha que os sites criados pelo front page e dreamweaver podem ir ao ar sem nenhuma revisão. Essas páginas até funcionam mas ficam com códigos poluidos o que atrapalha o posicionamento.
Digo isso, pois uma pessoa entender o código de sua página, facilita a ela estabelecer o posicionamento de cada tipo de conteúdo que ela coloca no ar, deixando mais amigável aos robôs, otimizando velocidade de abertura da página, e também organizando melhor os elementos do site para uma fácil manutenção. Ambos programas são excelentes, e recomendamos o uso, ninguem utiliza mais bloco de notas para fazer sites, porém o entendimento de seu código e o aperfeiçoamento dele, serão elementos que ajudarão o seu sucesso.

Abraço
Anderson Lopes e Cassiano Travareli
Equipe Brasil SEO