Weblivre.net - Informação em Primeiro Lugar

Assine nosso RSS

Sorteio de Livro

Concorra ao sorteio do livro Decisões com B.I. escrito pelo nosso colunista Fábio Primak. Clique aqui para participar.

Dicas de Leitura

Decisões com B.I. (Business Intelligence) Aprenda a se Comunicar com Habilidade e Clareza Superdicas para Falar Bem em Conversas e Apresentações Cd Rom Info Especial Excel

Newsletter

Receba notícias e novidades em seu e-mail.

Publicado em 04/02/2006 - 4 comentários - Ler artigos relacionados - Você está em: Colunas » Dreamweaver

Trabalhando com XML e XSL no Dreamweaver – Parte 2

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

Grau de dificuldade: 5

Olá turma!

 

Nesse artigo iremos aprender como formatar o documento criado no artigo anterior com XLS. Você verá que o XSLT irá transformar a árvore de saída do documento anterior em um documento texto. Caso você não tenha visto o primeiro artigo, clique aqui.

 

Definição: XSL Transformations, ou XSLT, é uma linguagem de marcação XML usada para transformar documentos XML, tendo ambas sido desenvolvidas e recomendadas pelo W3C.

 

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

 

 

2) Na janela Locate XML Source, escolha a primeira opção e clique no botão BROWSER para localizar o arquivo “locadora.xml”, conforme a janela abaixo:

 

 

3)      Note que no Painel Bindings nós temos todos os elementos que foram definidos no documento xml, conforme a figura abaixo:

 

 

4) Crie uma tabela (4 x 7) e defina sua largura como 100%, CellSpace “0”, border “1”, Border Color “#000000”.

 

5) Mescle as duas primeiras linhas e insira os devidos rótulos na terceira linha da tabela, conforme na figura abaixo:

 

6) Para inserir a imagem do filme, clique no botão Insert Imagem da Aba Common, escolha a opção Data Sources e logo em seguida, clique no nodo “imagem”, conforme a figura abaixo:

 

 

7) Defina o tamanho da imagem com 118 x 165 px e posicione-a no centro da célula com o auxílio do Inspetor de Propriedades.

 

8) Em seguida, arraste os elementos do documento XML para dentro da tabela com o auxílio do Painel Bindings. Se tiver dúvida, observe a figura abaixo:

 


9) Selecione a última linha da tabela (tag TR) e através da aba XSLT,clique no botão Repeat Region, conforme a figura abaixo:

 

 

 

10) Na caixa de diálogo XPath Expression Builder selecione o elemento locacao e clique no botão OK, conforme a figura abaixo.

 

 

11)      Após esse passo, a tabela terá essa aparência.

 

12)      Pronto. Agora faça as modificações desejadas na tabela e visualize o arquivo XML no browser. Veja o resultado abaixo.

 

Terminamos aqui a nossa série de 2 artigos a respeito de XML e XSL no Dreamweaver. Caso tenham dúvidas, mantem email para ronaldosdb@weblivre.net

Aqui estão as imagens utilizadas no artigo:

      

Gostaria de receber sugestões de vocês para as próximas colunas, portanto, conto com todos vocês!

Autor: Ronaldo dos Santos Silva

Compartilhe:

Comentários

Comente este artigo!

ROBERTO em 26/06/2008
Olá, Ronaldo! Muito bom o seu roteiro. Você poderia mostrar como fazer para buscar um registro específico, a partir de um parâmetro passado através de uma escolha de nomes/itens em uma combo? Grato e abraço,

David Teixeira Cruz em 13/03/2008
Olá! Adorei o topico e funcionou direitinho. Agora só tenho uma dúvida, formatei as fontes deixei tudo bonitinho e rodou maravilhosamente bem no IE, mais no firefox a formatação dos textos não funcionam!! será que vc pode me ajudar? aguardo!

rodney medonça ferreira em 24/01/2007
amigo posso fazer um include desse arquivo xsl em um arquivo asp que o navegador exibe legal ou não?

laercio em 14/01/2007
Segui passo a passo mais na hora de visualizar no brwser não apareceu as figuras nem as descrições

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