Ambientes de Desenvolvimento XML-XHTML Paulo Sousa ISEP/IPP Portugal.

Ambientes de Desenvolvimento XML-XHTML Paulo Sousa ISEP/IPP Portugal

XML-XHTML1 Conteúdo  Tecnologias XML  XML  DTD  XHTML

XML-XHTML2 Tecnologias XML  Um conjunto de tecnologias para representação e manipulação de dados (essencialmente) para sistemas desenvolvidos sobre a Internet  Quase na totalidade normas W3C

XML-XHTML3  URL

XML-XHTML4 XML  XML = e X tensible M arkup L anguage  Baseada em SGML  Elementos + atributos  Case-sensitive  Atributos entre aspas ou pelicas  Bem formada  “Língua Franca” para a representação de dados (estruturados)

XML-XHTML5 XML (2)

XML-XHTML6 Manuel 2 5 1922 XML (3)  Exemplo documento XML Indicação XML Raiz do documento Elemento com atributo Elemento sem dados Demo

XML-XHTML7 XML (4)

XML-XHTML8 XML (5)  Exercício  Criar um documento XML para CDs e visualizar no browser  Dicas  Caracteres portugueses

XML-XHTML9 XML (6)  Solução possível U2 Outubro 2000 Polygram Records Bono...... “lista” de faixas Atributo dá significado/interpretação ao conteúdo Demo

XML-XHTML10 XML (7) Problema...  Cada pessoa fez a sua solução  Nome dos elementos  Nome dos atributos  Ordem e agrupamento dos elementos  Ordem e agrupamento dos atributos  Significado dos elementos  Significado dos atributos

XML-XHTML11 DTD  DTD = D ocument T ype D efinition  Regras de validação da sintaxe de documentos XML  Embutido no documento ou externo  Utilizado por editores de XML para garantir a conformidade de um documento

XML-XHTML12 DTD (2)  Exemplo de DTD Elemento composto por repetições de outro elemento Elemento opcional Lista de atributos de um elemento (facultativos e obrigatórios) Elemento sem dados Code

XML-XHTML13 DTD (3)  Sintaxe  Elementos:  !ELEMENT nome-elemento composição  Atributos:  !ATTLIST nome-elemento nome-atributo tipo-dados tipo-valor  Agrupamentos & Cardinalidade:  (), | * ? +  Tipo de dados:  #PCDATA ou CDATA ou EMPTY ou ANY  Tipo de valor:  #REQUIRED ou #IMPLIED ou #FIXED

XML-XHTML14 <!DOCTYPE pessoas [ ]>... DTD (4)  DTD embutido num documento XML Inicio DTD Fim do DTD embutido Conteúdo XML Conteúdo DTD Code

XML-XHTML15 Manuel 2 5 1922... DTD (5)  DTD externo ao documento XML Indicação DTD externo e localização (URL) Ficheiro pessoas.dtd tem o conteúdo DTD

XML-XHTML16 DTD (6)  Exercícios  Criar um DTD externo para documento XML de exercício anterior: CDs  Utilizando um editor XML (por ex. XML Writer) validar o documento XML de acordo com DTD elaborado  Solução Code

XML-XHTML17 XHTML  XHTML = eXtensible HTML  HTML = HyperText Markup Language  Etiquetas que especificam formatação de páginas web  Estende o HTML usando as regras do XML e “forçando” o HTML a ser um dialecto XML  Especificação W3C  http://www.w3.org/TR/xhtml1/  http://www.w3.org/TR/html401/

XML-XHTML18 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> Virtual Library Moved to vlib.org. XHTML (2)  Exemplo documento XHTML Indicação XML Especificação DTD Raiz do documento cabeçalho Demo Corpo do documento

XML-XHTML19 XHTML (3)  1º) indicação de documento XML e codificação dos caracteres.   UTF-16 ou ISO-8859-1 para caracteres em Português  2º) indicação do DTD para XHTML   3º) conteúdo do documento 

XML-XHTML20 XHTML (4)  4º) cabeçalho ...  Conteúdo possível:  Título do documento  texto  Meta-dados 

XML-XHTML21 XHTML (5)  5º) corpo do documento  conteúdo  Alguns atributos  Cor de fundo para o documento  bgcolor=‘cor’  Imagem de fundo para o documento  background=‘URL’

XML-XHTML22 XHTML (6)  Conteúdo possível  Parágrafos  texto  Mudanças de linha   Separadores horizontais   Caracteres especiais  & < > ã á à â € ç

XML-XHTML23 XHTML (7)  Conteúdo possível (cont.)  headings  texto até texto  Enfatizar ou itálico  texto ou texto  Realçar ou negrito  texto ou texto  Sublinhar  texto

XML-XHTML24 XHTML (8)  Conteúdo possível (cont.)  Formatação de código fonte  texto  Texto pré-formatado  texto  Hiperligações  texto  Imagens 

XML-XHTML25 XHTML (9)  Conteúdo possível (cont.)  Listas ordenadas  itens  Listas de pontos  itens  Item de uma lista  texto Demo

XML-XHTML26 XHTML (10)  Conteúdo possível (cont.)  Tabelas  tabela  Linhas de uma tabela  itens  Uma célula como cabeçalho de uma tabela  itens  Célula normal de uma linha de tabela  texto Demo

XML-XHTML27 XHTML (11)  Conteúdo possível (cont.)  Alguns atributos para os elementos de tabelas  border=‘grossura’ aplica-se: table  width=‘comprimento’ aplica-se: table tr th td  height=‘altura’ aplica-se: table tr th td  celpadding=‘pix’ aplica-se: table  celspacing=‘pix’ aplica-se: table  colspan=‘pix’ aplica-se: th td  rowspan=‘pix’ aplica-se: tr Demo

XML-XHTML28 XHTML (12)  Exercício  Elabore uma pequena página pessoal ou acerca de um assunto de seu interesse usando as diferentes etiquetas apresentadas.

Ambientes de Desenvolvimento XML-XHTML Paulo Sousa ISEP/IPP Portugal.

Apresentações semelhantes

Apresentação em tema: "Ambientes de Desenvolvimento XML-XHTML Paulo Sousa ISEP/IPP Portugal."— Transcrição da apresentação:

Apresentações semelhantes

Sobre projeto

Feedback

Login

Autorizar-se através da rede social:

Ambientes de Desenvolvimento XML-XHTML Paulo Sousa ISEP/IPP Portugal.

Apresentações semelhantes

Apresentação em tema: "Ambientes de Desenvolvimento XML-XHTML Paulo Sousa ISEP/IPP Portugal."— Transcrição da apresentação:

Apresentações semelhantes

Sobre projeto

Feedback