Vous êtes sur la page 1sur 25
P ROGRAMAÇÃO W EB I XML-XHTML Professor: Luiz Carlos Ribeiro Jr. e-mail: luiz.ribeiro@esade.edu.br Curso de

PROGRAMAÇÃO WEB I

XML-XHTML

Professor: Luiz Carlos Ribeiro Jr. e-mail: luiz.ribeiro@esade.edu.br Curso de Análise e Desenvolvimento de Sistemas

OBJETIVOS

Entender os conceitos relacionados a XML e

XHTML

Entender a aplicação prática de XML

Entender a relação entre XML e (X)HTML

Entender as diferenças de XHTML e HTML

a aplicação prática de XML  Entender a relação entre XML e (X)HTML  Entender as

<?xml version="1.0" encoding="UTF-8"?>

Currículo Versão 1

<Curriculo> <InformacaoPessoal>

<DataNascimento>07/11/1978</DataNascimento>

<Nomecompleto>Luiz Carlos Ribeiro Junior</Nomecompleto> <Contatos>

<Telefone>9999-9999</Telefone>

<CorreioEletronico>luiz.ribeiro@esade.edu.br</CorreioEletronico> </Contatos> <Nacionalidade>Brasileiro</Nacionalidade> <Sexo>M</Sexo> </InformacaoPessoal> <Objetivo>Atuar na area de TI</Objetivo> <Experiencia> <Cargo>Suporte técnico</Cargo> <Empregador>Empresa, Cidade - Estado</Empregador> </Experiencia> <Formacao>Mestre em Computação Aplicada</Formacao> </Curriculo>

</Experiencia> <Formacao> Mestre em Computação Aplicada </Formacao> </Curriculo>

<?xml version="1.0" encoding="UTF-8"?>

Currículo Versão 2

<Curriculo> <Candidato dtNasc=”07/11/1978” nomeCompl=”Luiz Carlos Ribeiro Junior” nascionalidade=“BR” sexo=“M” > <Contatos>

<Telefone>9999-9999</Telefone>

<CorreioEletronico>luiz.ribeiro@esade.edu.br</CorreioEletronico> </Contatos> </Candidato> <InformacoesProfissionais> <Objetivo>Atuar na area de TI</Objetivo> <Formacao>Mestre em Computação Aplicada</Formacao> <VinculosAnteriores> <Cargo>Suporte técnico</Cargo> <Empregador>Empresa, Cidade - Estado</Empregador> </VinculosAnteriores> </InformacoesProfissionais> </Curriculo>

- Estado </Empregador> </VinculosAnteriores> </InformacoesProfissionais> </Curriculo>

<?xml version="1.0" encoding="ISO-8859-1"?>

<receita nome="pão“ preparo="5 minutos" cozimento="1 hora"> <titulo>Pão simples</titulo> <ingredientes> <ingrediente qtd="3" unid="xícaras">Farinha</ingrediente> <ingrediente qtd="7" unid="gramas">Fermento</ingrediente> <ingrediente qtd="1.5" unid="xícaras" temp="morna">Água</ingrediente> <ingrediente qtd="1" unid="colheres de chá">Sal</ingrediente> </ingredientes> <instrucoes> <passo>Misture todos os ingredientes, e dissolva bem</passo> <passo>Cubra com um pano e deixe por uma hora em um local morno</passo> <passo>Misture novamente, coloque numa bandeja e asse num forno</passo> </instrucoes> </receita>

Receita de Pão

novamente, coloque numa bandeja e asse num forno </passo> </instrucoes> </receita> Receita de Pão

INTRODUÇÃO

Existem padrões específicos em XML?

Qual a finalidade do XML?

Como garantir a integridade do XML?

De onde saiu tudo isso?

Qual afinal é a relação entre XML e (X)HTML?

 Como garantir a integridade do XML?  De onde saiu tudo isso?  Qual afinal
 Como garantir a integridade do XML?  De onde saiu tudo isso?  Qual afinal

INTRODUÇÃO

Existem padrões específicos em XML?

Sim, vários!

RDF e OWL - representação de conhecimento

Tiger e XCES - anotação linguística

WSDL linguagem para descrever serviços web

WAP e WML para dispositivos móveis

RSS Notícias

Entre outros

para descrever serviços web  WAP e WML – para dispositivos móveis  RSS – Notícias

<?xml version="1.0" encoding="ISO-8859-1"?> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <channel> <title>Terra - RSS - Terra Brasil</title>

RSS - FEEDS

<link>http://noticias.terra.com.br/ultimas/0,,EI1,00.html</link>

<description>Últimas notícias - Terra Brasil</description> <language>pt-br</language> <copyright>Copyright 2000-2011 Terra Networks, S.A.</copyright> <category>Terra</category> <item> <title>Diguinho completará 100 jogos pelo Fluminense</title> <pubDate>Tue, 05 Apr 2011 09:59:00 -0200</pubDate>

<link>http://esportes.terra.com.br/noticias/7542-EI1137,00.html</link>

<guid>http://esportes.terra.com.br/noticias/7542-EI1137,00.html</guid>

<description>O volante Diguinho completará na partida <category>Esportes</category> </item> </channel> </rss>

</description>

<category> Esportes </category> </item> </channel> </rss> </description>

INTRODUÇÃO

Não existem padrões específicos em XML?

Qual a finalidade do XML?

Como garantir a integridade do XML?

De onde saiu tudo isso?

Qual afinal é a relação entre XML e (X)HTML?

 Como garantir a integridade do XML?  De onde saiu tudo isso?  Qual afinal
 Como garantir a integridade do XML?  De onde saiu tudo isso?  Qual afinal

Servidor

Servidor I NTRODUÇÃO  Qual a finalidade do XML? <?xml version="1.0" encoding="ISO-8859-1"?

INTRODUÇÃO Qual a finalidade do XML?

Servidor I NTRODUÇÃO  Qual a finalidade do XML? <?xml version="1.0" encoding="ISO-8859-1"?
<?xml version="1.0" encoding="ISO-8859-1"? > <?xml version="1.0"
<?xml version="1.0" encoding="ISO-8859-1"? >
<?xml version="1.0" encoding="ISO-8859-1"? >
<rss version="2.0" xmlns:atom="http://www.w3.org/ 2005/Ato m">
<rss version="2.0" xmlns:atom="http://www.w3.org/ 2005/Ato m">
<channel>
<channel>
<title>Terra
- RSS - Terra
Brasil</title>
<title>Terra
- RSS - Terra Brasil</title>
<link>http://noticias.terra.com. br/ultim as/0,,EI1, 00.ht ml</link>
<link>http://noticias.terra.com. br/ultim as/0,,EI1, 00.ht ml </link>
<description>Últimas
notícias - Terra Brasil</description>
<description>Últimas
notícias - Terra Brasil</description>
<language>pt-br</languag e>
<language>pt-br</languag e>
<copyright>Copyright
2000-2011
Terra Networks, S.A.</copyright>
<copyright>Copyright
<category>Terra</cat egory >
<category>Terra</cat egory >
</rss>
</rss>
RSS
RSS
<?xml version="1.0" encoding="ISO-8859-1"? >
<rss version="2.0" xmlns:atom="http://www.w3.org/ 2005/Ato m">
<channel>
<title>Terra
- RSS - Terra Brasil</title>
<link>http://noticias.terra.com. br/ultim as/0,,EI1, 00.ht ml </link>
<description>Últimas
notícias - Terra Brasil</description>
<language>pt-br</languag e>
<copyright>Copyright
2000-2011 Terra Networks, S.A .</copyright>
<category>Terra</cat egory >
</rss>
<category>Terra</cat egory > </rss> RSS 2000-2011 Terra Networks, S.A .</copyright>

RSS

2000-2011 Terra Networks, S.A.</copyright>

egory > </rss> RSS 2000-2011 Terra Networks, S.A .</copyright> desktop

desktop

egory > </rss> RSS 2000-2011 Terra Networks, S.A .</copyright> desktop

INTRODUÇÃO

<?xml version="1.0" encoding="ISO-8859-1"? > <rss version="2.0"
<?xml version="1.0" encoding="ISO-8859-1"? >
<rss version="2.0" xmlns:atom="http://www.w3.org/ 2005/Ato m">
<channel>
<title>Terra
- RSS - Terra Brasil </title>
<link>http://noticias.terra.com. br/ultim as/0,,EI1, 00.ht ml </link>
<description>Últimas
notícias - Terra Brasil </description>
<language>pt-br</languag e>
<copyright>Copyright
2000-2011 Terra Networks, S.A.</copyright>
<category>Terra</cat egory >
</rss>

XML

Networks, S.A.</copyright> <category>Terra</cat egory > </rss> XML Server 1 Server 2

Server 1

Networks, S.A.</copyright> <category>Terra</cat egory > </rss> XML Server 1 Server 2

Server 2

Networks, S.A.</copyright> <category>Terra</cat egory > </rss> XML Server 1 Server 2

INTRODUÇÃO

Não existem padrões específicos em XML?

Qual a finalidade do XML?

Como garantir a integridade do XML?

De onde saiu tudo isso?

Qual afinal é a relação entre XML e (X)HTML?

 Como garantir a integridade do XML?  De onde saiu tudo isso?  Qual afinal
 Como garantir a integridade do XML?  De onde saiu tudo isso?  Qual afinal

INTRODUÇÃO

Como garantir a integridade do XML?

Sintaxe bem definida

1º linha a versão e a codificação

<?xml version=“1.0” encoding=“utf-8”?>

2º linha descreve o documento raiz

<Curriculo> (indica que o documento descreve um currículo)

Todos os elementos devem estar corretamente aninhados

<Curriculo><DadosPessoais>

Curriculo>

</DadosPessoais></

estar corretamente aninhados  <Curriculo><DadosPessoais> Curriculo> </DadosPessoais></

INTRODUÇÃO

Como garantir a integridade do XML?

Sintaxe bem definida

Todo elemento deve ter o fechamento

<Curriculo></Curriculo>

<System name=“Linux” distribution=“Ubuntu”/>

Tags são case sensitives

<curriculo></Curriculo> (Incorreto)

<Curriculo></Curriculo> (Correto)

Valores de atributos devem estar entre aspas

<System name=“Linux” distribution=Ubuntu/>

(Correto)  Valores de atributos devem estar entre aspas  <System name =“Linux” distribution=Ubuntu />

INTRODUÇÃO

Como garantir a integridade do XML?

DTD

Document Type Definition

XML Schema

I NTRODUÇÃO  Como garantir a integridade do XML?  DTD  Document Type Definition 

INTRODUÇÃO

<?xml version="1.0" encoding="ISO-8859-1"? > <rss version="2.0"
<?xml version="1.0" encoding="ISO-8859-1"? >
<rss version="2.0" xmlns:atom="http://www.w3.org/ 2005/Ato m">
<channel>
<title>Terra
- RSS - Terra Brasil </title>
<link>http://noticias.terra.com. br/ultim as/0,,EI1, 00.ht ml </link>
<description>Últimas
notícias - Terra Brasil </description>
<language>pt-br</languag e>
<copyright>Copyright
2000-2011 Terra Networks, S.A.</copyright>
<category>Terra</cat egory >
</rss>

XML

egory > </rss> XML Server 1 Server 2 <?xml version="1.0"

Server 1

egory > </rss> XML Server 1 Server 2 <?xml version="1.0"

Server 2

egory > </rss> XML Server 1 Server 2 <?xml version="1.0"

<?xml version="1.0" encoding="ISO-8859-1"? >

<rss version="2.0" xmlns:atom="http://www.w3.org/ 2005/Ato m">

<channel>

<title>Terra

- RSS - Terra Brasil </title>

<link>http://noticias.terra.com. br/ultim as/0,,EI1, 00.ht ml </link>

<description>Últimas

</rss>

notícias - Terra Brasil </description>

DTD

<?xml version="1.0" encoding="ISO-8859-1"? >

<rss version="2.0" xmlns:atom="http://www.w3.org/ 2005/Ato m">

<channel>

<title>Terra

- RSS - Terra Brasil </title>

<link>http://noticias.terra.com. br/ultim as/0,,EI1, 00.ht ml </link>

<description>Últimas

</rss>

notícias - Terra Brasil </description>

DTD

</link> <description> Últimas </rss> notícias - Terra Brasil </description> DTD

INTRODUÇÃO

Não existem padrões específicos em XML?

Qual a finalidade do XML?

Como garantir a integridade do XML?

De onde surgiu tudo isso?

Qual a relação entre XML e (X)HTML?

XML?  Como garantir a integridade do XML?  De onde surgiu tudo isso?  Qual
XML?  Como garantir a integridade do XML?  De onde surgiu tudo isso?  Qual

INTRODUÇÃO

Linguagens de Marcação

SGML Standard Generalized Markup Language

HTML XML XHTML
HTML
XML
XHTML

INTRODUÇÃO

Não existem padrões específicos em XML?

Qual a finalidade do XML?

Como garantir a integridade do XML?

De onde surgiu tudo isso?

Qual afinal é a relação entre XML e (X)HTML?

Como garantir a integridade do XML?  De onde surgiu tudo isso?  Qual afinal é
Como garantir a integridade do XML?  De onde surgiu tudo isso?  Qual afinal é

INTRODUÇÃO

Qual afinal é a relação entre XML e (X)HTML?

XHTML é a descrição da linguagem HTML através de uma aplicação XML

XHTML possui todas as regras de sintaxe de um XML

Ela é um documento XML

HTML através de uma aplicação XML  XHTML possui todas as regras de sintaxe de um

INTRODUÇÃO

Principais Benefícios da XHTML?

HTML será descontinuado

XHTML é consistente, dispensando "truques“ para contornar "bugs

O tempo de carregamento é menor

É totalmente compatível com todas as aplicações de usuários para HTML

“  O tempo de carregamento é menor  É totalmente compatível com todas as aplicações

INTRODUÇÃO

Como eu defino um documento XHTML?

<!DOCTYPE>:

Define a DTD para o documento XHTML

Document Type Declaration

Declara a DTD que especifica o documento

Document Type Definition (BINGO! XML!)

 Document Type Declaration  Declara a DTD que especifica o documento  Document Type Definition

INTRODUÇÃO

Como eu defino um documento XHTML?

Exemplo de Código:

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head><title></title></head> <body></body> </html>

<head><title></title></head> <body></body> </html>

INTRODUÇÃO

Tipos de DOCTYPE XHTML

STRICT

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

TRANSITIONAL

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

FRAMESET

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

INTRODUÇÃO

Tipos de DOCTYPE

Existem também DOCTYPE HTML que podem ser visualizados nessa página:

Existem também DOCTYPE HTML que podem ser visualizados nessa página:  http://www.w3schools.com/tags/tag_DOCTYPE.asp