Olá pessoal, eu sou novato nessa área de tutoriais, mais aí vai!
Hoje eu vou ensinar como criar e visualizar uma simples menu em XML para você colocar no seu site.
Primeiramente, eu escolhi uma página em forma de menu porque fica mais fácil de explicar os comandos básicos do xml. Um documento XML segue o padrão do HTML, com tags de início e de fim de marcação. A diferença é que você pode criar suas próprias tags. Por exemplo: <mensagem>Boa Tarde!</mensagem> no HTML não seria possível, mas no XML sim. Assim, podemos dar mais organização aos nossos arquivos. Agora está aqui o documento XML do menu com suas respectivas explicações (as tags de comentário não fazem parte do documento). Infelizmente eu não vou explicar o arquivo XML para não ficar muito extenso este tutorial.
Arquivo menu.xml
<!-- declara que o documento é do tipo XML, assim como a sua versão! -->
<?xml version="1.0"?>
<!-- faz a referência a folha de estilos, que será fundamental para a visualização do documento -->
<?xml-stylesheet type="text/xsl" href="menu.xsl"?>
<!-- inicia o documento XML com uma tag principal - é fundamental esta tag de início -->
<conteudo>
<!-- agora nós criamos o conteúdo do nosso menu -->
<categorias>
<paginadolink>javascript.htm</paginadolink>
<titulodolink>JavaScript</titulodolink>
<localdolink>main</localdolink>
<!-- repare que a tag abaixo é única. isso acontece porquê não é necessário abrirmos e fecharmos a tag -->
<posicao id="3" />
</categorias>
<categorias>
<paginadolink>html.htm</paginadolink>
<titulodolink>HTML</titulodolink>
<localdolink>main</localdolink>
<posicao id="2" />
</categorias>
<categorias>
<paginadolink>asp.htm</paginadolink>
<titulodolink>ASP</titulodolink>
<localdolink>main</localdolink>
<posicao id="1" />
</categorias>
</conteudo>
Agora pra você visualizar o documento XML no seu navegador, você vai precisar de um "interpretador" para o arquivo XML. Este "interpretador" pode ser feito em ASP, Javascript ou em outra linguagem, mas nós vamos fazê-lo em XSL, que são as folhas de estilo do XML (repare na segunda linha do documento).
Arquivo menu.xsl
<?xml version="1.0" ?>
- <xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
- <xsl:template>
<xsl:value-of />
</xsl:template>
- <xsl:template match="/">
- <html>
- <head>
<style type="text/css">p {font-family: Verdana; font-size: 10pt; color:#990000;} font {font-family: Verdana, Arial; font-size:10pt; color: black;} A:link {font-family: Verdana, Arial; font-size:10pt; color: #990000; text-decoration: overline;} A:hover {font-family: Verdana, Arial; font-size:10pt; color: black; text-decoration: none; background-color: #FF0000;} A:visited {font-family: Verdana, Arial; font-size:10pt; color: cyan;}</style>
</head>
- <body bgcolor="#3399FF">
- <xsl:for-each select="//categorias" order-by="+posicao/@id">
- <DIV class="link">
- <a>
- <xsl:attribute name="href">
<xsl:value-of select="paginadolink" />
</xsl:attribute>
- <xsl:attribute name="target">
<xsl:value-of select="localdolink" />
</xsl:attribute>
<xsl:value-of select="titulodolink" />
</a>
</DIV>
<HR />
</xsl:for-each>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
No próximo tutorial eu explicarei o significado deste arquivo XSL - pra não ficar muito grande o tutorial.
Minha primeira página em XML.
Started By <% developer %>, 29/12/2002, 16:51
17 replies to this topic
#1
<% developer %>
-
- Usuários
-
- 1029 posts
Só observando...
- Sexo:Não informado
- Localidade:Manaus - AM
Posted 29/12/2002, 16:51
Você é de Manaus?
Quer fazer cursos de webdesign, com professor,
1 computador por aluno? E de graça?
Confira em Fundação Paulo Feitoza
Links Legais:
Jogar Dominó Online
Jogar Xadrez Online
Códigos ASP para download
Quer fazer cursos de webdesign, com professor,
1 computador por aluno? E de graça?
Confira em Fundação Paulo Feitoza
Links Legais:
Jogar Dominó Online
Jogar Xadrez Online
Códigos ASP para download
#2
.Ninja.
-
- Usuários
-
- 234 posts
12 Horas
- Sexo:Não informado
Posted 02/06/2003, 13:25
Eu fiz isso que voce e olha o erro:
A página XML não pode ser exibida
Não é possível exibir a entrada XML usando a folha de estilos . Corrija o erro e clique no botão Atualizar ou tente novamente mais tarde.
--------------------------------------------------------------------------------
Inválido no nível superior do documento. Erro ao processar o recurso 'file:///C:/Sites/evstudio/xml/menu.xsl'. Linha 1, posição 22
<?xml version="1.0"?>
#3
<% developer %>
-
- Usuários
-
- 1029 posts
Só observando...
- Sexo:Não informado
- Localidade:Manaus - AM
Posted 15/06/2003, 16:25
o erro está no arquivo .xsl, aqueles - não existem... por isso que deu erro... vou postar o código denovo... isso serve para você ver que um pequeno errinho faz com que o código não funcione, isso é uma das grandes características do XML... a formatação dos textos:
menu.xsl
menu.xsl
<?xml version="1.0" ?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template>
<xsl:value-of />
</xsl:template>
<xsl:template match="/">
<html>
<head>
<style type="text/css">p {font-family: Verdana; font-size: 10pt; color:#990000;} font {font-family: Verdana, Arial; font-size:10pt; color: black;} A:link {font-family: Verdana, Arial; font-size:10pt; color: #990000; text-decoration: overline;} A:hover {font-family: Verdana, Arial; font-size:10pt; color: black; text-decoration: none; background-color: #FF0000;} A:visited {font-family: Verdana, Arial; font-size:10pt; color: cyan;}</style>
</head>
<body bgcolor="#3399FF">
<xsl:for-each select="//categorias" order-by="+posicao/@id">
<DIV class="link">
<a>
<xsl:attribute name="href">
<xsl:value-of select="paginadolink" />
</xsl:attribute>
<xsl:attribute name="target">
<xsl:value-of select="localdolink" />
</xsl:attribute>
<xsl:value-of select="titulodolink" />
</a>
</DIV>
<HR />
</xsl:for-each>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Você é de Manaus?
Quer fazer cursos de webdesign, com professor,
1 computador por aluno? E de graça?
Confira em Fundação Paulo Feitoza
Links Legais:
Jogar Dominó Online
Jogar Xadrez Online
Códigos ASP para download
Quer fazer cursos de webdesign, com professor,
1 computador por aluno? E de graça?
Confira em Fundação Paulo Feitoza
Links Legais:
Jogar Dominó Online
Jogar Xadrez Online
Códigos ASP para download
#4
x-webmaster
-
- Usuários
-
- 638 posts
Mestre
- Sexo:Não informado
- Localidade:SP SP
Posted 16/06/2003, 15:32
Ae developer... será q vc pode postar umas apostilas maneiras de XML e XSL???????
valew cara..
valew cara..
#5
gnomowd
gnomowd
-
- Visitantes
Posted 19/06/2003, 15:08
O Developer eu salvei o documento e quando acessei ele o browser me retornou uma página com o código fonte que eu tinha salvado e quando eu clicava em cada linha do codigo ele fazia tipo um menu árvore... isso eh normal?
hehe n liga pra minha ignorancia... eu n entendo nd de xml...
falow
hehe n liga pra minha ignorancia... eu n entendo nd de xml...
falow
#6
<% developer %>
-
- Usuários
-
- 1029 posts
Só observando...
- Sexo:Não informado
- Localidade:Manaus - AM
Posted 19/06/2003, 16:24
o erro está no próprio arquivo xml... você não fez a referência ao arquivo XSL.... que é o responsável pela formatação do XML...O Developer eu salvei o documento e quando acessei ele o browser me retornou uma página com o código fonte que eu tinha salvado e quando eu clicava em cada linha do codigo ele fazia tipo um menu árvore... isso eh normal?
hehe n liga pra minha ignorancia... eu n entendo nd de xml...
falow
então crie o arquivo menu.xsl, coloque o código que eu postei e depois acesse o arquivo menu.xml ...
apostilas... procure em http://apostilando.net
no google tem alguns sites sobre XML, pena que a maioria são em inglês
Você é de Manaus?
Quer fazer cursos de webdesign, com professor,
1 computador por aluno? E de graça?
Confira em Fundação Paulo Feitoza
Links Legais:
Jogar Dominó Online
Jogar Xadrez Online
Códigos ASP para download
Quer fazer cursos de webdesign, com professor,
1 computador por aluno? E de graça?
Confira em Fundação Paulo Feitoza
Links Legais:
Jogar Dominó Online
Jogar Xadrez Online
Códigos ASP para download
#7
gnomowd
gnomowd
-
- Visitantes
Posted 19/06/2003, 19:09
Tipo... agora intendi... mas quando eu acesso ele me retorna isso:
A página XML não pode ser exibida Não é possível exibir a entrada XML usando a folha de estilos XSL. Corrija o erro e clique no botão Atualizar ou tente novamente mais tarde. As seguintes marcas não foram fechadas: xsl:stylesheet. Erro ao processar o recurso 'file:///C:/Meus documentos/menu.xsl'.
A página XML não pode ser exibida Não é possível exibir a entrada XML usando a folha de estilos XSL. Corrija o erro e clique no botão Atualizar ou tente novamente mais tarde. As seguintes marcas não foram fechadas: xsl:stylesheet. Erro ao processar o recurso 'file:///C:/Meus documentos/menu.xsl'.
#8
Iron
-
- Usuários
-
- 185 posts
12 Horas
- Sexo:Não informado
- Localidade:Campinas/Hortolândia - SP
- Interesses:Tudo relacionado com informática. Curto muito rock também.
Posted 19/06/2003, 19:45
Ops! eu também tô aprendendo XMl.
para começar vcs podem usar CSS mesmo ao invés de XSL, só para aprender, depois vcs passam paar o XSL.
Na segunda linha do código onde faz inferência sobre o arquivo XSL, vcs podem mudar para essa aqui:
<?xml-stylesheet type="text/css" href="teste.css"?>
depois vcs devem criar o arquivo css par aformatar o texto XML, da mesma forma que foi feito com o XSL
Teremos que dar ao arquivo o mesmo nome que foi dado na segunda linha do XML, no casoteste.css
Agora é só formatar da maneira que quiserem:
categorias{color:blue;font-size:15pt;display:block}
paginadolink{display:block}
titulodolink{color:green}
localdolink(color:red}
Tentem fazer isso e vejam se dá certo, é uma alternativa para aprendizado...
Developer, foi muito boa a sua iniciativa cara. :ok:
Até mais
para começar vcs podem usar CSS mesmo ao invés de XSL, só para aprender, depois vcs passam paar o XSL.
Na segunda linha do código onde faz inferência sobre o arquivo XSL, vcs podem mudar para essa aqui:
<?xml-stylesheet type="text/css" href="teste.css"?>
depois vcs devem criar o arquivo css par aformatar o texto XML, da mesma forma que foi feito com o XSL
Teremos que dar ao arquivo o mesmo nome que foi dado na segunda linha do XML, no casoteste.css
Agora é só formatar da maneira que quiserem:
categorias{color:blue;font-size:15pt;display:block}
paginadolink{display:block}
titulodolink{color:green}
localdolink(color:red}
Tentem fazer isso e vejam se dá certo, é uma alternativa para aprendizado...
Developer, foi muito boa a sua iniciativa cara. :ok:
Até mais
ICQ: 156678261
MSN: marcelowd@hotmail.com
#9
<% developer %>
-
- Usuários
-
- 1029 posts
Só observando...
- Sexo:Não informado
- Localidade:Manaus - AM
Posted 19/06/2003, 20:40
provavelmente pode ter sido um erro de digitação... alguma tag não foi fechada... mas aqui em casa funcionou... então verifique se aí não ocorreu nenhum esquecimento , algo do tipo </xsl:stylesheet>Tipo... agora intendi... mas quando eu acesso ele me retorna isso:
A página XML não pode ser exibida Não é possível exibir a entrada XML usando a folha de estilos XSL. Corrija o erro e clique no botão Atualizar ou tente novamente mais tarde. As seguintes marcas não foram fechadas: xsl:stylesheet. Erro ao processar o recurso 'file:///C:/Meus documentos/menu.xsl'.
Ops! eu também tô aprendendo XMl.
para começar vcs podem usar CSS mesmo ao invés de XSL, só para aprender, depois vcs passam paar o XSL.
Na segunda linha do código onde faz inferência sobre o arquivo XSL, vcs podem mudar para essa aqui:
<?xml-stylesheet type="text/css" href="teste.css"?>
depois vcs devem criar o arquivo css par aformatar o texto XML, da mesma forma que foi feito com o XSL
Teremos que dar ao arquivo o mesmo nome que foi dado na segunda linha do XML, no casoteste.css
Agora é só formatar da maneira que quiserem:
categorias{color:blue;font-size:15pt;display:block}
paginadolink{display:block}
titulodolink{color:green}
localdolink(color:red}
Tentem fazer isso e vejam se dá certo, é uma alternativa para aprendizado...
Developer, foi muito boa a sua iniciativa cara.
Até mais
obrigado cara... e quanto ao css você também pode fazer como o Iron falou, é até mais fácil, já que vcs devem ter alguma familiaridade com CSS... e lembrando que o XSL nada mais é que a folha de estilos do XML e o CSS é a folha de estilos do HTML (vê aí.. a semelhança)
Você é de Manaus?
Quer fazer cursos de webdesign, com professor,
1 computador por aluno? E de graça?
Confira em Fundação Paulo Feitoza
Links Legais:
Jogar Dominó Online
Jogar Xadrez Online
Códigos ASP para download
Quer fazer cursos de webdesign, com professor,
1 computador por aluno? E de graça?
Confira em Fundação Paulo Feitoza
Links Legais:
Jogar Dominó Online
Jogar Xadrez Online
Códigos ASP para download
#10
MaXiMuS
-
- Usuários
-
- 785 posts
o cara que escreve engraçado
- Sexo:Não informado
- Localidade:Guarulhos - SP - Brasil
Posted 02/07/2003, 13:19
Hey.... tipo XML não pode ter os comentários?
Eu copiei o código primeiramente do jeito q tava, com os comentários... aí deu erro, tirei os comentários.. e funcionou.. é assim mesmo?
Eu copiei o código primeiramente do jeito q tava, com os comentários... aí deu erro, tirei os comentários.. e funcionou.. é assim mesmo?
#11
Iron
-
- Usuários
-
- 185 posts
12 Horas
- Sexo:Não informado
- Localidade:Campinas/Hortolândia - SP
- Interesses:Tudo relacionado com informática. Curto muito rock também.
Posted 02/07/2003, 13:49
Não, não.
Dá para usar os comentários normalmente, da mesma forma que é feito com a HTML.
acheo que deveria ter alguma coisainha a mais para dar esse erro aí...
até mais :ok:
Dá para usar os comentários normalmente, da mesma forma que é feito com a HTML.
acheo que deveria ter alguma coisainha a mais para dar esse erro aí...
até mais :ok:
ICQ: 156678261
MSN: marcelowd@hotmail.com
#12
aianzen
aianzen
-
- Visitantes
Posted 18/08/2003, 15:34
Olá pessoas, estou estudando (sozinha) um pouco a respeito de XML. Faço curso de Gestão da Informação na UFPR e vou fazer minha monografia em XML. Minha idéia é criar/propor com o XML uma espécie de interface entre bases de dados, para que várias bases possam ser acessadas em conjunto, ou pelo menos que a base não fique on-line junto a página, e seja apenas acessada pelo XML. Sei que o XML é uma linguagem de marcação que serve para gerenciamento de conteúdo e não apresentação, mas isso é o básico. E tudo que leio só diz isso. Todos dizem que o XML pode acessar um banco de dados, mas não me dizem como. Será que alguém pode me dar uma luz???
#13
Guilherme Blanco
-
- Conselheiros
-
- 891 posts
Loading...
- Sexo:Masculino
- Localidade:São Carlos - SP/Brasil
- Interesses:Programação Web e minha namorada (Maria Camila).
Posted 18/08/2003, 17:09
Talvez este link resolva todas as suas dúvidas...
http://msdn.microsof...vicesanchor.asp
Dê uma olhada geral na seção que é XML Web Services... Acho que a resposta para a sua pergunta está lá...
[]s,
http://msdn.microsof...vicesanchor.asp
Dê uma olhada geral na seção que é XML Web Services... Acho que a resposta para a sua pergunta está lá...
[]s,
<script language="WebFórum">
// Dados:
Nome("Guilherme Blanco");
Localidade("São Carlos - SP/Brasil");
Cargo("Manutenção");
</script>
// Dados:
Nome("Guilherme Blanco");
Localidade("São Carlos - SP/Brasil");
Cargo("Manutenção");
</script>
#14
RonsisM
-
- Usuários
-
- 15724 posts
Super Veterano
- Sexo:Masculino
- Localidade:Plovdiv
Posted 18/09/2017, 09:50
Generic isotretinoin drugs by money order overseas no rx cheap cialis Il Viagra Effetti Collaterali
Acheter Priligy Dapoxetine Uk
Viagra Come Acquistarlo <a href=http://cialtobuy.com>cialis online</a> Allopurinol Long Term Side Effects
Generico Do Viagra Da Sandoz buy cialis Viagra Ohne Rezept In Berlin
Clomid Essai Ovulation Generic Keflex Cost Comparison Viagra Vs Cialis 250
Get Zentel <a href=http://cialtobuy.com>viagra cialis</a> Efectos Del Viagra En El Hombre
Zenegra 100 online pharmacy Will Propecia Stop My Hair Loss
order accutane no prescription Can I Order Diflucan Online
Prezzi Cialis Viagra <a href=http://cialtobuy.com>buy cialis</a> Levitra Generico Milano
Acheter Priligy Dapoxetine Uk
Viagra Come Acquistarlo <a href=http://cialtobuy.com>cialis online</a> Allopurinol Long Term Side Effects
Generico Do Viagra Da Sandoz buy cialis Viagra Ohne Rezept In Berlin
Clomid Essai Ovulation Generic Keflex Cost Comparison Viagra Vs Cialis 250
Get Zentel <a href=http://cialtobuy.com>viagra cialis</a> Efectos Del Viagra En El Hombre
Zenegra 100 online pharmacy Will Propecia Stop My Hair Loss
order accutane no prescription Can I Order Diflucan Online
Prezzi Cialis Viagra <a href=http://cialtobuy.com>buy cialis</a> Levitra Generico Milano
#15
RonsisM
-
- Usuários
-
- 15724 posts
Super Veterano
- Sexo:Masculino
- Localidade:Plovdiv
Posted 04/10/2017, 08:49
Delivery De Kamagra Paying Too Much For Viagra viagra cialis Apo Cephalexin
Interaction Amoxicillin With Doxicillin Stendra Discount Direct Pharmacy Rash Zithromax viagra online pharmacy Nexium Online Price
Worldwide Levaquin Price Preise Cialis Angebote Cialis Generico Barcelona cialis Cialis 20mg En Belgique
Effects Of Long Term Amoxicillin Kamagra 100 Mg Saint Acheter Viagra Sans Risque cialis Side Effects To Amoxicillin In Babies
Interaction Amoxicillin With Doxicillin Stendra Discount Direct Pharmacy Rash Zithromax viagra online pharmacy Nexium Online Price
Worldwide Levaquin Price Preise Cialis Angebote Cialis Generico Barcelona cialis Cialis 20mg En Belgique
Effects Of Long Term Amoxicillin Kamagra 100 Mg Saint Acheter Viagra Sans Risque cialis Side Effects To Amoxicillin In Babies
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)
