Módulo: 4 – Desenvolvimento de Páginas Web Estáticas: HTML DOCTYPE
•Transferir como PPTX, PDF•
1 gostou•2,879 visualizações
Curso Técnico de Gestão e Programação de Sistema Informáticos, ano lectivo 2010/2011.
![Sumário Iremos abordar: ,[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recomendados
Recomendados
Mais conteúdo relacionado
Destaque
Destaque (16)
Mais de Agrupamento de Escolas da Batalha
Mais de Agrupamento de Escolas da Batalha (20)
Último
Último (20)
Módulo: 4 – Desenvolvimento de Páginas Web Estáticas: HTML DOCTYPE
- 1. DTD HTML Agrupamento de EscolasdaBatalha MiguelaFernandes Novembro 2010
- 3. TAG - META
- 6. DTS – tipos
- 8. Exercício práticoMF. 2 DTS HTML
- 9. Revisões - estrutura da página Estrutura da página HTML: html> <head> <title>Título da Página</title> <meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1”> </head> <bodybgcolor=“#CCCCCC”> Aulas de Redes de Comunicação </body> </html> MF. 3
- 10. Revisões - tags <html> e </html> - Início e Fim do conteúdo de um documento HTML <head> e </head> - Área reservada para o cabeçalho <title> e </title> - Define o título da página <body> e </body> - Corpo do documento. Onde será inserido o conteúdo da página. MF. 4
- 11. TAG – META (1) <meta> - utilizada pelos programadores para definir quais serão as palavras utilizadas para procurar nos sites de busca. Ex: <title>Cisco Systems, Inc</title> <meta http-equiv="Content-type“content="text/html; charset=UTF-8"/> <meta name="concept" content="Welcome to Cisco"/> <meta name="accessLevel" content="Guest"/> <meta name="country" content="US"/> <meta name="og: title" content="Welcome to Cisco"/> MF. 5
- 13. <meta name=“Keywords” content=“aula, html, css, RC”> - Define quais palavras-chaves que poderão ser utilizadas pelos sites de busca
- 14. <meta http-equiv=“Content-type” contet=“text/html; charset=iso-8859-1”> - Especifica o conjunto de caracteres utilizados na página: iso-8859-1MF. 6
- 15. DTS: definição (1) DocumentTypeDefinition - indica ao browser o tipo de formato e versão (HTML 3.2, HTML 4.01, XHTML, etc.) em que a página está escrita, informa-o como agir. Coloca-se na 1ª linha da página, antes da tag<html>. O browser entende que deve tratar a página conforme os padrões da W3C*. O elemento doctypemesmo estando entre <> não é uma tag, mas sim uma instrução. MF. 7 * http://www.w3.org/QA/2002/04/valid-dtd-list.html#DTD
- 16. DTS : definição (2) Exemplo simples: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> <HTML> …… A declaração DOCTYPE está dividida em duas partes, um identificador público (publicidentifier) e um URL. MF. 8
- 17. DTS : definição (3) Identificador público PUBLIC "-//W3C//DTD HTML 4.01//EN“ URL - endereço do DTD na Internethttp://www.w3.org/TR/html4/strict.dtd MF. 9
- 18. DTS - browser Um browser, ao encontrar a declaração DOCTYPE, não vai ler o documento referido no URLe interpretar o HTML de acordo com este. Porém, vai basear-se no identificador público e na presença ou não do URL para decidir como interpretar o documento. Esta decisão vai ter influência na forma como os estilos CSS são aplicados ao documento HTML. MF. 10
- 20. Transitional – engloba DTD strict mais elementos e atributos obsoletos (formatações visuais).
- 21. Frameset – usada com páginas HTML que utilizem framesets (evitar).MF. 11
- 22. DTS – Strict Permite todos elementos e atributos que não estão obsoletos ou que não usam o frameset (usar). Exemplo: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN“ http://www.w3.org/TR/html4/strict.dtd"> MF. 12
- 23. DTS – Transitional Engloba DTD strict mais elementos e atributos obsoletos (formatações visuais). Exemplo: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> MF. 13
- 24. DTS – Frameset Usada com páginas HTML que utilizem framesets(evitar). Exemplo: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> MF. 14
- 25. DTS - exemplo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title>Title of the document</title></head><body>Página de redes de comunicação......</body></html> MF. 15
- 26. Exercício prático Verifica que tipo de DTDs usam os seguintes sites: http://www.w3.org/TR/html4/struct/global.html _____________________ http://www.w3.org/_____________________ http://www.iol.pt/ _____________________ http://aeiou.expresso.pt/ ____________ _________ MF. 16
- 27. Webgrafia e Bibliografia http://www.w3.org/TR/html4/sgml/dtd.html http://www.speaking-in-styles.com/index.php/the-book/css-dhtml-ajax-visual-quickstart-guide/ http://www.obasicodaweb.com/html-esqueleto-de-um-documento-html-parte-1-doctype/ Teagu, J. C. (2004). DHTML and CSS for the World Wide Web (2ª Ed.). USA:Peachpit Press. Validar CSS: http://jigsaw.w3.org/css-validator/ Validar HTML http://validator.w3.org/ MF. 17