A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

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:

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

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

3 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

4 XML-XHTML3  URL

5 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)

6 XML-XHTML5 XML (2)

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

8 XML-XHTML7 XML (4)

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

10 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

11 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

12 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

13 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

14 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

15 XML-XHTML14 ... DTD (4)  DTD embutido num documento XML Inicio DTD Fim do DTD embutido Conteúdo XML Conteúdo DTD Code

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

17 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

18 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  

19 XML-XHTML18 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

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

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

22 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’

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

24 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

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

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

27 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

28 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

29 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.


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

Apresentações semelhantes


Anúncios Google