XHTML 1.0 DTDs e Validação PRnet/2012 Ferramentas para Web Design 1
HTML 4.0 X XHTML 1.0 Quais são os três principais componentes ou instrumentos mais utilizados na internet? PRnet/2012 Ferramentas para Web Design 2
Primeiro componente: 1- HTML - HyperText Markup Language (Linguagem de Marcação de Hipertexto) É um código básico usado para a criação de documentos para a internet. PRnet/2012 Ferramentas para Web Design 3
Apesar do HTML não ser considerado por muitos desenvolvedores de páginas para internet como uma Linguagem de Programação, sabemos que, com a sua evolução, o HTML permite desenvolver desde páginas simples até mesmo jogos interativos utilizando outros complementos como: Javascript, CSS e outras linguagens incorporadas ao código HTML. PRnet/2012 Ferramentas para Web Design 4
Segundo componente: 2- HTTP HyperText Transfer Protocol É o protocolo de transferência (acesso) de arquivos de hipertexto. Exemplo de um http usado para acessar um site: http://www.fito2.org.br PRnet/2012 Ferramentas para Web Design 5
FTP File Transfer Protocol É o protocolo para transferência de arquivos entre os ambientes local e remoto desenvolvidos para a internet. Exemplo de um ftp usado para transferir arquivos: ftp://www.fito2.org.br/index.html PRnet/2012 Ferramentas para Web Design 6
Terceiro componente: 3- Browser Ferramenta de navegação web utilizada para acessar página na Internet através do carregamento dos documentos hipertexto. Entre os Browser (navegadores) mais conhecidos e utilizados destacamos: - Internet Explorer (IE), Netscape (NS), Opera, Mozila, WebTV, etc. PRnet/2012 Ferramentas para Web Design 7
O que significa XHTML? O que acontecerá com o HTML? Qual o motivo da utilização do XHTML? PRnet/2012 Ferramentas para Web Design 8
XHTML De acordo com a W3C o HTML 4.0 será a última versão HTML. A partir disso os sites válidos serão aqueles que estiverem aplicando o código XHTML, isto é, a combinação do HTML com o XML. PRnet/2012 Ferramentas para Web Design 9
XHTML 1.0 Tornou-se uma especificação oficial da W3C (World Wide Web Consortium) em 26 de janeiro de 2000. - A partir dessa data: * os códigos desenvolvidos em XHTML garantirão a estabilidade deles no futuro e * assegurarão a sua posição como autor de páginas web compatíveis com o novo rumo que as linguagens voltadas para a Internet estão tomando. PRnet/2012 Ferramentas para Web Design 10
W3C - World Wide Web Consortium - É um órgão responsável pelo desenvolvimento, implantação e regulamentação das linguagens pertinentes à internet. - - Fundada em 1994 é a maior autoridade na definição dos padrões das linguagens. - É um importante órgão que controla as especificações, ou seja, quando um webmaster afirma que seus códigos estão nos padrões exigidos pela W3C, quer dizer que estão compatíveis com a maioria dos navegadores e dentro das linguagens extensivas (em evolução). PRnet/2012 Ferramentas para Web Design 11
Site oficial da W3C - http://www.w3c.org PRnet/2012 Ferramentas para Web Design 12
Qual a vantagem de seguir as especificações para o XHTML 1.0? PRnet/2012 Ferramentas para Web Design 13
O XHTML é o HTML em formato XML (EXtensible Markup Language) e está sendo o código mais usado para o armazenamento e a transmissão de dados via internet e plataformas. PRnet/2012 Ferramentas para Web Design 14
Uma outra grande vantagem nessa aplicação é que qualquer software ou dispositivo capaz de interpretar o XML será capaz de acessar as suas páginas, ou seja, não haverá necessidade de adequação de conteúdo aos diferentes softwares ou dispositivos que participam no processo de troca de informações (chamamos esses "softwares" de "clientes"). PRnet/2012 Ferramentas para Web Design 15
O que é um DTD? DTD Document Type Definition (Definição do Tipo de Documento) É uma exigência em todos os documentos XHTML. Permite definir regras que se aplicam a documentos de um determinado tipo. PRnet/2012 Ferramentas para Web Design 16
Para que serve o uso de DTD? O DTD em XHTML permite às ferramentas de validação, verificar se a sintaxe e os elementos usados no documento realmente conferem com aqueles definidos no DTD. PRnet/2012 Ferramentas para Web Design 17
DTD afeta a apresentação do código? DTDs em XHTML não afetam de maneira alguma a apresentação dos elementos por parte do browser. Serve para validar o código desenvolvido e certificar a aplicação dos parâmetros definidos para a linguagem. PRnet/2012 Ferramentas para Web Design 18
Uso de DTDs Como declarar o DTD em um documento XHTML? PRnet/2012 Ferramentas para Web Design 19
Uso de DTDs A declaração do DTD deve ser o primeiro elemento de um documento XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict // EN" "http://www.w3.org/tr/xhtml1/dtdxhtml1-strict.dtd"> <html> <head> <title>um documento usando DTDs</title> </head> <body> </body> </html> PRnet/2012 Ferramentas para Web Design 20
Exemplo de uso de DTD PRnet/2012 Ferramentas para Web Design 21
Derivações de DTDs Existem diferentes maneiras para aplicar um DTD? PRnet/2012 Ferramentas para Web Design 22
Uso de DTDs O XHTML 1.0 especifica três DTDs derivados do XML que correspondem aos três DTDs do HTML 4.0: - Strict - Transitional - Frameset PRnet/2012 Ferramentas para Web Design 23