Criar um site bonito, dinâmico que respeite os standards

última modificação em 23 de Julho de 2009 às 22:06 por pintuda
Publicado por pintuda
Aqui vai uma lista de links que te ajudarão a a fazer melhor uso dos standards (HTML, CSS, DOM...) para criar sites mais bonitos, mais dinâmicos, que respeitam os padrões.
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

En francês:


Allhtml
Um grande clássico com várias dicas e referências .

Os erros de construção de um site a serem evitados :
sebsauvage.net/html.html

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.

APINC, em francês
Um validador acessível.

Artigo original publicado por sebsauvage
Melhores respostas por « Criar um site bonito, dinâmico que respeite os standards » em :
Fórum de discussão Ver Fórum de discussão Um fórum de discussão (em inglês “bulletin board”) é um espaço web dinâmico que permite a diferentes pessoas comunicar. O fórum de discussão é composto geralmente por diferentes fios de discussão (o termo “fio de...
[Mythes] IP fixo necessário para conexão à distância VerMito É preciso ter um IP fixo para conectar seu PC à distância. Realidade ERRADO. Explicações Para conectar seu computador, é preciso, é claro, conhecer seu endereço IP. Mas existem serviços de DNS dinâmico que possibilitam conectar sua...
Criar uma disquete de BOOT para Windows XP VerPar criar uma disquete de lançamento DOS (disquete de boot) sob Windows XP: va à area de trabalho Clique direito sobre o leitor de disquete permitindo selecionar a opção"Formatar". Uma nova opção é assim presente permitindo criar uma disquete de...
Download Fotolivro D-Book VerFotoBook é uma ferramenta para a diagramação de fotolivros, voltada a criação de livros que integram fotos. Recursos: alteraçao da cor de imagens, rotação, aceita arquivos PNG com motivos transparentes, flexibilidade na utilização de fontes...
ITIL (IT Information Library) VerIntrodução à ITIL ITIL (IT Information Library, ou "biblioteca da infra-estrutura das tecnologias da informação) é um quadro de referência (em inglês framework) proposto pelo OGC (Office of Government Commerce) do Reino Unido que reúne, num...
Lugares de mercado VerLugar de mercado Um market place (ou e-marketplace , para lugar de mercado electrónico) é uma plataforma de troca virtual que reúne as ofertas e pedidos de clientes e de vendedores profissionais para um sector de actividade específico ...
Criar uma rede local VerPorque instalar uma rede local? Quando se dispõe de vários computadores, pode ser útil conectá-los para criar uma rede local (em inglês LAN, Local Area Network). Criar uma rede local é muito barato, ao contrário do que se pode...