WebDesign - Tableless - aula 1

Web Semântica

A Web semântica é uma proposta de organização de conteúdo cujo objetivo é unificar o significado dos conteúdos internet, de tal maneira que humanos e máquinas comuniquem-se naturalmente. Ainda que atualmente não seja possível o uso absoluto da linguagem natural humana pelas máquinas, no entando é possível a compatibilização da linguagem-código compreendida pela máquina com a linguagem comumente compreendida pelo homem. Parte deste processo é a elaboração modelos tecnológicos que cumpram o anseio multiplataforma multimídia e não-localizado da Internet, permitindo o compartilhamento global de informação por todas as máquinas (W3C 2001).
[offtopic conspiracionista: o que pode, no final das contas, ser bastante perigoso - vide a clássica ficcção 1984]

A Web 3.0, que parece ser a próxima evolução da Internet [offtopic criacionista: sem darwinismo, por favor, afinal, as mutações biológicas comumente degradam e a interação dos organismos com o ambiente opera uma seleção, mas a soma destas coisas não evolui nada – apenas altera – vide Design Inteligente e Microevolução], é exatamente a aplicação máxima da websemântica a rede mundial de computadores, e além.

Tableless

Tableless é uma técnica de webdesign baseada na rejeição das famigeradas tabelas (tag table) para disposição de conteúdo (usualmente uma imagem picotada em vários gifs); em lugar, o Tableless sugere o uso das tags (e códigos) segundo seu propósito original. Por exemplo, um menu é costumeiramente feito com a tag ul, e o layout com a tag div. Esta técnica, quando aplicada aos códigos, sugere que o HTML (ou XHTML) seja usado apenas para estrutura, e o CSS para estilos visuais.

Vantagens do Tableless

• Separação das camadas do aplicativo: um arquivo para o HTML, outro para o CSS e outros para
• a programação.
• Economia: diminuição do disperdício de recursos através do cache de CSS e JS.
• Atualização: a separação do CSS permite o uso de um só CSS para várias páginas, o que facilita a
• atualização e manutenção do site e a localização da informação de código.
• Portabilidade: o formato XHTML combinado ao Tableless é poderoso como multiplataforma.

Desvantagens

• Treinamento: é necessário um conhecimento maior de HTML, CSS, DOM, etc.
• Software: a maioria dos editores WYSIWYG incentiva o uso de tabelas e não possui ferramentas
• Tableless e Semânticas realmente úteis.

O que é XHTML

O XHTML (eXtensible Hypertext Markup Language) é uma compatibilização e atualização do
padrão HTML para o padrão XML. Assim as tags HTML passam a obedecer, no XHTML, as regras XML.
O XHTML é mais Semântico, rápido, econômico e portável que o HTML.
Ele é eXtensível por que, pela sua estrutura compatível com XML, poderá ser ampliado (desde que haja as devidas modificações no parser), ou seja, o número de palavras-chave que comandam a marcação XHTML não é estático.
Ele é um HyperTexto porque comporta textos (e outras peças de mídia) que servem como ponto de ligação para outros textos (ou outras peças de mídia).
Ele é uma Linguagem de Marcação porque é um código de computador que delimita propriedades sobre certas partes de um texto, alterando o significado que aquele texto terá na página interpretada.

Por exemplo: [title] Meu Título aqui [/title], é uma marcação (tag) que delimita o conteúdo Meu Título aqui, alterando o signficado dele para o software interpretador – o resultado será uma renderização diferente na área de exibição, neste caso o texto Meu Título aqui seria exibido na Barra de Títulos do Browser .

Para ler o resto da aula, faça download aqui.