Escolar Documentos
Profissional Documentos
Cultura Documentos
Linguagens de Marcação
○ HTML - HyperText Markup Language (HTML 4.01);
○ XHTML - EXtensible HTML – XML + HTML
URI - Endereço único à cada página, na WEB
○ RFC 3986 (janeiro de 2005)
Linguagens de Apoio (Scripting) – ECMA
European Computer Manufacturers Association
ECMAScript
○ ECMA-262
JavaScript
ActionScript
1994 – W3C
Fundador: Tim Berners Lee
Colaboração: HP, Mozilla, Microsoft, Adobe e
muitos outros;
Problemáticas:
Certificação profissional
○ Divergência de significado
Alta disseminação
Baixo entendimento comum
WEB não-normatizada?
○ Grande consenso
A W3C representa o
○ RFC x Recomendations desejo de grandes
Especificar (Definir, tornar claro) corporações
Definindo:
Conjunto de Recomendações, Padrões e Boas
Práticas
Desenvolvimento WEB
(X)HTML
XML
CSS
Acessibilidade
SEO – “Ranking” nos Serviços de Busca
TR – Technical Reports
Generalizando:
Códigos válidos
Semanticamente corretos
Separar
○ Conteúdo [Estrutura] ((X)HTML)
○ Apresentação [Visual] (CSS)
○ Interatividade [Controle, Dinamização] (JavaScript,
AJAX)
Serviços
W3C Markup Validation Service
W3C CSS Validation Service
WDG HTML Validator
CSE HTML Valitador (On/Off line)
Código válido
Respeito ao DOCTYPE escolhido
Renderização “garantida”
○ A que nível chega a fidelidade do navegador a esses
padrões?
Código sem erros comuns detectáveis
Porquê validar?
Códigos para o futuro
○ Compatibilidade com o passado
Facilitar manutenção
○ Padronização das técnicas
Disseminar “boas práticas”
○ Sinais de Profissionalismo
Fazer a página “emergir” (Serviços de Busca)
Dica
Validar as páginas antes de qualquer coisa
Sentido correto
Boa aplicação das linguagens
Códigos limpos
Generalização e Especificação
Exemplos
As três camadas do Desenvolvimento WEB:
Conteúdo/Estrutura
○ Textos, figuras...
○ XHTML
Estilo/Apresentação
○ Aparência
○ CSS
Interação/Comportamento
○ Ação
○ Processamento
○ JavaScript, PHP, JavaWEB
Justificando
Time MULTIPESSOAL
○ Trabalho compartimentado e com qualidade
Fontes de solução compartilháveis
○ Reutilização das soluções
○ Portabilidade
Acessibilidade
○ Desconsideração facilitada
○ Mais opções
Compatibilidade com o passado
Carregamento mais rápido
○ Cache
http://webdesign.about.com/od/intermediatetutorials/a/aa010707.htm
http://fatorw.com/internet/web-standards/o-que-sao-web-standards/
http://robertnyman.com/2007/05/21/what-are-Web-standards-a-
comprehensive-explanation-of-what-is-comprised-in-the-term/
http://maujor.com/tutorial/o-que-sao-web-standards.php#separation-of-
content-presentation-interaction
http://pt.wikipedia.org/wiki/Web
http://www.w3.org/standards/
CONSULT JR - SOLUÇÕES TECNOLÓGICAS