Weblivre.net - Informação em Primeiro Lugar

Assine nosso RSS
Publicado em 04/02/2006 - Comente este artigo - Ler artigos relacionados - Você está em: Colunas » Dreamweaver

Trabalhando com XML e XSL no Dreamweaver – Parte 1

Veja como trabalhar com documentos XML e XSL no Dreamweaver, em uma série de dois artigos

 

Grau de dificuldade: 5

Olá turma!

 

Vamos ver uma série de artigos que vai abordar como trabalhar com documentos XML e XSL no Dreamweaver 8.

 

Primeiramente, é necessário saber o que é XML:

 

Definição: XML, sigla de eXtensible Markup Language, é um método padrão para representar dados recomendado pelo W3C (World Wide Web Consortium) para atender as necessidades de comunicação entre sistemas (principalmente Web), fornecendo uma identificação flexível para todo o tipo de informação. Podemos pensar no XML como uma linguagem para descrição / estruturação de dados.

 

Como o propósito desse artigo é demonstrar de maneira prática o trabalho com XML no Dreamweaver, não iremos nos prender a definições, mas caso você queira se aprofundar nessa linguagem, faça uma breve busca no Google que irão aparecer muitos resultados de busca.

 

1)      Na Start Page do Dreamweaver, escolha a opção XML, conforme na figura abaixo:

 

 

2)      Note que o Dreamweaver é aberto no modo Code, e que na primeira linha encontramos a Declaração XML:

 



Dos três atributos que encontramos apenas o version é obrigatório e deve ter o valor "1.0", já que a versão 1.1 ainda deverá ser lançada.

 

O atributo ENCODING determina qual o conjunto de caracteres que está em uso no documento atual. O valor “ISO-8859-1” corresponde ao alfabeto latino 1, que é usado para a maioria das linguagens do oeste europeu e permite o uso de acentuação.

 

3) A segunda linha do arquivo deverá conter a instrução de processamento do arquivo, conforme abaixo:



O atributo stylesheet determina a maneira com que o parser do XML irá processar o arquivo: você verá que ele irá criar uma estrutura em árvore com nodos.

 

Já o atributo href serve para aplicarmos uma folha de estilos ao documento em questão. Em nosso exemplo, estaremos modificando a aparência dos dados contidos no arquivo XML por meio do arquivo “locadora1.xsl”.

 

Observação: Assim como o CSS é utilizado para alterar a estética do HTML, o XSL serve para alterar a estética do XML.  

 

4) A estrutura do nosso documento conterá os seguintes elementos:

 


 

Onde:

 

<locadora></locadora> = É o elemento raiz do documento, tal como <html>/</html>. Só pode haver um documento raiz no documento, sendo que todos os outros elementos devem estar dentro dele.

<locacao></locacao> = É o elemento pai, aquele que conterá os elementos filhos dentro de si.

<categoria> </categoria> = Elemento filho que trará o nome da categoria

<filme></filme> = Elemento filho que trará o nome do filme

<descricao></descricao> = Elemento filho que trará a descricao do filme

<cliente></cliente> = Elemento filho que trará o nome do cliente

<data></data> = Elemento filho que trará a data da locação

<pagamento></pagamento> = Elemento filho que trará a informação do pagamento

<imagem></imagem> = Elemento filho que trará a imagem do filme (capa)

 

Observação: Cuidado, XML é case sensitive, logo <LOCADORA> é diferente de <locadora>.

 

5) É isso ai, você pode exercitar inserindo novos elementos no exemplo acima, tomando o devido cuidado para que todos os elementos estejam dentro do elemento raiz do documento.

 

6)      Salve o código abaixo como “locadora.xml” e execute-o no browser para ver o resultado:

 

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

<?xml-stylesheet type="text/xsl" href="locadora1.xsl"?>

<locadora>

<locacao>

<categoria>Romance</categoria>

<filme>Encontro de Amor</filme>

<descricao>Devido a um erro de identificação uma camareira e um rico herdeiro iniciam um romance, já que ele imagina que ela seja um hóspede do hotel onde está hospedado. Mas assim que o mal-entendido é exposto eles percebem que vivem em mundos muito diferentes.</descricao>

<cliente>João da Silva</cliente>

<data>29/01/06</data>

<pagamento>Sim</pagamento>

<imagem>encontro.jpg</imagem>

</locacao>

<locacao>

<categoria>Infantil</categoria>

<filme>Shrek 2</filme>

<descricao>Shrek e Fiona são convidados para um jantar com os pais dela, que desejam conhecê-lo. Com vozes de Mike Myers, Cameron Diaz, Eddie Murphy, Antonio Banderas, Julie Andrews, John Cleese e Rupert Everett. Recebeu 2 indicações ao Oscar.</descricao>

<cliente>Julia da Silva</cliente>

<data>30/01/06</data>

<pagamento>Não</pagamento>

<imagem>shrek2.jpg</imagem>

</locacao>

<locacao>

<categoria>Terror</categoria>

<filme>O chamado 2</filme>

<descricao>Seis meses depois, Rachel e seu filho se mudam e tentam recomeçar a vida. Porém um assassinato faz com que a temível Samara retorne à vida da dupla. Com Naomi Watts e Sissy Spacek.</descricao>

<cliente>Jair da Silva</cliente>

<data>31/01/06</data>

<pagamento>Sim</pagamento>

<imagem>ochamado.jpg</imagem>

</locacao>

<locacao>

<categoria>Comédia</categoria>

<filme>A Sogra</filme>

<descricao>Após perder o emprego, uma jornalista tenta atrapalhar o relacionamento do filho com sua nova namorada, por temer também perdê-lo. Com Jane Fonda e Jennifer Lopez.</descricao>

<cliente>José da Silva</cliente>

<data>01/02/06</data>

<pagamento>Não</pagamento>

<imagem>asogra.jpg</imagem>

</locacao>

<locacao>

<categoria>Suspense</categoria>

<filme>O terceiro olho</filme>

<descricao>Um homem acorda em um hospital sem se lembrar do que aconteceu com ele nos últimos 2 anos. Ao tentar descobrir o que aconteceu, ele percebe que possui a capacidade de viajar no tempo. Com Ryan Phillippe, Sarah Polley, Stephen Rea e Piper Perabo.</descricao>

<cliente>Janaina da Silva</cliente>

<data>02/02/06</data>

<pagamento>Não</pagamento>

<imagem>oterceiro_olho.jpg</imagem>

</locacao>

<locacao>

<categoria>Comédia</categoria>

<filme>Debi Lóide - Dois idiotas em apuros</filme>

<descricao>Em plena década de 80, Debi e Lóide se conhecem durante a vida colegial. Com um Q.I. abaixo do normal e uma grande habilidade em arrumar confusão, logo eles se tornam grandes amigos. Com Mimi Rogers e Luis Gúzman.

</descricao>

<cliente>Juliana Silva</cliente>

<data>03/02/06</data>

<pagamento>Sim</pagamento>

<imagem>debi.jpg</imagem>

</locacao>

<locacao>

<categoria>Comédia</categoria>

<filme>Loucademia de Polícia IV - O Cidadão Se Defende</filme>

<descricao>O Comandante Lassard tem um novo plano para acabar com a criminalidade nas ruas: permitir que voluntários participem de um treinamento especial na Academia, onde aprenderão técnicas de salvamento e combate ao crime. Com Steve Guttenberg e Sharon Stone.</descricao>

<cliente>João da Silva</cliente>

<data>04/02/06</data>

<pagamento>Não</pagamento>

<imagem>loucademia.jpg</imagem>

</locacao>

</locadora>

 

Um abraço, forte para todos, não deixem de ver o segundo artigo dessa matéria.

Autor: Ronaldo dos Santos Silva

Compartilhe:

Comentários

Seja o primeiro a comentar!

2004-2008 Weblivre.net Todos os direitos reservados.

Quem somos | Política de Acesso | Anuncie | Na Mídia | Seja um Colunista | Sugestão de Pauta | Fale Conosco

Idealização: Webla - Comunicação Digital