Post on 07-Nov-2014
description
PADRÕES WEB – WEB STANDARDS
Diego Maia Evangelista – Webdesignerdiegomaia@noix.com.br
PADRÕ
ES WEB - W
EBSTAND
ARDS
O que são os Web Standards?
São as normas que regem a construção e a intepretação de conteudo para a web.
Todos que produzem softwares e conteúdo para web devem ter conhecimento sobre os padrões estabelecidos pela W3C.
W3C - World Wide Web Consortium:Criada em 1994 por Tim Berners-Lee, hoje possuindo cerca de 400 membros entre eles várias das maiores empresas de tecnologia do mundo.
- Adobe Systems Inc.- Apple, Inc.- Cisco- Google, Inc.- Mozilla Foundation- Microsoft Corporation- Nokia- Red Hat- ORACLE
PADRÕ
ES WEB - W
EBSTAND
ARDS
Quais são os padrões W3C?
Existem vários tipos de padrões estabelecidos pela W3C, os que mais conhecidos são:
- XHTML- CSS- XML - DOM
XHTML - eXtensible Hypertext Markup Language: É a reformulação do HTML, acrecentando semântica às máquinas, combinando as tags do HTML com as regras do XML. A intenção do XHTML veio para melhorar a acessibilidade.
CSS - Cascading Style Sheets: Linguagem de estilo, veio para separar o conteúdo da sua formatação. Toda parte de cores, tipografia e disposição dos elementos deve ficar em um arquivo diferente do XHTML.
XML - eXtensible Markup Language: é uma recomendação da W3C para gerar linguagens de marcação. É uma boa opção para gerar documentos com dados hierárquicos.
DOM - Document Object Model: é uma especificação da W3C, independente de plataforma e linguagem, onde pode-se dinamicamente alterar e editar a estrutura, conteúdo e estilo de um documento eletrônico.
PADRÕ
ES WEB - W
EBSTAND
ARDS
Porque utilizar padrões Web?
1. Facilidade na manutenção de código2. Baixo custo de produção3. Diminuição de banda e velocidade de transferência4. Acessível em qualquer tipo de dispositivo5. Maiores benefícios para os usuários
PADRÕ
ES WEB - W
EBSTAND
ARDS
Conhecendo XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Insert title here</title>
</head>
<body>
<h1>Hello Wold!</h1>
</body>
</html>
PADRÕ
ES WEB - W
EBSTAND
ARDS
Conhecendo XHTML
Structure Module* body, head, html, titleText Module* abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, varHypertext Module* aList Module* dl, dt, dd, ol, ul, liObject Module object, paramPresentation Module b, big, hr, i, small, sub, sup, ttEdit Module del, insBidirectional Text Module bdoForms Module button, fieldset, form, input, label, legend, select, optgroup, option, textareaTable Module caption, col, colgroup, table, tbody, td, tfoot, th, thead, trImage Module imgClient-side Image Map Module area, mapServer-side Image Map Module Attribute ismap on imgIntrinsic Events Module Events attributesMetainformation Module metaScripting Module noscript, scriptStylesheet Module style elementStyle Attribute Module Deprecated style attributeLink Module linkBase Module base
PADRÕ
ES WEB - W
EBSTAND
ARDS
Passado da Web
PADRÕ
ES WEB - W
EBSTAND
ARDS
De volta para o futuro.
Table X Tableless
Tabless não quer dizer "não usar tabelas".
Tableless quer dizer: Não usar tabelas para disposição de conteúdo de um site.
Tabelas devem ser usadas para dados tabulares.
PADRÕ
ES WEB - W
EBSTAND
ARDS
PADRÕ
ES WEB - W
EBSTAND
ARDS
Formulário Semánticamente Correto
PADRÕ
ES WEB - W
EBSTAND
ARDS
Referencias
http://usabilidoido.com.br/padroes_web_webstandards.htmlhttp://www.webstandards.org/about/mission/pt/http://wikipedia.org/http://www.w3.org/TR/xhtml11/doctype.htmlhttp://www.w3c.br/
PADRÕES WEB – WEB STANDARDS
Diego Maia Evangelista – Webdesignerdiegomaia@noix.com.br
OBRIGADO