2.1 Códogos em camadas
Desenvolver seguindo os padrões web significa utilizar as linguagens seguindo os objetivos para a quais elas foram desenvolvidas. Dessa forma o código é organizado em camadas, a saber: conteúdo, apresentação e comportamento. Nesse guia trataremos da camada de conteúdo e da camada de apresentação.
Camada de Conteúdo
O desenvolvimento deve sempre começar por esta camada, todo o restante do processo de desenvolvimento vai depender de como o conteúdo está estruturado.
Caso o conteúdo não esteja bem estruturado é provável que as camadas posteriores apresentem problemas e dificuldades no desenvolvimento que seriam facilmente resolvidas se a camada de conteúdo tivesse sido formatada corretamente.
Para desenvolver essa camada é utilizado as linguagens de estruturação, HTML, XHTML, WML ou XML. O conteúdo é dividido em suas partes lógicas com seus blocos de informações utilizando os elementos corretos na sua marcação.
Uma forma de se testar se essa camada foi estruturada corretamente é abrir o documento, sem estilos, no navegador e verificar se este é compreensível com uma estrutura seqüencial, que permita a leitura de forma natural.
Para uma melhor compreensão, a partir deste ponto denominaremos os arquivos de conteúdo simplesmente como documento HTML, mesmo que este tenha conteúdo XHTML, WML ou XML.
Camada de Apresentação
A camada de apresentação é a parte visual do conteúdo. Ela deve ser construída após a camada de conteúdo. A camada de apresentação utiliza as linguagens CSS e XSLT.
O desenvolvimento da camada de apresentação deve primar pela simplicidade. Deve-se evitar propriedades que causem problemas em dispositivos ou alterar a camada de conteúdo apenas para satisfazer uma necessidade específica da apresentação.
O resultado da apresentação deve ser testado em diversos navegadores, principalmente os mais usados. Para maiores detalhes veja o capítulo Orientações gerais sobre testes.
É importante lembrar que a apresentação pode oferecer diferenças em cada navegador ou dispositivo utilizado. Considere que isso é algo inerente ao meio. O importante é que a página ou aplicação funcione.
Camada de Comportamento
É utilizada para modificar o comportamento dos elementos presentes na camada de conteúdo, visando melhorar a experiência do usuário. Essa camada é opcional, geralmente não suportada por dispositivos mais antigos. A página ou aplicação deve funcionar na ausência desse suporte.
Essa camada é construída utilizando linguagens de script (javascript) e modelos de objeto (DOM – Document Object Model).