Sistemas de Informação: XML- XSLT
|
|
|
- Lucinda Lacerda Amaro
- 7 Há anos
- Visualizações:
Transcrição
1 XML 1 : XML- XSLT Todos os exemplos bem como o conteúdo teórico tem por base o livro: Sas Jacobs, Beginning XML with DOM and Ajax From Novice to Professional, Apress, 2006 e W3Schools Free Tutorials: XML 2 Por que XSL CSS são folhas de estilo para documentos XHTML O W3C iniciou o desenvolvimento de XSL para que se dispusesse de folhas de estilo para documentos XML XSL = XML Style Language XSL é mais que uma linguagem de estilo, consistindo de três partes: XSLT: uma linguagem para transformar documentos XML XPath: uma linguagem para navegar em documentos XML XSL-FO: uma linguagem para formatar documentos XML XSTL (extensiblestylesheetlanguagetransformations) é uma recomendação do W3C ( XSTL é utilizada para transformar um documento XML em outro documento, normalmente XHTML
2 XML 3 Por que XSL XSL-FO (extensiblestylesheetlanguageformattingobjects) pode imprimir o conteúdo de documentos XML de modo similar a PDF CSS e XSLT têm diferentes propósitos: XSLT é uma ferramenta extremamente poderosa enquanto CSS pode ser usada para tarefas simples Algumas vezes as tecnologias são usadas de modo combinado Os navegadores Firefox 1.5+, Netscape 8+ e IExplorer 6+ suportam XSLT XML 4 Utilizações de XSLT Transformação de um documento XML em outro XHTML Criação de cabeçalhos e rodapés em uma página XHTML Criação de um índice em uma página XHTML Apresentação de um documento XML Inclusão de imagens em um documento XML Ordenação de dados em um documentos XML
3 XML Transformando XML em XHTML 5 O elemento raiz que declara que um documento é uma folha de estilo XSL <xsl:stylesheet> ou <xsl:transform> Os dois elementos são similares e podem ser intercambiados Folhas de estilo devem ser declaradas das seguintes maneiras <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:transform version="1.0" xmlns:xsl=" Para ter acesso aos elementos, atributos e características XSL o namespace deve ser declarado no topo do documento XML Transformando XML em XHTML XML em XHTML: Exemplos 6 cdcatalog.xml <?xml version="1.0" encoding="iso "?> <catalog> <cd> <title>empire Burlesque</title> <artist>bob Dylan</artist> <country>usa</country> <company>columbia</company> <price>10.90</price> <year>1985</year> </cd> <cd> <title>hide your heart</title> <artist>bonnie Tyler</artist> <country>uk</country> <company>cbs Records</company> <price>9.90</price> <year>1988</year> </cd> M </catalog> Catálogo de CDs Arquivo completo na página.
4 XML Transformando XML em XHTML XML em XHTML: Exemplos 7 <?xml version="1.0" encoding="iso "?> <xsl:output method='html' version='1.0' encoding='utf-8' indent='yes'/> cdcatalog.xsl <xsl:template match="/"> <html> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th align="left">title</th> <th align="left">artist</th> <xsl:for-each select="catalog/cd"> <tr> <td><xsl:value-of select="title"/></td> <td><xsl:value-of select="artist"/></td> </xsl:for-each> </table> </html> Esta folha de estilos realiza A transformação. XML Transformando XML em XHTML XML em XHTML: Exemplos 8 A transformação pode ser realizada no cliente ou no servidor No Cliente ela pode ser realizada pelo próprio navegador Deve-se ligar o documento XML a folha de estilo para que a transformação possa se dar: cdcatalog.xml <?xml version="1.0" encoding="iso "?> <?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?> <catalog> <cd> <title>empire Burlesque</title> <artist>bob Dylan</artist> <country>usa</country> <company>columbia</company> <price>10.90</price> <year>1985</year> </cd> M </catalog>
5 XML Transformando XML em XHTML XML em XHTML: Exemplos 9 A transformação: O elemento <xsl:template> é utilizado para construir modelos (templates) O atributo match é utilizado para associar o modelo com um elemento XML Este atributo também pode ser usado para definir um modelo para todo o documento XML O valor do atributo match é uma expressão XPath (i.e. match="/" define o documento inteiro) XML Transformando XML em XHTML XML em XHTML: Exemplos 10 Uma folha de estilo XSL deve ser um documento bem formado e portanto deve apresentar o prólogo XML. cdcatalog1.xsl <?xml version="1.0" encoding="iso "?> <xsl:template match="/"> <html> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <tr> <td>.</td> <td>.</td> </table> </html> Transformação que será aplicada. Nenhum conteúdo será gerado! Define que se trata de uma folha de estilos XSL. O elemento <xsl:template> define o modelo. O atributo match="/" associa o modelo com a raiz do documento XML fonte.
6 XML Transformando XML em XHTML XML em XHTML: Exemplos Uso do elemento <xsl:value-of> para selecionar elementos do documento XML e extrair seus valor para apresentação na saída. cdcatalog2.xsl <?xml version="1.0" encoding="iso "?> <xsl:template match="/"> <html> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <tr> <td><xsl:value-of select="catalog/cd/title"/></td> <td><xsl:value-of select="catalog/cd/artist"/></td> </table> </html> Recupera respectivamente os elementos title e artist do documento XML. 11 Caso um elemento tenha um atributo, ele pode ser acessado com select= nó/@nomeatributo. XML Transformando XML em XHTML XML em XHTML: Exemplos O elemento <xsl:for-each> é usado para selecionar todos os elementos de um nó específico de um documento XML. 12 cdcatalog.xsl <?xml version="1.0" encoding="iso "?> <xsl:template match="/"> <html> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <xsl:for-each select="catalog/cd"> <tr> <td><xsl:value-of select="title"/></td> <td><xsl:value-of select="artist"/></td> </xsl:for-each> </table> </html> Itera sobre cada um dos nós do elemento cd do documento XML e recupera respectivamente os elementos title e artist.
7 XML Transformando XML em XHTML 13 XML em XHTML: Exemplos XML Transformando XML em XHTML 14 XML em XHTML: Exemplos (Filtro) Pode-se também filtrar o conteúdo da iteração do seguinte modo: <xsl:for-each select="catalog/cd[artist='bob Dylan']"> Sendo que as possibilidades para os filtros são: = igual!= diferente < menor que > maior que No filtro se deve detalhar o elemento do nó para o qual se deseja realizar a comparação
![<table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <xsl:for-each select="catalog/cd[artist='bob Dylan']"> <tr> <td><xsl:value-of select="title"/></td> <td><xsl:value-of](/docs-images/56/39323655/images/8-0.jpg "select=\"artist\"/></td> </xsl:for-each> </table> </html> XML Transformando XML em XHTML XML em XHTML: Exemplos (Ordenação) O elemento <xsl:sort> pode ser usado para ordenar os elementos de saída")
8 XML Transformando XML em XHTML XML em XHTML: Exemplos (Filtro) 15 <?xml version="1.0" encoding="iso "?> cdcatalog3.xsl <xsl:template match="/"> <html> <h2>my CD Collection</h2> Filtro que é aplicado a iteração. <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <xsl:for-each select="catalog/cd[artist='bob Dylan']"> <tr> <td><xsl:value-of select="title"/></td> <td><xsl:value-of select="artist"/></td> </xsl:for-each> </table> </html> XML Transformando XML em XHTML XML em XHTML: Exemplos (Ordenação) O elemento <xsl:sort> pode ser usado para ordenar os elementos de saída segundo um critério específico cdcatalog4.xsl <?xml version="1.0" encoding="iso "?> <xsl:template match="/"> <html> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <tr> <xsl:for-each select="catalog/cd"> <xsl:sort select="artist"/> <tr> <td><xsl:value-of select="title"/></td> <td><xsl:value-of select="artist"/></td> </xsl:for-each> </table> </html> O ordenamento é feito através do elemento artista. 16
9 XML Transformando XML em XHTML XML em XHTML: Exemplos (If) O elementos <xsl:if> podem ser usado para expressar um teste cdcatalog5.xsl <?xml version="1.0" encoding="iso "?> <xsl:template match="/"> <html> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <xsl:for-each select="catalog/cd"> <xsl:if test="price > 10"> <tr> <td><xsl:value-of select="title"/></td> <td><xsl:value-of select="artist"/></td> </xsl:if> </xsl:for-each> </table> </html> Somente os CDs com preço maior do que 10 serão apresentados. 17 XML Transformando XML em XHTML 18 XML em XHTML: Exemplos (Testes) Os elementos <xsl:choose>, <xsl:when> e <xsl:otherwise> podem ser usados conjuntamente para expressar testes condicionais com a seguinte sintaxe: <xsl:choose> <xsl:when test="expression">... some output... </xsl:when> <xsl:otherwise>... some output... </xsl:otherwise> </xsl:choose>
10 XML Transformando XML em XHTML XML em XHTML: Exemplos (Testes) <?xml version="1.0" encoding="iso "?> 19 cdcatalog6.xsl <xsl:template match="/"> <html> <h2>my CD Collection</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> <xsl:for-each select="catalog/cd"> <tr> <td><xsl:value-of select="title"/></td> <xsl:choose> <xsl:when test="price > 10"> <td bgcolor="#ff00ff"> <xsl:value-of select="artist"/></td> </xsl:when> <xsl:otherwise> <td><xsl:value-of select="artist"/></td> </xsl:otherwise> </xsl:choose> </xsl:for-each> </table> </html> Apresenta os CDs com preços superiores a 10 em outra cor. XML Transformando XML em XHTML XML em XHTML: Exemplos 20 O elemento <xsl:apply-templates> aplica um modelo ao elemento corrente ou aos filhos deste elemento Se um atributo select for utilizado com o elemento <xsl:apply-templates> ele irá processar unicamente o filho de elemento que corresponder ao select O atributo select pode ser usado para especificar a ordem na qual os nós filhos de um elemento serão processados
11 XML Transformando XML em XHTML XML em XHTML: Exemplos 21 Utilização do elemento <xsl:apply-templates> <?xml version="1.0" encoding="iso "?> cdcatalog7.xsl <xsl:template match="/"> <html> <h2>my CD Collection</h2> <xsl:apply-templates/> </html> <xsl:template match="cd"> <p> <xsl:apply-templates select="title"/> <xsl:apply-templates select="artist"/> </p> Define-se como serão apresentados cada um dos elementos do documento XML XML Transformando XML em XHTML XML em XHTML: Exemplos 22 Utilização do elemento <xsl:apply-templates> cdcatalog7.xsl M <xsl:template match="title"> Title: <span style="color:#ff0000"> <xsl:value-of select="."/></span> <br /> <xsl:template match="artist"> Artist: <span style="color:#00ff00"> <xsl:value-of select="."/></span> <br /> Corresponde ao elemento corrente
12 XML Criando cabeçalhos e rodapés 23 Muitas vezes é importante adicionar o mesmo cabeçalho e rodapé a diferentes documentos Uma transformação XSLT pode ser usada com este propósito planets.xml <?xml version="1.0" encoding="utf-8"?> <?xml-stylesheet type="text/xsl" href="planets.xsl"?> <html> <head> <title>a simple HTML page</title> <style type="text/css"> body { font-family: Verdana, Arial, sans-serif; font-size: 12px;} </style> </head> <h1>our neighbours</h1> <h2>venus</h2> Embora pareça um documento XHTML é um documento XML Venus is the second planet from the sun and it has a thick layer of sulfuric acid clouds covering the entire planet. <ul> <strong>diameter</strong> km (7505 miles) <strong>moons:</strong> 0 <strong>mean temperature:</strong> 482C (900F) <strong>length of one day:</strong> earth days <strong>length of one year:</strong> earth days </ul> XML Cabeçalhos e Rodapés Criando cabeçalhos e rodapés 24 planets.xml continuação... M <h2>mars</h2> Mars is the fourth planet from the sun and is often called the red planet. <ul> <strong>diameter</strong> 6796 km (4214 miles) <strong>moons:</strong> 2 <strong>mean temperature:</strong> -63C (-81F) <strong>length of one day:</strong> earth hours <strong>length of one year:</strong> earth days </ul> </html>
13 XML Cabeçalhos e Rodapés A Folha de Estilos XSLT 25 planets.xsl <?xml version="1.0" encoding="utf-8"?> <xsl:output method="html" version="4.0" indent="yes"/> <xsl:template <xsl:copy> <xsl:apply-templates </xsl:copy> <xsl:template match="body"> <p> <a href=" NASA!</a> <a href=" the solar system</a> </p> <xsl:apply-templates/> <hr/> Copyright Planetary Fun XML Cabeçalhos e Rodapés A Folha de Estilos XSLT 26 A transformação abaixo é denominada identity transformation e pode ser usada para copiar parte de um documento XML para a saída <xsl:template <xsl:copy> <xsl:apply-templates </xsl:copy> Esta transformação procura todos os nós (indicado por node()) e atributos (indicado no documento fonte e quando os encontra utiliza <xsl:copy> para copiar seu conteúdo para a saída Após copiar o conteúdo, utilizando o elemento, se adiciona o cabeçalho e rodapé
14 XML Cabeçalhos e Rodapés A Folha de Estilos XSLT 27 planets.xsl <?xml version="1.0" encoding="utf-8"?> <xsl:output method="html" version="4.0" indent="yes"/> <xsl:template <xsl:copy> <xsl:apply-templates </xsl:copy> <xsl:template match="body"> <p> <a href=" NASA!</a> <a href=" the solar system</a> </p> <xsl:apply-templates/> <hr/> Copyright Planetary Fun Estas linhas são inseridas após o final do conteúdo de body que não foi alterado Indica que a transformação vai ser feita no conteúdo do elemento body (inclusive os marcadores de abertura e fechamento) Percorre o documento até o final do elemento body e realiza a transformação indicada XML Cabeçalhos e Rodapés Criando cabeçalhos e rodapés 28
15 XML Índice em uma página XHTML 29 Este exemplo mostra como gerar novo conteúdo a partir de algo existente Mesmo arquivo XML será usado com a nova XSLT planets2.xsl <?xml version="1.0" encoding="utf-8"?> <xsl:output method="html" version="4.0" indent="yes"/> <xsl:template Copia entrada na saída <xsl:copy> <xsl:apply-templates </xsl:copy> <xsl:template match="body"> Cria o cabeçalho <p> <a href=" NASA!</a> <a href=" the solar system</a> </p> XML planets2.xsl continuação... M Índice em uma página XHTML <h2>quick reference</h2> Cria o título do índice <ul> <xsl:for-each select="h2"> <a> <xsl:attribute name="href"> #</xsl:attribute> </a> </xsl:for-each> </ul> <xsl:apply-templates/> <hr/> Copyright Planetary Fun <xsl:template match="h2"> <a> <xsl:attribute name="name"></xsl:attribute> <h2> <xsl:apply-templates/> </h2> </a> Itera sobre cada um dos elementos h2, do documento (os planetas - dentro de body), criando os links. Itera sobre cada um dos elementos h2 do documento (os planetas), criando as referências para os links. 30
16 XML Cabeçalhos e Rodapés Índice em uma página XHTML A parte reapresentada a seguir realiza a transformação <xsl:for-each select="h2"> <a> <xsl:attribute name="href"> #</xsl:attribute> </a> </xsl:for-each> Para cada elemento h2 se insere inicialmente um marcado Na seqüência cria-se um elemento <a> para indicar o início da ligação Utiliza-se então xsl:attribute para adicionar um atributo ao elemento <a> O atributo é denominado href O valor de href é definido como sendo # seguido pelo conteúdo do elemento h2 Na seqüência se inclui o próprio valor de h2 e se finaliza com </a> : <a href= Venus >Venus</a> 31 XML Cabeçalhos e Rodapés Índice em uma página XHTML 32
17 XML Apresentando um documento XML 33 O documento anterior sobre planetas utilizava elementos com nomes utilizados em documentos XHTML Ele é recriado usando elementos descritivos planets4.xml <?xml version="1.0" encoding="utf-8"?> <?xml-stylesheet type="text/xsl" href="planets4.xsl"?> <neighbours> <planet name="venus"> <description> Venus is the second planet from the sun and it has a thick layer of sulfuric acid clouds covering the entire planet. </description> <diameter> km (7505 miles)</diameter> <moons> 0</moons> <meantemp> 482C (900F)</meanTemp> <oneday> earth days</oneday> <oneyear> earth days</oneyear> </planet> <planet name="mars"> <description> Mars is the fourth planet from the sun and is often called the red planet. </description> <diameter> 6796 km (4214 miles)</diameter> <moons> 2</moons> <meantemp> -63C (-81F)</meanTemp> <oneday> earth hours</oneday> <oneyear> earth days</oneyear> </planet> </neighbours> XML Apresentando um documento XML A Folha de Estilo 34 planets4.xsl <?xml version="1.0" encoding="utf-8"?> <xsl:output method="html" version="4.0" indent="yes"/> <xsl:template match="/"> <xsl:apply-templates/> <xsl:template match="text()"/> <xsl:template match="neighbours"> <html> <head> <title>a simple HTML page</title> <style type="text/css"> body { font-family: Verdana, Arial, sans-serif; font-size: 12px;} </style> </head> <p> <a href=" NASA!</a> <a href=" the solar system</a> </p> <h1>our neighbours</h1> <xsl:apply-templates/> <hr/> Copyright Planetary Fun </html>
18 planets4.xsl continuação... XML Apresentando um documento XML M A Folha de Estilo <xsl:template match="planet"> <h2> <xsl:value-of select="@name"/> </h2> <xsl:value-of select="description/text()"/> <ul> <xsl:apply-templates/> </ul> <xsl:template match="diameter"> <strong>diameter: </strong> <xsl:template match="moons"> <strong>moons: </strong> <xsl:template match="meantemp"> <strong>mean temperature: </strong> 35 XML Apresentando um documento XML A Folha de Estilo 36 planets4.xsl continuação... M <xsl:template match="oneday"> <strong>length of one day: </strong> <xsl:template match="oneyear"> <strong>length of one year: </strong>
19 XML Apresentando um documento XML A Folha de Estilo 37 O elemento que é verificado não mais ébody e sim <neighbours> A folha de estilo encontra o elemento <planet> e usa o atributo name para gerar os sub-títulos <xsl:template match="planet"> <h2> <xsl:value-of select="@name"/> </h2> <xsl:value-of select="description/text()"/> <ul> <xsl:apply-templates/> </ul> O localizador XPath@name encontra o atributo name no interior do contexto <planet> e produz <h2>venus</h2> A expressão XPathdescription/text() seleciona o texto dentro do elemento <description> Como o elemento <xsl:value-of> está dentro do contexto do elemento <planet> somente o elemento <description> que está dentro de <planet> será acessado XML Apresentando um documento XML A Folha de Estilo O comando <xsl:apply-templates /> indica ao processador XSLT para aplicar qualquer comando ao elemento <planet> Os elementos <diameter>, <moons>, <meantemp>, <oneday> e <oneyear> Como eles têm comandos específicos estes predominam sobre o geral. Cada um deles tem uma transformação específica do tipo: <xsl:template match="diameter"> <strong>diameter: </strong> 38 Como todos os elementos filhos têm uma regra todos aparecerão na saída Os que não tiverem uma regra serão suprimidos do arquivo de saída
20 XML A Folha de Estilo 39 Página bastante similar a anterior que utilizada marcadores HTML XML Incluindo imagens em documentos XML 40 Imagens podem ser incluídas através de folhas de estilo XSL, criando um elemento <img> no arquivo de saída planets5.xml <?xml version="1.0" encoding="utf-8"?> <?xml-stylesheet type="text/xsl" href="planets6.xsl"?> <neighbours> <planet name="venus"> <description> Venus is the second planet from the sun and it has a thick layer of sulfuric acid clouds covering the entire planet. </description> <diameter> km (7505 miles)</diameter> <moons> 0</moons> <meantemp> 482C (900F)</meanTemp> <oneday> earth days</oneday> <oneyear> earth days</oneyear> </planet> <planet name="mars"> <description> Mars is the fourth planet from the sun and is often called the red planet. </description> <diameter> 6796 km (4214 miles)</diameter> <moons> 2</moons> <meantemp> -63C (-81F)</meanTemp> <oneday> earth hours</oneday> <oneyear> earth days</oneyear> </planet> </neighbours>
21 XML Apresentando um documento XML 41 Incluindo imagens em documentos XML planets5.xsl <?xml version="1.0" encoding="utf-8"?> <xsl:output method="html" version="4.0" indent="yes"/> <xsl:template match="text()"/> <xsl:template match="neighbours"> <html> <head> <title>a simple HTML page</title> <style type="text/css"> body { font-family: Verdana, Arial, sans-serif; font-size: 12px;} </style> </head> <p> <a href=" NASA!</a> <a href=" the solar system</a> </p> <h1>our neighbours</h1> <xsl:apply-templates/> <hr/> Copyright Planetary Fun </html> Regra automática do XSLT que transforma esta linha em: <xsl:template match="text()"> <xsl:value-of select="."/> ou seja, se nenhuma regra for especificado, o conteúdo do elemento será copiado na saída. XML Apresentando um documento XML 42 Incluindo imagens em documentos XML planets5.xsl continuação... M <xsl:template match="planet"> <img width="100" height="100"> <xsl:attribute name="src"><xsl:value-of select="@name"/>.jpg </xsl:attribute> </img> <h2> <xsl:value-of select="@name"/> </h2> <xsl:value-of select="description/text()"/> <ul> <xsl:apply-templates/> </ul> <xsl:template match="diameter"> <strong>diameter: </strong> <xsl:template match="moons"> <strong>moons: </strong> É necessário que a imagem tenha o mesmo nome do planeta para que a transformação funcione
22 XML Apresentando um documento XML 43 Incluindo imagens em documentos XML planets5.xsl continuação... M <xsl:template match="meantemp"> <strong>mean temperature: </strong> <xsl:template match="oneday"> <strong>length of one day: </strong> <xsl:template match="oneyear"> <strong>length of one year: </strong> XML Incluindo imagens em documentos XML 44
23 XML 45 O Papel de XPath no XSLT É através de XPath que são localizados os elementos dentro de um documento XML <xsl:value-of select= description/text > O elemento refere-se ao texto incluído no elemento <description> Como a expressão está dentro do contexto de <planet> somente o conteúdo deste elemento é verificado XSLT utiliza expressões XPath dentro dos atributos match e select para selecionar nós em um documento XML Expressões XPath consistem de um caminho, um nó e um predicado /caminho:nó[predicado] Através do caminho se consegue navegar nos nós do documento XML O nó identifica qual nó deve ser selecionado Através do predicado se pode aplicar um filtro ao conteúdo selecionado Uma forma abreviada também pode ser usada <xsl:value-of > Seleciona-se o atributo de nome name XML O Papel de XPath no XSLT 46 Informações sobre o planeta Venus podem ser obtidas através de <xsl:template match= planet[@name= Venus ] > Operações lógicas também podem ser utilizados <xsl:template match= planet[@name= Venus Mars ] > A expressão XSL irá encontrar todos os nós onde o atributo name de <planet> tiver os valores Venus ou Mars Pode-se também selecionar um elemento específico de um documento (o primeiro elemento <planet> do documento) <xsl:template match= planet[1] > Expressões XPath podem especificar os parentes de um elemento (o pai do elemento <planet> selecionado) <xsl:template match= neighbours/planet >
24 XML 47 Exercícios 1. Retormar o exercício da Aula 1 (XML) sobre a apresentação de veículos e escrever uma folha de estilos que permita apresentar os dados cadastrados sobre os veículos. Garantir que a folha de estilo faça com que antes do valor da propriedade presente no arquivo XML seja apresentado seu nome (ex. Marca: Ford). Apresentar também os valores dos atributos (quando existirem) dos elementos do arquivo XML. 2. Criar uma folha XSL que permita que o arquivo XML sobre veículos seja apresentado de forma tabular, de modo similar ao apresentado na transparência 13 desta aula. 3. Escrever uma folha XSL que transforme o documento XML em um documento XHTML que apresente os dados do veículo (sem utilizar uma tabela). Este documento XHTML deve ter um cabeçalho e um rodapé qualquer (use a sua imaginação...), um índice para acesso aos veículos e também uma foto de cada veículo descrito no documento XML.
GERÊNCIA DE DADOS SEMIESTRUTURADOS - XSLT. Prof. Angelo Augusto Frozza, M.Sc.
GERÊNCIA DE DADOS SEMIESTRUTURADOS - XSLT Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza INTRODUÇÃO XSLT é para XML o que o CSS é para HTML. INTRODUÇÃO XSLT XSL Transformation XSLT é a linguagem
extensible Stylesheet Language (XSL) XSL descreve como fazer o display de um documento XML. XSL é uma espécie de style sheets para XML...
extensible Stylesheet Language (XSL) XSL descreve como fazer o display de um documento XML. XSL é uma espécie de style sheets para XML...... do mesmo modo que CSS são style sheets para HTML. 1 XSL engloba
Linguagens e Programação XPATH / XSLT. Paulo Proença
Linguagens e Programação XPATH / XSLT XSL XSL - Extensible Stylesheet Language Linguagem para transformação e formatação de um documento XML XSL deu origem a 3 normas: XPath que define um modo de navegação
XSLT Transforming XML
XSLT Transforming XML A manipulação de ficheiros XML implica transformar o código fonte do documento XML em qualquer outra coisa (por exemplo em HTML ou pdf) de modo a permitir apresentar a informação
Notas sobre XSLT. O modo correcto para declarar um documento xsl é:
Notas sobre XSLT XSLT é a abreviatura de extensible Stylesheet Language Tansformations. É uma linguagem para transformação de documentos xml. Permite transformar um documento xml noutro documento xml,
XSLT. Sub-linguagens. Processamento Estruturado de Documentos 2003 By jcr XSL XSLFO XSLT. XPath. 11 de Setembro de 2003 jcr - ped2003-1
XSLT Processamento Estruturado de Documentos 2003 By jcr 11 de Setembro de 2003 jcr - ped2003-1 Sub-linguagens XSL XSLFO XSLT XPath 11 de Setembro de 2003 jcr - ped2003-2 Processo de Transformação 1. Construção
XSL - extemsible Stylesheet Language. Prof. Antonio Almeida de Barros Jr.
XSL - extemsible Stylesheet Language Prof. Antonio Almeida de Barros Jr. Agenda Conceitos XSLT - XSL Transformations Iteração e Classificação Processamento Condicional Copiando Nodos Variáveis Estude de
Plano das aulas. Aula 6 Transformação e apresentação de documentos XML XSLT CSS. Departamento de Ciência de Computadores da FCUP ADI2 Aula 6 1
Aula 3 Documentos em XML Estruturas lógicas Estruturas físicas Modelos e DTDs Construção de modelos. Exemplos Aula 5 Processamento de XML Analisadores sintácticos e o SAX DOM Xpath XSL Plano das aulas
CONTEÚDO PROGRAMÁTICO
CONTEÚDO PROGRAMÁTICO XML e XSLT Completo Carga horária: 40 horas TreinaWeb Tecnologia LTDA CNPJ: 06.156.637/0001-58 Av. Paulista, 1765 - Conj 71 e 72 São Paulo - SP CONTEÚDO PROGRAMÁTICO Ementa do curso
A Linguagem XML & estilos & apresentação
SCC0265 Sistemas Interativos Web A Linguagem XML & estilos & apresentação Renata Pontin M. Fortes (renata@icmc.usp.br) PAE: Willian Watanabe (watinha@gmail.com) Instituto de Ciências Matemáticas e de Computação
TUTORIAL: LINGUAGENS XSL E XSLT
TUTORIAL: LINGUAGENS XSL E XSLT Versão 1.0 1/29 Apresentação Este tutorial foi desenvolvido com a finalidade de orientar as Casas Legislativas, que utilizam o SAPL na elaboração de documentos e/ou proposições
Transformação de documentos XML
Transformação de documentos XML César Vittori cvittori@inf.ufrgs.br Outubro de 2000 Resumo XSLT: Transformações XSL. Transformação de documentos XML. XSLT Introdução XSLT: transformações XSL (inglês: XSL
XSLT e recursividade estrutural. Gestão e Tratamento de Informação DEI IST
XSLT e recursividade estrutural Gestão e Tratamento de Informação DEI IST Agenda Recursividade estrutural XSLT Agenda Recursividade estrutural XSLT Recursividade estrutural: um paradigma diferente Dados
Document Composer: uma aplicação XML para extracção
Document Composer: uma aplicação XML para extracção de informação de repositórios rios XML José Carlos Ramalho Departamento de Informática Universidade do Minho Portugal J.C. Ramalho, XATA2005, 10 e 11
http://rogerioaraujo.wordpress.com Série Rações Semanais Xpath e XSLT Rogério Araújo
http://rogerioaraujo.wordpress.com Série Rações Semanais Xpath e XSLT Rogério Araújo http://rogerioaraujo.wordpress.com Série Rações Semanais Xpath e XSLT Rogério Araújo Questões A persistência é o menor
Transformações em XML: XSLT
Transformações em XML: XSLT Vanessa Braganholo Curso baseado em mini-cursos apresentados no SBBD. Autores: Carlos Heuser, Carina Dorneles e Vanessa Braganholo Importância de XSLT XSLT é um padrão para
COM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 01: HTML e CSS
COM222 DESENVOLVIMENTO DE SISTEMAS WEB Aula 01: HTML e CSS 2 Conteúdo Noções introdutórias HTML CSS HTML: HyperText Markup Language 3 Linguagem usada para construir páginas Web Função principal Estruturar
XML: uma introdução prática X100. Helder da Rocha (helder@argonavis.com.br)
XML: uma introdução prática X100 Helder da Rocha (helder@argonavis.com.br) Atualizado em março de 2007 1 Fundamentos de transformação A transformação XSLT é realizada sobre a árvore de um documento-fonte
Para as respostas de escolha múltipla use os quadrados junto da pergunta Seja sucinto e claro nas suas respostas Escreva com letra legível
Licenciatura em Engenharia Informática Exame Época Recurso: 22 de Fevereiro, 2007 Duração: 30 min. Para as respostas de escolha múltipla use os quadrados junto da pergunta Seja sucinto e claro nas suas
HTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto
HTML BÁSICO E TEMPLATE VIEW Gabrielle Amorim Porto HTML BÁSICO E TEMPLATE VIEW Hypertext Markup Language Linguagem de marcação de hipertexto; Descreve a estrutura das páginas Web utilizando tags. HTML
GERÊNCIA DE DADOS SEMIESTRUTURADOS -XML NAMESPACES. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza
GERÊNCIA DE DADOS SEMIESTRUTURADOS -XML NAMESPACES Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza Introdução XML Namespaces fornecem um método para evitar conflitos de nomes de elementos
geração de svg com xslt Helder da Rocha
geração de svg com xslt Helder da Rocha (helder@) Geração de SVG com XSLT SVG pode ser gerado a par-r de XSLT É mais fácil gerar figuras básicas que paths. Mas paths podem ser geradas com texto, expressões
XPath e XSLT. Ferramentas para Internet Marx Gomes Van der Linden. ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida )
XPath e XSLT Ferramentas para Internet Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) XSL XSL Extensible Stylesheet Language Uma família de linguagens
TECNOLOGIA WEB. XHTML Aula 5. Profa. Rosemary Melo
TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo HTML (Hiper Text Markup Language) Linguagem de marcação de hipertexto Comum especificar o conteúdo do documento e sua formatação em um só documento HTML.
Plano das aulas. Aula 3 Documentos em XML Estruturas lógicas Estruturas físicas Modelos e DTDs Construção de modelos. Exemplos
Plano das aulas Aula 3 Documentos em XML Estruturas lógicas Estruturas físicas Modelos e DTDs Construção de modelos. Exemplos Aula 5 Processamento de XML Analisadores sintácticos e o SAX DOM Xpath XSL
Tarlis Portela Web Design HTML
Tarlis Portela Web Design HTML HTML Definição HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) ; É uma linguagem de marcação utilizada
Roteiro de Auxílio para as Atividades Práticas de Sistemas de Informação
Roteiro de Auxílio para as Atividades Práticas de Sistemas de Informação A linguagem XML no contexto do curso de Sistemas de Informação é utilizada principalmente para o armazenamento e a manipulação de
Construção de sites Aula 1
Construção de sites Aula 1 Programa Instrutor Universidade Federal do Paraná Pró-reitoria de Assuntos Estudantis Departamento de Informática 31 de Julho de 2010 Indice Estrutura da Internet 1 Estrutura
Sistemas Distribuídos na WEB (Plataformas para Aplicações Distribuídas) XML Origens. HTML Problemas
Sistemas Distribuídos na WEB (Plataformas para Aplicações Distribuídas) (extensible( Markup Language ) Origens (extensible Markup Language linguagem de marcação extensível) Criada em 1996 pelo W3C (World
DOM (Document Object Model)
DOM (Document Object Model) Modelo de dados para XML estrutura hierárquica (árvore) métodos de acesso (API DOM) principais classes de objetos document, node, nodelist e element execução de consultas e
Introdução ao XML. Extensible Markup Language
Introdução ao XML Extensible Markup Language Tutorial - XML XML: Extensible Markup Language Uma linguagem de marcas na estruturação, no armazenamento e no transporte de dados na Web Gere os dados numa
CSS Cascading Style Sheets
CSS Cascading Style Sheets Linguagem de Folhas de Estilo Introdução Faz parte da versão 4 do html Utilizado para padronizar os componentes html Pode ser utilizado de três formas: Inline quando é utilizada
F E B A C. Exercício de Fixação 3. FACULDADE DE EDUCAÇÃO DE BACABAL FEBAC Credenciamento MEC/Portaria: 472/07 Resolução: 80/07
F E B A C FACULDADE DE EDUCAÇÃO DE BACABAL FACULDADE DE EDUCAÇÃO DE BACABAL FEBAC Credenciamento MEC/Portaria: 472/07 Resolução: 80/07 Curso: Sistemas para Internet Período: 2 o Disciplina: Fundamentos
XML para transferência de dados Estrutura hierárquica do XML DTDs e XML Schema Consultas de documentos XML: XPath e XQuery Transformação de
Capítulo 9: XML XML para transferência de dados Estrutura hierárquica do XML DTDs e XML Schema Consultas de documentos XML: XPath e XQuery Transformação de documentos XML: XSLT Mapeamento entre documentos
HTML 5 LINGUAGEM DE MARCAÇÃO E ESTILO - CSS - Prof. Rosemary Melo
HTML 5 LINGUAGEM DE MARCAÇÃO E ESTILO - CSS - Prof. Rosemary Melo RESUMO Linguagem de Marcação e Estilo - CSS DESCRIÇÃO Regra CSS Vinculação Inline Vinculação Incorporada Vinculação Externa TAGS seletor
Introdução ao XML. Charles Alex Rockenbach, Lucas Moreno de Araujo, Moisés Lima dos Anjos, Roneylson de Alencar Neiva
Introdução ao XML Charles Alex Rockenbach, Lucas Moreno de Araujo, Moisés Lima dos Anjos, Roneylson de Alencar Neiva Sistemas de Informação - Centro Universitário Luterano de Palmas (CEULP/ULBRA) {charlesrock007,lucasmaraujo,mozart08,roneylson}@gmail.com
HTML & CSS. uma introdução
HTML & CSS uma introdução HTML hypertext markup language CSS cascading style sheet linguagem de marcação que dá ao conteúdo estrutura e significado linguagem de estilo que dá ao conteúdo estilo e aparência
Processamento de Documentos Estruturados
Processamento de Documentos Estruturados José Paulo Leal, Rita P. Ribeiro Departamento de Ciência de Computadores Faculdade de Ciências da Universidade do Porto 2015/2016 Programa 1. Essencial sobre XML
XML: uma introdução prática X100. Helder da Rocha
XML: uma introdução prática X100 Helder da Rocha (helder@argonavis.com.br) Atualizado em setembro de 2001 1 XSL Formatting Objects Aplicação XML para descrever o layout preciso de texto e imagens em uma
Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como utilizar cabeçalhos e elementos de cabeçalhos de página em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste
Aula 3. Imagens. <img src="foto.jpg" />
Aula 3 Imagens Para inserir uma imagem na página utilizamos a tag
XML. Carlos Bazilio. Depto de Ciência e Tecnologia Instituto de Ciência e Tecnologia Universidade Federal Fluminense
XML Carlos Bazilio Depto de Ciência e Tecnologia Instituto de Ciência e Tecnologia Universidade Federal Fluminense XML XML significa extensible Markup Language (linguagem de marcadores extensível) Foi
- HTML : papel central na Web - Esquema de marcação para as páginas
Sumário 4. Editores - Esquema de marcação para as páginas - Esquema de marcação para as páginas - Tempo curto de uso - Esquema de marcação para as páginas - Tempo curto de uso - Diversidade de modos de
Transformação XML2HTML. Processamento Estruturado de Documentos. Carlos Carvalho, CEI n.º 5337
Universidade do Minho Escola de Engenharia Departamento de Informática Processamento Estruturado de Documentos Ano Lectivo de 2001/2002 Transformação XML2HTML Carlos Carvalho, CEI n.º 5337 Julho, 2002
Fábio Borges de Oliveira. HTML HyperText Markup Language
Fábio Borges de Oliveira HTML HyperText Markup Language Iniciando Código É a primeira tag de um documento HTML, nas primeiras versões dos browsers essa tag era obrigatória. Propriedade que
Aplicação para Web I. Manipulando Imagens e Links
Aplicação para Web I Manipulando Imagens e Links Antes de começar O HTML também é uma linguagem de programação, então deve ser organizada de forma identada também. Estamos aprendendo agora a linguagem
HTML: INTRODUÇÃO TAGS BÁSICAS
HTML: INTRODUÇÃO TAGS BÁSICAS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 1 SUMÁRIO Definição Editores HTML Estrutura básica de um documento
HTML. Conceitos básicos de formatação de páginas WEB
HTML Conceitos básicos de formatação de páginas WEB HTML HyperText Markup Language Linguagem utilizada para criar hipertexto na web Ou seja, criar documentos estruturados utilizando para tal um conjunto
Centro de Form. Profissional de Alverca HTML. Sessão 3 HTML. A estrutura básica de uma lista em HTML é:
HTML Sessão 3 HTML Criação de Listas HTML possui 2 tipos de listas: Listas ordenadas = Listas numeradas Listas não-ordenadas = Listas com marcas A estrutura básica de uma lista em HTML é: Reparar: o elemento
MAPEAMENTO DE CONSULTAS SQL ENTRE SISTEMAS GERENCIADORES DE BANCOS DE DADOS UTILIZANDO TECNOLOGIA XSLT
Universidade Federal de Santa Catarina Centro Tecnológico Departamento de Informática e Estatística Curso de Sistemas de Informação RENATO SULZBACH MAPEAMENTO DE CONSULTAS SQL ENTRE SISTEMAS GERENCIADORES
Revisando os conteúdos. Introdução ao CSS
Aula 04 Revisando os conteúdos Tag : fornece informações sobre o documento, palavras-chaves, autor da página, última atualização, etc. Essas informações não são mostradas na página, apenas processadas
AULA 02 Introdução (HTML, CSS e Javascript) PROGRAMAÇÃO PARA WEB Marcelo Henrique dos Santos
AULA 02 Introdução (HTML, CSS e Javascript) Mestrado em Educação (em andamento) MBA em Negócios em Mídias Digitais MBA em Marketing e Vendas Especialista em games : Produção e Programação Bacharel em Sistema
HTML. HyperText Markup Language. v Rui Menino. Tags de marcação. Referência. (Linguagem de marcação de hypertext)
HTML HyperText Markup Language (Linguagem de marcação de hypertext) Tags de marcação Referência v1.1 2008-2017 Rui Menino tags Para formatar e paginar o texto dentro de uma página html, foi definido o
Roteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Engenharia de Computação. Disciplina: Programação para WEB
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Engenharia de Computação Disciplina: Programação para WEB Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Criar listas em páginas
A linguagem Hyper Text Markup Language (HTML)
A linguagem Hyper Text Markup Language (HTML) Nota: Contém material utilizado no curso de HTML do Instituto Superior de Engenharia de Lisboa (ISEL) Ultima actualização: 15-10-2006 O que é? Linguagem para
Programação Web Aula 2 XHTML/CSS/XML
Programação Web Aula 2 XHTML/CSS/XML Departamento de Informática UFPR 17 de Fevereiro de 2014 1 Histórico 2 Funcionamento 3 Atributos 4 HTML5 Estrutura de uma arquivo HTML5 Validação Tags básicas Seleção
4 X-SMIL XT-SMIL: SMIL + XTemplate
X-SMIL 64 4 X-SMIL Visando aumentar o reuso e a expressividade da linguagem SMIL (W3C, 2001b), descrita no Capítulo 2, este capítulo apresenta a linguagem X-SMIL. X- SMIL é a combinação de duas extensões
Introdução à Informática Escola Superior de Tecnologia - Ano Lectivo 2005/06 Prof. Bruno Silva
Introdução à Informática Escola Superior de Tecnologia - Ano Lectivo 2005/06 Prof. Bruno Silva Cascading Style Sheets - (CSS] Introdução Uma Style Sheet é um ficheiro que contém regras que dizem ao browser
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE I
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE I Prof. Dr. Daniel Caetano 2012-2 Objetivos Apresentar o CSS como substituto dos parâmetros visuais do HTML Apresentar a tag DIV Capacitar para a
XML - DTD - XSL Exemplos de Exercícios TWEB II
XML - DTD - XSL Exemplos de Exercícios TWEB II Exemplo 1 Considere o seguinte resultado em uma página do seu browser: LIVROS Título Autor Gênero Preço Java 6.0 Ricardo Assunção Técnico 75,50 VB.Net José
Web semântica e Ontologias OWL
Web semântica e Ontologias OWL EBRALC 2008 Renata Vieira - PUCRS Web Atual Atualmente a Web é usada basicamente para: Consumo humano de informações Compras Comunicação Acesso a conteúdo Web Atual Dificuldades
INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO CSS - Cascading Style Sheets Folhas de estilo em cascata Para cada estilo deve ser definido uma regra CSS Cada regra CSS deve utilizar
CSS. Cascading Style Sheets Style Sheets
CSS Cascading Style Sheets Style Sheets Agenda Histórico Definição Limitações do CSS-1 CSS2 - Características Por que usar CSS? Vantagens Sintaxe Básica Como inserir uma folha de Estilo Indentificando
PROGRAMADOR WEB. PROF. Esp. Andrew H. G. Rodrigues
PROGRAMADOR WEB PROF. Esp. Andrew H. G. Rodrigues CSS - CASCADING STYLE SHEETS Folhas de estilo em cascata Para cada estilo deve ser definido uma regra CSS Cada regra CSS deve utilizar a seguinte sintaxe:
Dezembro/2012. Universidade Federal Fluminense. Curso de Introdução ao HTML. SeTel- Grupo PET-Tele. Adicionando links e imagens. Tabelas.
Universidade Federal Fluminense Dezembro/2012 1 2 3 4 5 6 7 8 Informações principais Base da Web: - Um esquema de nomes para localização de fontes de informação na Web : URL. - Um Protocolo de acesso para
Roteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Conhecer os recursos
Guia de Bolso HTML e XHTML
Guia de Bolso HTML e XHTML Este guia de bolso oferece uma listagem concisa, porém abrangente, dos elementos e atributos especificados nas Recomendações HTML 4.01 e XHTML 1.0. O texto utiliza a abreviação
Recursos Complementares (Tabelas e Formulários)
Linguagem de Programação para Web Recursos Complementares (Tabelas e Formulários) Prof. Mauro Lopes 1-31 30 Objetivo Nesta aula iremos trabalhar o conceito de tabelas e todas as tags associadas ao seu
Customização de tema no plone Documentation. Release latest
Customização de tema no plone Documentation Release latest May 12, 2017 Contents 1 Introdução 3 2 Como instalar 5 3 Habilitar template personalizado 9 4 Diazo 11 5 rules.xml 13 i ii Customização de tema
5 Extensões para Autoria no MPEG-4
5 Extensões para Autoria no MPEG-4 Este capítulo apresenta a especificação de templates de composição hipermídia para a linguagem XMT-O. Com esse objetivo, o capítulo está organizado da forma a seguir.
XML: uma introdução prática X100. Helder da Rocha
XML: uma introdução prática X100 Helder da Rocha (helder@argonavis.com.br) Atualizado em setembro de 2001 1 Apresentação do XML Por que apresentar os dados? Impressão Web Verificação Edição Soluções Cascading
AULA 01 Introdução (HTML, CSS e Javascript) PROGRAMAÇÃO PARA WEB Marcelo Henrique dos Santos
AULA 01 Introdução (HTML, CSS e Javascript) Mestrado em Educação (em andamento) MBA em Negócios em Mídias Digitais MBA em Marketing e Vendas Especialista em games : Produção e Programação Bacharel em Sistema
Introdução à linguagem HTML. Volnys Borges Bernal
1 Introdução à linguagem HTML Volnys Borges Bernal 2013-2015 Volnys Bernal 2 Introdução à linguagem HTML Sumário Visão geral Primeira página Principais tags Principais atributos Formulários 2011-2015 Volnys
Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML
Elementos Básicos HTML e Formatação de textos
Elementos Básicos HTML e Formatação de textos O Html é uma linguagem de marcação (markup languages em inglês). As linguagens que combinam texto com informações extras sobre o texto. Essas informações extras
Roteiro 2: Conceitos de Tags HTML
Roteiro 2: Conceitos de Tags HTML Objetivos Detalhar conceitos sobre TAGS HTML: elementos, atributos, elemento vazio, links. Implementar páginas de internet com uso da linguagem HTML; Ferramentas Necessárias
Comentários: Desenvolvimento de Sistemas Rogério Araújo
Comentários: Desenvolvimento de Sistemas Rogério Araújo rgildoaraujo@gmail.com 1 Técnico de informática no Ministério Público Federal Professor da Equipe Itnerante Desenvolvimento de Sistemas Certificações
Este exercício será parecido com a montagem de um projeto real, onde trabalhamos com vários arquivos XHTML e um único arquivo CSS.
Este exercício será parecido com a montagem de um projeto real, onde trabalhamos com vários arquivos XHTML e um único arquivo CSS. 1) Crie uma pasta chamada com_estilo e salve dentro dela os arquivos obrigado.html
#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br
#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br #O que é Web Standards? São padrões de desenvolvimento web recomendados pela W3C que visam a implementação de
Programação para Internet I Aulas 10 e 11
Programação para Internet I Aulas 10 e 11 Fernando F. Costa nando@fimes.edu.br XML Definição e origem extensible Markup Language (XML) é linguagem de marcação de dados que provê um formato para descrever
CSS [10] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira
![CSS [10] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira](/thumbs/68/59560005.jpg "CSS [10] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira")
Desenvolvimento e Design de Websites Prof.: Ari Oliveira Folhas de Estilo em Cascata CSS Localização dos estilos Seletores 2 Faça uma página de trabalhe conosco. Esta página deverá conter um formulário
Volnys Bernal. Introdução à linguagem HTML. Introdução à linguagem HTML. Visão geral. Visão geral. Visão geral. Visão geral.
1 2 Introdução à linguagem HTML Sumário Volnys Borges Bernal Primeira página Principais tags Principais atributos 3 4 HTML HTML = HyperText Markup Language Linguagem de marcação (Markup) para criação de
Tópicos. Apresentando a família XML HTML HTML. XML extesible Markup Language. Problemas com o HTML
Tópicos Apresentando a família XML Prof.Tiago Lopes Telecken telecken@gmail.com IFRS Rio Grande HTML XML A família de tecnologias XML (DTD, XML Schemas, XHTML, SVG, MathML, MusicML, XMI, CSS, XSLT, XLINK,
Teste de avaliação de frequência Parte Prática
Abaixo está uma proposta de solução para os exercícios do teste de avaliação de frequência às aulas práticas. Se tem dúvidas sobre esta resolução, fale com o seu Professor. GRUPO I HTML 1. CrieumHTMLcom3tiposdiferentesdelistasnãonumeradas.
Introdução a Web Standards. Reinaldo Ferraz e Clécio Bachini
Introdução a Web Standards Reinaldo Ferraz e Clécio Bachini Document Object Model (DOM) Modelo de Documentos em Objetos Objetos em um Documento Markup Linguagem de Marcação Semântica Objetos com Sentido
TECNOLOGIA WEB INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML
INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML 1 INTRODUÇÃO TECNOLOGIA WEB Começaremos desvendando o poder do desenvolvimento de aplicações baseadas na Web com a XHTML (Extensible HyperText Markup
Introdução ao HTML e às folhas de estilo (CSS)
MIEEC SIEM ano letivo 2013/14 Introdução ao HTML e às folhas de estilo (CSS) José A. Faria (jfaria@fe.up.pt) FEUP, DEIG Setembro 2013 MIEEC SIEM --- 1 --- José António Faria Introdução ao protocolo HTTP
Introdução a HTTP, HTML e CSS
MIEEC SIEM ano letivo 2014/15 Introdução a HTTP, HTML e CSS José A. Faria (jfaria@fe.up.pt) FEUP, DEGI Setembro 2014 1. Introdução ao protocolo HTTP Introdução A WEB -worldwideweb é um sistema global de
Programação WEB. Prof. André Gustavo Duarte de Almeida andre.almeida@ifrn.edu.br www3.ifrn.edu.br/~andrealmeida. Aula II jquery UI
Prof. André Gustavo Duarte de Almeida andre.almeida@ifrn.edu.br www3.ifrn.edu.br/~andrealmeida Aula II jquery UI Introdução O que é jquery UI? Biblioteca que fornece maior nível de abstração para interação
Dreamweaver CC_15x21.indd 1 06/04/ :04:22
Dreamweaver CC_15x21.indd 1 06/04/2015 11:04:22 SUMÁRIO INTRODUÇÃO... 3 CAPÍTULO 1 Iniciando e conhecendo o Dreamweaver... 8 Interfaces... 21 Criando e configurando sites... 22 CAPÍTULO 2 Criando arquivos...
Apresentação de Conteúdos XML através de Exemplos por
UNIVERSIDADE FEDERAL DO RIO GRANDE DO SUL INSTITUTO DE INFORMÁTICA PROGRAMA DE PÓS-GRADUAÇÃO EM COMPUTAÇÃO Apresentação de Conteúdos XML através de Exemplos por RAQUEL TRINDADE BORGES Dissertação submetida
CSS (Cascading Style Sheet)
CSS (Cascading Style Sheet) André Tavares da Silva andre.silva@udesc.br CSS Folha de Estilo em Cascata Mecanismo simples para adicionar estilos (fontes, cores, espaçamentos, por exemplo) aos documentos
INTRODUÇÃO À PROGRAMAÇÃO EXERCÍCIO DE REVISÃO
INTRODUÇÃO À PROGRAMAÇÃO EXERCÍCIO DE REVISÃO Questões de concurso 1. Na interface Web, ele é um arquivo independente do arquivo HTML no qual são declaradas propriedades e valores de estilização para os
DESENVOLVIMENTO DE SOFTWARE PARA INTERNET LABORATÓRIO 5 PROF. EMILIO PARMEGIANI
DESENVOLVIMENTO DE SOFTWARE PARA INTERNET LABORATÓRIO 5 PROF. EMILIO PARMEGIANI MASTER PAGES Master Pages (ou Páginas Mestres) é um arquivo ASP.NET com a extensão.master (por exemplo, MinhaPagina.master)
O que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
1) Em um documento separado fora de todos os documentos HTML;
Você pode definir regras de CSS em três lugares. E, por definição, pode utilizar uma combinação dos três métodos nos seus web sites. A maneira como as regras interagem entre si está relacionada à parte
CSS EXTERNO. <head> <link href="estilo.css" type="text/css" rel="stylesheet" /> </head>
CSS DDW CSS EXTERNO O CSS é um arquivo que visa personalizar o modo como seu HTML aparece para o usuário. Ele deve ser chamado dentro da tag no topo do site.
modelo de apresentação estilos, cores e transparência traços e preenchimento Helder da Rocha
modelo de apresentação estilos, cores e transparência traços e preenchimento Helder da Rocha (helder@) Modelo de apresentação gráfica Objetos em SVG são desenhados em contextos gráficos individuais Grupos,