Criar um site bonito, dinâmico que respeite os padrões

Março 2017


Aqui vai uma lista de links que te ajudarão a a fazer melhor uso dos padrões (HTML, CSS, DOM...) para criar sites mais bonitos, mais dinâmicos, que respeitam as normas.
No final desta página, você também poderá encontrar uma lista de validadores.

Links

Em português:


Site sobre CSS e Web Standards
Este site te explicará as normas do W3C seu interesse (com vários exemplos). Por exemplo, ele te mostrará como criar, passo a passo, um menu dinâmico (que funcionará em todos os navegadores).
SEO
Construa um menu CSS com ToolTip
Construção de uma barra de navegação


No Kioskea :

Em inglês:


A list apart
Vários artigos sobre dicas práticas para os seus sites web (como fazer menus, CSS específicos para impressão, etc.):

CSS Zen Garden
Uma excelente demonstração sobre a utilização dos CSS.
Clique em um dos estilos propostos: a página HTML continua a mesma, apenas a folha de estilo muda.
Isto demonstra a força dos CSS.

w3schools
Uma verdadeira "escola do W3C".
Cursos diversos para aprender a utilizar os CSS, DOM, etc.
Contém exemplos bastante práticos e básicos.

Veja aqui, algumas regras a serem respeitadas para que o site fique bem claro:
Web Style Guide
(trata-se de um livro que pode ser consultado online)
Ele te dará conselhos e dicas para melhorar a ergonomia, a clareza e a legibilidade do seu site.

Top Ten Mistakes in Web Design

Complementos:


Você pode obter um vislumbre das diferenças de expressão entre os vários navegadores web, através das capturas de tela:

Ver seu site em outro lugar
browsershots

Validadores de códigos


validator.w3.org/
O "W3C Markup Validation Service". Este site te ajudará a submeter um url ou enviar uma página web a fim de verificar se os standards do web foram respeitados.
Você também pode encontrar esta análise automática na extensão "web developer" do navegador Firefox (ver o guia « Validação » depois de instalado):
Webdeveloper

Serviços de validação para seu HTML / XHTML / WML
Um validador muito bom.

validateur.ca/
Um validador html multipáginas, muito prático para verificar todas suas páginas de uma vez só. No entanto, ele não suporta mais de 200 páginas. Em francês.

CSS Validation Service
Validador do W3C
Esta análise também está disponível com a extensão WebDeveloper.

RDF Validator
O validador Rdf, também do W3C.

Veja também

Artigo original publicado por . Tradução feita por pintuda.
Este documento, intitulado 'Criar um site bonito, dinâmico que respeite os padrões', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.