TUTORIAL: LINGUAGENS XSL E XSLT
|
|
- Raquel Back Pacheco
- 8 Há anos
- Visualizações:
Transcrição
1 TUTORIAL: LINGUAGENS XSL E XSLT Versão 1.0 1/29
2 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 legislativas, a realizarem customizações nas respectivas folhas de estilo armazenadas em XML. Para isso, utiliza as linguagens XSL (extensible Stylesheet Language Linguagem de folha de estilo extensível) e a XSLT ( extensible Stylesheet Language Transformations Transformaçãos do XSL) para a estilização e a formatação desses documentos. Esta é a versão 1.0 que já se encontra à disposição para uso. A Comunidade Legislativa poderá sugerir e/ou promover melhorias que julgar pertinentes segundo suas necessidades. Requisitos Técnicos Mínimos Conhecimentos básicos nas linguagens XML, HTML, CSS e edição de textos. 2/29
3 Sumário Apresentação...2 Requisitos Técnicos XML (extensible Markup Language) XML BÁSICO XML (extensible Stylesheet Language) XSL BÁSICO ESTRUTURA DE UM XSL BÁSICO PRINCIPAIS ELEMENTOS XSL EXTENSÕES XSL XSL aplicado ao SAPL /29
4 1. XML (EXtensible Markup Language) Para falar da linguagem XSL, primeiramente, é necessário conhecer a estrutura de um documento ou arquivo em XML. Pelo menos uma introdução básica com vistas ao melhor entendimento para o desenvolvimento do assunto XML BÁSICO O XML é uma linguagem de marcação de dados, cuja função é prover um formato que descreva as informações/dados de modo estruturado. Ou seja, um arquivo de textos marcado por tags dispostas de forma estruturada e hierárquica para armazenar informações. O arquivo de texto deve ter a extensão xml. Essa tecnologia permite o uso de uma infinidade de tags (extensible) e, ainda, utilizar n funções como p.ex. guardar textos para impressão em vários formatos, banco de dados, utilização da mesma informação por sistemas diferentes, etc. Sua estrutura é bastante simples, como pode ser observada no exemplo abaixo, de uma informação em e mail e a sua representação em XML: INFORMAÇÃO REPRESENTAÇÃO EM XML De: Pedro <?xml version="1.0"?> Para: Mário < > Saudações Mário! Solicito verificação e envio do comprovante de pagamento da fatura da faculdade deste mês. <from>pedro</from> Desde já, obrigado! <to>mário</to> Pedro Magalhães <message>saudações Mário! Solicito verificação e envio do comprovante de pagamento da fatura da faculdade deste mês. </message> <thank>desde já, obrigado!</thank> <sign>pedro Magalhães</sign> </ > Observe que: Um documento xml tem um Document type definition no cabeçalho, representado pela tag <?xml?>. Também, poderá ter novos atributos ou variações dos mesmos, como por exemplo: <?xml version="1.0" encoding="iso8859-1"?>, onde encoding é um atributo do elemento xml, que define a língua, (códigos, números, letras, símbolos,...) no caso o padrão 4/29
5 ISO8859 1; Há uma hierarquia entre as tags/elementos ou nós. Observe que as indentações, além das tags, ajudam a representar melhor a hierarquia numa estrutura do tipo pai, filhos, netos..., conforme segue: <raiz> </raiz> <filho1> </filho1> <neto1> </neto1> Toda tag/elemento deve iniciar com o padrão < > e terminar/fechar com a mesma tag iniciada, porém, acrescida de uma barra </ >, p. ex: <teste>exemplo</teste>; Um par de tags representa um elemento. No exemplo acima foi utilizada a tag teste para representar/marcar o elemento exemplo, mas poderia ser utilizado qualquer texto ou conjunto de palavras no lugar da palavra teste; As tags em XML são cases sensitive, ou seja, <teste> é diferente de <TESTE> ou <Teste> e assim por diante ; todas tags/nós podem ter atributos para descrever os elementos: EXEMPLO 1 EXEMPLO 2 <?xml version="1.0"?> <?xml version="1.0"?> <pessoa> <pessoa sexo= masculino > <sexo>masculino</sexo> <nome>pedro</nome> <nome>pedro</nome> <sobrenome>mário</sobrenome> <sobrenome>mário</sobrenome > </pessoa> </pessoa> No exemplo 1, sexo é um elemento, porém já no exemplo 2 é um atributo do elemento pessoa. 5/29
6 A escolha de uma forma ou de outra deve ser orientada pela solução que se quer dar, sendo que se deve evitar o uso de atributos quando o elemento possuir múltiplos valores para o mesmo atributo, uma vez que os mesmos não podem ser expandidos (cada atributo deve ter apenas um valor), não podem descrever estruturas e, ainda, são de difícil manutenção. FONTES: CURSO GRATUITO: TESTE DE CONHECIMENTO: CERTIFICAÇÃO XML (U$95): 2. XSL (extensible Stylesheet Language) 2.1. XSL BÁSICO A linguagem XSL (Linguagem de Folha de Estilos Extensível) surgiu da necessidade de se melhorar a apresentação/estilização/formatação de um documento XML em HTML. A XSL foi criada para dar uma forma prática de leitura aos dados em formato XML num navegador, ou seja, ela permite apresentar os dados de uma maneira mais inteligível. Abaixo será demonstrado o texto (código fonte) do documento aviso.xml que está em um computador local e o modo como é apresentado no navegador de internet (browser) na forma pura: CÓDIGO FONTE aviso.xml <?xml version="1.0"?> <aviso> <para>janice data="01/04/2000"</para> <de>jefferson</de> <cabecalho>lembre se</cabecalho> <corpo>amanha voce tem prova de matematica</corpo> </aviso> APRESENTAÇÃO VIA BROWSER 6/29
7 A linguagem XSL pode apresentar as informações de um modo mais amigável ao usuário, bastando referenciar no documento XML o arquivo XSL que é uma linguagem de estilos padrão para arquivos XML, podendo ainda utilizar a combinação das linguagens HTML + CSS no arquivo XSL. Para referenciar, basta acrescentar a seguinte tag no arquivo XML após o cabeçalho: <?xml stylesheet type="text/xsl" href="/var/www/xxxx.xsl"?> Obs: O xxxx.xsl é o nome do arquivo XSL que está no diretório indicado acima. Após referenciado o XML, deve se criar o arquivo com a extensão XSL, usar elementos/tags do XSL para ler as informações do XML, definir os formatos/estilos/lugares onde cada informação deverá estar em sua apresentação utilizando HTML e CSS. Antes de mostrar a eficácia do XSL, que também é uma linguagem de marcação XML (por isso a declaração <?xml?> usada no cabeçalho), será necessária uma especificação por meio de comentários de sua estrutura/código fonte e obrigatoriedade, observando a indicação SIM = obrigatório para todos XSL; e, DEPENDE quando depender da lógica do documento, ou seja, é variável/não obrigatória. Observe a estrutura de hierarquia apresentada nas indentações do código fonte a seguir: CÓDIGO FONTE COMENTÁRIOS Obrigatório? 1 <?xml version="1.0"?> Declaração/especificação do tipo de documento, que neste caso é XML. SIM 2 <xsl:stylesheet version="1.0" xmlns:xsl=" L/Transform"> Declaração/especificação PADRÃO da linguagem XSL de acordo com os padrões da W3C para Transformações no XML. SIM 3 <xsl:template match="/"> 4 <xsl:for each select="xxxxx"> 5 </xsl:for each> 6... Elemento de Início padrão da raiz principal ('/') do XSL Exemplo do uso do elemento for each do XSL para fazer loop quando se quer aplicar os estilos para cada elemento x encontrado no xml Todo elemento iniciado deve ser finalizado/fechado! Neste caso foi finalizado o for each. Qualquer outro elemento do XSL, assim como o for each, desde que não se esqueça de fecha lo. SIM DEPENDE DEPENDE DEPENDE 7 </xsl:template> Todo elemento iniciado deve ser SIM 7/29
8 finalizado/fechado! Neste caso é o fechamento do template raiz. 8 </xsl:stylesheet> Fim do documento XSL. SIM O código fonte apresentado acima é apenas a estrutura do XSL puro, onde temos: as declarações de cabeçalho (stylesheet); o início da raiz/diretório principal (template match); a lógica adequada para leitura do XML (for each); finalizações da tag raiz. OBS: As indentações representam a hierarquia, obedecendo as mesmas regras de pais, filhos, netos..., do XML ESTRUTURA DE UM XSL BÁSICO O XSL divide se em três partes: XSL Transformations (XSLT): Linguagem para transformar XML; XPath: Linguagem para acessar e referir as partes de documento XML; XSL FO: Vocabulário XML para especificar semânticas de formatação. As três são importantes, porém só trataremos a XSLT, necessária à criação dos modelos/leiautes de documentos legislativos no SAPL. Como exemplo, será criado o arquivo aviso.xsl para testes em computador local, especificando cada linha de código, pelos comentários abaixo, passo a passo de modo a permitir maior clareza, como segue: 1º PASSO criar, nomear e salvar um arquivo vazio de texto como aviso.xsl; 2º PASSO copiar as tags básicas do padrão XSL conforme abaixo e, em seguida, salva las: <?xml version="1.0"?> CÓDIGO FONTE aviso.xsl <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:template match="/"> 8/29
9 </xsl:template> </xsl:stylesheet> 3º PASSO criar a estrutura HTML + CSS e, em seguida, salva la: OBS: o CSS pode ser usado dentro da tag style (nó filho no html) ou em cada elemento do próprio HTML. <?xml version="1.0"?> CÓDIGO FONTE aviso.xsl <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:template match="/"> <html> <styletype="text/css"> </style> <body> </body> </html> </xsl:template> </xsl:stylesheet> Esta é a estrutura básica do XSL e está pronta para iniciar o configuração/programação dos estilos dos XML s. Observe que: Elementos do HTML e/ou CSS só podem estar dentro dos elementos template, assim como níveis filhos, netos, etc... Ou seja, entre as tags <xsl:template match="/"> e </xsl:template> nenhum elemento deve constar após </xsl:tamplate> e de </xsl:stylesheet>; A partir deste ponto, pode se utilizar todas as ferramentas/recursos que o HTML e/ou CSS fornecem para uma página/documento da tag <html> até </html>; 9/29
10 2.3. PRINCIPAIS ELEMENTOS XSL Neste momento, a parte mais importante e esperada é a de busca das informações do arquivo XML para povoar a página html; ou, o documento de saída tratado neste escopo. Para que cada informação específica apareça na página/documento, é necessário conhecer os elementos do XSL, pois, é através deles que, por sua semântica, serão buscadas as informações no/do documento XML dado a tag/nó referente, destinadas ao plano/configuração feita no arquivo fonte XSL. Elementos XSL apply imports apply templates attribute attribute set call template choose comment copy copy of decimal format element fallback for each if import Aplica uma regra do template de uma folha de estilo importado. Aplica uma regra do template no elemento corrente ou nos níveis filhos do elemento corrente. Adiciona um atributo. Define um conjunto de atributos. Faz uma chamada a um template. Usado em conjunto com <when> and <otherwise> para expressar múltiplos testes condicionais. Cria um nó comentado na árvore resultante. Cria uma cópia do nó corrente (sem os níveis filhos e atributos). Cria uma cópia do nó corrente (com os níveis filhos e atributos). Define os caracteres e símbolos a serem usados quando se converte números em strings, com a função format number(). Cria um elemento no documento de saída. Especifica um código alternativo para rodar se o processador não suportar um elemento XSLT. Comando de repetição para cada nó em um nó específico. Aplica template(s) apenas se a condição especificada for verdadeira. Importa o conteúdo de uma folha de estilo em outra. Nota: Uma folha de estilo importada terá prioridade inferior à daquela que a importou. 10/29
11 include key message namespace alias number otherwise output param preserve space processing instruction sort strip space stylesheet template text transform value of variable when with param Inclui o conteúdo de uma folha de estilo em outra. Nota: Uma folha de estilo inclusa terá a mesma prioridade da folha de estilo que a incluiu. Declara uma chave nomeada, que pode ser usada na folha de estilo com a função key(). Escreve uma mensagem de saída (usado para reportar erros). Substitui um namespace na folha de estilo com um namespace diferente na saída. Determina a posição inteira do nó corrente e formata um número. Especifica uma ação default para o elemento <choose>. Define o formato do documento de saída. Declara um parâmetro local ou global. Define o elemento para cada espaço em branco a ser preservado. Escreve uma instrução de processamento na saída. Ordena a saída. Define o elemento espaço em branco a ser removido. Define o elemento raiz da folha de estilo. Regras a serem aplicadas ao nó especificado. Escreve o texto literal na saída. Define o elemento raiz da folha de estilo. Extrai o valor do nó selecionado. Declara uma variável local ou global. Especifica uma ação para o elemento <choose>. Define o valor de um parâmetro a ser passado no template ESTRUTURA DO ELEMENTOS XSL 11/29
12 Para utilizar corretamente os elementos XSL, deve se observar a forma sintática padrão, pois há algumas variações que será demonstrada e comentada na tabela abaixo: ELEMENTOS <xsl:text> e mail: </xsl:text> <xsl:value of select= aviso/corpo /> <xsl:for each select= aviso > </xsl:for each> <xsl:apply templates select= nome do nó /> ou <xsl:apply templates/> <xsl:choose> <xsl:when test= test situation > stylesheet commands </xsl:when> <xsl:otherwise> stylesheet commands </xsl:otherwise> </xsl:choose> <xsl:if test= test situation > </xsl:if> COMENTÁRIO Inserção de caracteres/texto Elemento usado para inserir caracteres textuais no documento de saída. No exemplo, será impresso e mail: diretamente no local onde for usado na pagina de estilo. Buscar elementos/atributos do nó Elemento que busca toda informação marcada do xml pela tag/nó corpo no nível filho do aviso e apresentada no documento de saída. Laço for each Elemento de repetição que precede outro elemento XSL, usado para aplicar uma lógica/programação repetida a um conjunto de nodos/elemento do XML, que, neste caso, nos níveis filhos de aviso. Este outro elemento pode ser qualquer elemento desta tabela e do XSL. Aplicar templates Elemento usado para aplicar o elemento nome do nó. Caso esteja sem o select, aplicará todo o template. Laço Condicional Choose Trata se de um laço condicional, sendo que se o primeiro teste (when) for bem sucedido serão executados os seus comandos, caso contrário, executará outros comandos da condição otherwise. O uso do otherwise é obrigatório e, quando não houverem comandos para ele, deve se usar apenas </xsl:otherwise> ao invés do bloco todo. Laço Condicional simples (if) Só executa 12/29
13 <xsl:variable name= x > atribuir um valor a x aqui... </xsl:variable> o comando caso a condição test seja satisfeita. Criar variável Elemento que cria a variável x, com valor igual a atribuir um valor a x aqui. <xsl:value of select= $x /> <xsl:element name= aviso2 > <xsl:attribute name= valor > <xsl:text>2013</xsl:text> </xsl:attribute> </xsl:element> <xsl:sort select="ano" data type="number" order="ascending"/> Usar valor da Variável Elemento que acessa o valor da variável x criada acima Criar novo elemento + atributo Criar novo elemento aviso2 com atributo valor= 2013 para ser utilizado no documento de saída. Elemento de ordenação Elemento que ordena/agrupa informações de acordo com parâmetros/filtros. Neste caso, obtém se todas as informações do nó ano e organiza por data em ordem crescente EXTENSÕES XSL Podem ser adicionadas novas funcionalidades à linguagem XSL usando extensões que devem ser declaradas como atributos da tag <xsl:stylesheet>. A tabela abaixo demonstra algumas para exemplificação: EXTENSÃO LINGUAGEM <xsl:stylesheet xmlns:java=" <xsl:stylesheet xmlns:xsl=" <xsl:stylesheet xmlns:html=" <xsl:stylesheet xmlns:gx=" JAVA XSL HTML OGC KML (Google Earth) 2.5. XSL para o SAPL O SAPL é o sistema que automatiza as atividades legislativas, tornando mais fácil a produção legislativa, como forma de apoiar as Casas Legislativas nas suas atividades relacionadas ao processo 13/29
14 legislativo em geral, tais como: elaboração de proposições, protocolo e tramitação de matérias legislativas, organização da pauta da sessão, registro de votações nas sessões plenárias, manutenção atualizada da base de leis, entre outras. Por exemplo, as Proposições digitadas são armazenadas segundo o padrão XML. Após deliberação, votação e encaminhamento para o executivo sancionar ou vetar, a matéria poderá retornar ao sistema, na forma de lei, quando passa a fazer parte da base de Leis Municipais ou Normas Jurídicas. Documentos como Indicação, Moção, Ofício, Parecer, Projeto de Lei, Requerimento, etc, possuem estilos diferentes entre si, e podem ser ajustados/estilizados conforme a necessidade de cada casa legislativa com a linguagem XSL configurada no ZOPE. Para acessar os arquivos XSL de cada documento descrito acima, basta digitar no browser a URL: indicar usuário e senha (autenticação), acessar no painel, no lado esquerdo da tela, as pastas sapl; e, em seguida, XSLT e por último HTML, ou seja, /sapl/xslt/html. No repositório HTML, têm se todos os modelos XSL disponíveis para os documentos. Observe o printscreem abaixo: Será usado o modelo pl.xsl que é o estilizador do documento Projeto de Lei do SAPL. Ao clicar no arquivo acima referido, tem se acesso ao seu código fonte, que, neste tutorial, será expandido gradualmente e comentado para facilitar o entendimento conforme segue: 14/29
15 CÓDIGO FONTE GRUPO BASE COMENTÁRIO <?xml version="1.0" Encoding="ISO "?> Declaração obrigatória do arquivo XSL para ler XML. Neste caso, sob regras do padrão ISO Declaração obrigatória para arquivo XSL, que indica início da programação dos <xsl:stylesheet version="1.0" xmlns:xsl=" estilos, buscando extensão / " xmlns:pl="/xsd/projlei"> <xsl:output encoding="iso "/> <xsl:template match="/pl:pl"> funcionalidades do site w3c (conforme o endereço) e com a extensão do arquivo /XSD/ProjLei que será locada no ZOPE. Elemento que força a saída do XSL na codificação do padrão ISO Início/montagem da Raiz absoluta (principal) indicada por /pl, que será a mãe de todo os outros elementos. Elementos de HTML + CSS integrados e posteriormente o XSL. </xsl:template> </xsl:stylesheet> Finalização da raiz absoluta. Finalização das folhas de estilos. 15/29
16 Abaixo será apresentado o grupo do HTML + CSS e comentados. Também serão mostrados elementos do grupo XSL somente para efeito de localização, os quais estarão num tom mais claro e somente serão explicados na próxima tabela. CÓDIGO FONTE GRUPO HTML + CSS COMENTÁRIO 16/29
17 Início do HTML. Início do HEAD, que trata das propriedades do documento de saída, como TITLE (título da página HTML), STYLE (estilos / formatações), referenciar / importar um documento externo / outra localidade), META (metadados / informações que facilitam buscas na rede através de palavras chaves), entre outros. Margem direita de 1cm e esquerda de 2cm da página saída. No exemplo, todo e qualquer parágrafo será fonte tamanho 12 e em Times New Roman. <html> <head> <title> <xsl:value of select="@id"/> </title> <style type="text/css"> Todo parágrafo da classe epígrafe será centralizado, letra maiúscula e em negrito. Todo parágrafo da classe ementa será justificado com a margem esquerda alinhada a partir da metade do documento. Todo parágrafo da classe preâmbulo será em maiúscula e avançado de 1cm da margem esquerda. body {margin left: 2cm; margin right: 1cm;} p {font family: Times; font size: 12pt;} Todo parágrafo da classe artigo será justificado e avançado de 2 cm da margem esquerda. Todo parágrafo da classe 17/29 p.epigrafe {text align: center; text transform: uppercase; font weight: bold;}
18 p.paragrafo {text align: justify; text indent: 2cm;} p.inciso {text align: justify; text indent: 1cm;} p.alinea {text align: justify; text indent: 1cm;} p.item {text align: justify; text indent: 1cm;} p.justificativa {text align: justify; text indent: 7cm;} p.mensagem {text align: justify;} p.data_apresentacao {text align: justify;} p.autor {text align: center; text transform: uppercase;} p.cargo {text align: center;} h3.cab_secao {text align: center; font size: 12pt;} parágrafo será justificado e avançado de 2 cm da margem esquerda. Todo parágrafo da classe inciso será justificado e avançado de 1 cm da margem esquerda. Todo parágrafo da classe alínea será justificado e avançado de 1 cm da margem esquerda. Todo parágrafo da classe item será justificado e avançado de 1cm da margem esquerda. Todo parágrafo da classe justificativa será justificado e avanço de 7cm da margem esquerda. Todo parágrafo da classe mensagem será justificado. Todo parágrafo da classe data_apresentacao será justificado. Todo parágrafo da classe autor será centralizado e em maiúsculas. Todo parágrafo da classe cargo será alinhado no centro da página. Todo título com tag h3 que faz parte da classe cab_secao será centralizado com tamanho de fonte /29
19 artigo[rotulo] {font weight: bold;} </style> </head> <body> <table> <tr align="right" > <td width="77" heigth="81"> <img src="/sapl/portal_skins/sk_sapl/imagens/logo_casa.gif"> Deixa em negrito todos atributos rótulo do elemento artigo, ou seja Art 1º, Art 2º, etc. Fechamento dos estilos (style) e propriedades (head) desta página/documento. Início do modelo/conteúdo da página/documento. Criação de uma tabela para melhor alinhamento da logomarca da Casa Legislativa e do texto/cabeçalho. Criação de uma linha na tabela com conteúdo alinhado a direita. Início de inserção de dados na linha criada acima. Inserção da imagem do Brasão/Logo da Casa Legislativa pelo endereço que está no atributo src, localizado no ZOPE. </img> </td> Finalização do elemento imagem e de inserção de dado na linha. Início de inserção de dado/ Texto exemplo (Câmara <td align="left" heigth="40"> Câmara Municipal de Piraí Municipal de Piraí) que, neste caso, está na mesma linha da <br/>estado do Rio de Janeiro</td> imagem. A tag br força a quebra de linha do texto para que o restante seja escrito na próxima linha. 19/29
20 </tr> </table> Finalização da linha (tr) e finalização da tabela (table). <br/> Pula linha. <xsl:apply templates/> <hr color="#8b4513" size="4" width="90%"></hr> <hr color="#8b4513" size="1" width="90%"></hr> Cria linha horizontal com a cor #8B4513, com espessura 4 e que ocupa 90% da folha. <p align="center"> Rua Dr. Luiz Antonio G. da Início de um parágrafo cujo conteúdo estará centralizado. Silveira, 16 Centro, Piraí/RJ Cep: 27175/000</p><p Neste caso, trata se do rodapé e align="center">e mail:<a href="mailto:cmpirai@pirai.rj.leg.br"> foi colocado neste local para que cmpirai@pirai.rj.leg.br</a></p><p align="center" padding="0"> seja mostrado independente de Telefax: (24) </p> qualquer elemento. A posição correta seria no final do código fonte? Não! Pois estaria fora da tag </html> que é o fim do documento. </body> </html> Término do modelo e corpo do documento. Caso especial: observe que apenas dois elementos XSL foram mostrados em um tom mais claro na tabela acima no GRUPO HTML + CSS, pois o local é o mais importante a saber, ou seja, <xsl:value of select="@id"/> e <xsl:apply templates/>. O primeiro XSL busca a informação marcada pelo atributo id (vide a presença do ) e o coloca na TITLE do documento, que será gerado, dando o mesmo nome/código do XML para o documento de saída. Já o segundo, serve para chamar todos elementos XSL do arquivo XSL e aplicá los nas posições em que se encontram, ou seja, não importa se os elementos XSL estão após a TAG de finalização </html>, pois o <xsl:apply templates/> localiza todos e aplica na mesma sequência em que se encontram definidos no local indicado por <xsl:apply templates/>. 20/29
21 Após conhecer os dois elementos especiais e suas utilidades, falta apenas conhecer os restantes dos elementos XSL, que serão aplicados a cada elemento do XML conforme será demonstrado e comentado a seguir. Veja como identificar primeiramente os elementos XML: Este exemplo tratará da proposição de Projeto de Lei no SAPL. Os campos acima (Proposição, Justificativa, Data de Apresentação, Autor e Mensagem de Encaminhamento) são filhos do pl (Pojeto de Lei). Exemplificando, a estrutura do XML seria da seguinte forma: <?xml version="1.0"?> <pl> <proposicao> <epigrafe> <epigrafe_text></epigrafe_text> </epigrafe> <ementa> <ementa_text></ementa_text> </ementa> <preambulo> <preambulo_text></preambulo_text> </preambulo> <parte> <livro> <titulo> <capitulo> <artigo> <artigo_text> 21/29
22 <paragrafo> <paragrafo_text></paragrafo_text> </paragrafo> </artigo_text> </artigo> </capitulo> </titulo> </livro> </parte> </proposicao> <justificativa></justificativa> <datadeapresentacao></datadeapresentacao> <autor></autor> <mensagem></mensagem> </pl> CÓDIGO FONTE GRUPO XSL <xsl:template match="pl:proposicao"> <xsl:apply templates select="./*"/> </xsl:template> <xsl:template match="pl:epigrafe"> <p class="epigrafe"> <xsl:value of select="pl:epigrafe_text"/> </p> </xsl:template> COMENTÁRIO Elemento XSL que inicia o conjunto de estilos para o elemento proposição do XML. Elemento que aplica estilos XSL em um conjunto de elementos do XML. Neste caso, o select aponta para todos os elementos (*) da mesma hierarquia/nível (/) sendo que o elemento root será a proposição. Fechamento do primeiro template. Elemento XSL que inicia conjunto de estilos para o elemento/nó epígrafe do XML. HTML: marcação de início de parágrafo da classe epígrafe. Busca a informação tagueada /marcadas por epígrafe_text. HTML: Fecha o parágrafo Fecha folhas de estilos para a epígrafe. 22/29
23 <xsl:template match="pl:ementa"> <br/><br/> <p class="ementa"> <xsl:value of select="pl:ementa_text"/> </p> </xsl:template> <xsl:template match="pl:preambulo"> <p class="preambulo"> <xsl:value of select="pl:preambulo_text"/> </p> </xsl:template> <xsl:template match="pl:artigo_text"> <p class="artigo"> <b> <xsl:value of </b> <xsl:value of select="concat(' ',text())"/> Inicializa estilos para o elemento ementa do XML. HTML: Salta 2 linhas. HTML: Início de parágrafo da classe ementa. Busca a informação tagueada / marcadas por ementa_text. HTML: Fecha parágrafo do grupo ementa. Fecha as folhas de estilos para a ementa. Inicializa estilos para elemento preâmbulo do XML. HTML: Início de parágrafo da classe preâmbulo. Busca a informação tagueada / marcadas por preambulo_text. HTML: Fecha parágrafo do grupo ementa. Fecha as folhas de estilos para preambulo. Busca a informação tagueada / marcadas por artigo_text. HTML: Início de parágrafo da classe artigo. HTML: Início de negrito. Busca o valor do atributo de Rotulo que não esta no nó atual e sim no anterior, ou seja, o capitulo. HTML: Término de negrito. Busca no elemento artigo_text, os valores que 23/29
24 </p> </xsl:template> <xsl:template match="pl:paragrafo_text"> <p class="paragrafo"> <xsl:value of ',text())"/> </p> </xsl:template> <xsl:template match="pl:inciso_text"> <p class="inciso"> <xsl:value of ',text())"/> </p> </xsl:template> <xsl:template match="pl:alinea_text"> a função text() retornar (que será todo o texto) concatenado com um espaço em branco no início. HTML: Término do parágrafo da classe artigo. Fecha folhas de estilos para artigo_text. Busca a informação tagueada / marcadas por paragrafo_text. HTML: Início de parágrafo da classe paragrafo. Busca no elemento paragrafo_text os valores do atributo Rotulo do elemento anterior e concatena com um espaço em branco, mais o valor retornado por text(). HTML: Fechamento de parágrafo da classe paragrafo. Fecha folhas de estilos de paragrafo_text. Inicia estilos para o elemento inciso_text do arquivo XML. HTML: Início de parágrafo da classe inciso. Busca no elemento inciso_text os valores do atributo Rotulo do elemento anterior e concatena/junta com o e mais o valor retornado por text(). HTML: Término de parágrafo da classe inciso. Fecha folhas de estilos de inciso_text. Busca a informação tagueada / marcadas por 24/29
25 alinea_text. <p class="alinea"> <xsl:value of ',text())"/> </p> </xsl:template> <xsl:template match="pl:item_text"> <p class="item"> <xsl:value of ',text())"/> </p> </xsl:template> HTML: Início de parágrafo da classe alinea. Busca no elemento alinea_text os valores do atributo Rotulo do elemento anterior e concatena/junta com um espaço em branco mais o valor retornado por text(). HTML: Fecha parágrafo da classe alinea_text. Fecha folhas de estilos de alinea_text. Inicia estilos para o elemento item_text do arquivo XML. HTML: Início de parágrafo da classe item. Busca no elemento item_text os valores do atributo Rotulo do elemento anterior e concatena/junta com um espaço em branco mais o valor retornado por text(). HTML: Fecha parágrafo da classe item. Fecha folhas de estilos de item_text. Inicia estilos para o elemento <xsl:template match="pl:data_apresentacao_text"> data_apresentacao_text do arquivo XML. <p class="data_apresentacao"> <xsl:value of select="text()"/> </p> HTML: Início de parágrafo da classe data_apresentacao. Busca no elemento data_apresentacao os valores Retornados da função text(), cuja retorna todo o texto/palavras que estão tagueadas por este elemento. HTML: Fecha parágrafo da classe data_apresentacao. 25/29
26 </xsl:template> <xsl:template match="pl:autor_text"> <br/><br/> <p class="autor"> <xsl:value of select="text()"/> </p> </xsl:template> <xsl:template match="pl:cargo_text"> Fecha folhas de estilos de data_apresentacao_text. Inicia estilos para o elemento autor_text do arquivo XML. HTML: Salta duas linhas. HTML: Início de parágrafo da classe autor. Busca no elemento alinea_text os valores do atributo Rotulo do elemento anterior e concatena/junta com um espaço em branco mais o valor retornado por text(). HTML: Término de parágrafo autor. Fecha folhas de estilos de autor_text. Inicia estilos para o elemento cargo_text do arquivo XML. <p class="cargo"> <xsl:value of select="text()"/> </p> <br/><br/><br/> </xsl:template> <xsl:template match="pl:justificativa"> HTML: Início de parágrafo da classe cargo. Busca no elemento cargo_text os valores do retornados pela função text(), que retorna apenas texto. HTML: Início de parágrafo da classe cargo. HTML: Salta 3 linhas. Fecha folhas de estilos de cargo_text. Inicia estilos para o elemento justificativa do arquivo XML. <br/><br/> HTML: Salta duas linhas. HTML: Cria o referido texto centralizado 26/29
27 <b><p align="center">j U S T I F I C A T I V A :</p></b> <br/> <p class="justificativa"> <xsl:value of select="pl:justificativa_text"/> </p> <br/> </xsl:template> <xsl:template match="pl:mensagem"> <h3 class="cab_secao">m E N S A G E M :</h3> <br/> <p class="mensagem"> <xsl:value of select="pl:mensagem_text"/> </p> HTML: Salta uma linha. HTML: Início de parágrafo da classe justificativa. Busca a informação tagueada / marcadas por justificativa_text. HTML: Fim do parágrafo da classe justificativa. HTML: Salta uma linha. Fecha folhas de estilos de justificativa. Inicia estilos para o elemento mensagem do arquivo XML. HTML: Cria o texto na página no tamanho de h3. HTML: Salta uma linha. HTML: Início de parágrafo da classe mensagem. Busca a informação tagueada / marcadas por mensagem_text. HTML: Fim do parágrafo da classe mensagem. </xsl:template> </xsl:stylesheet> Fecha folhas de estilos de mensagem. Finaliza todas folhas de estilos. 27/29
28 Após preencher os campos do Projeto de Lei no SAPL (vide figura anterior) e as folhas de estilos programadas conforme a tabela acima, tem se o seguinte documento de saída estilizado pela linguagem XSL conforme abaixo: 28/29
29 29/29
30 30/29
31 31/29
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
Leia maismkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos
Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Criando uma Calculadora Primeiramente deve se criar uma estrutura para armazenar os arquivos necessários para o funcionamento da calculadora.
Leia maisQUEM FEZ O TRABALHO?
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome
Leia maisWeb Design. Prof. Felippe
Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre
Leia maisLINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON
COMPONENTES: ROBSON EDMILSON O HTML (Hiper Text Mark-up Language) é uma linguagem de programação hipertexto. O HTML tem códigos para criar páginas na web. Estes códigos que definem o tipo de letra, qual
Leia maisIntrodução. História. Como funciona
Introdução O HTML é uma linguagem de marcação utilizada para desenvolvimento de sites. Esta linguagem surgiu junto com o HTTP, ambos possibilitaram a internet ser popularizada. História O HTML foi criado
Leia maisManual do Publicador. Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web
Manual do Publicador Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web Sumário Painel de Administração... 3 1 - Inserção de post... 5 2 Publicação de post com notícia na área headline (galeria de
Leia maisCurso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de
Leia maisRoteiro 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
Leia maisPROGRAMAÇÃO MANUAL DE INSTRUÇÕES SEJA BEM VINDO VERSÃO 1.4 10/01/2013 UDS SOLUÇÕES DIGITAIS
VERSÃO 1.4 10/01/2013 UDS SOLUÇÕES DIGITAIS PROGRAMAÇÃO MANUAL DE INSTRUÇÕES Instruções, métodos e recomendações para desenvolvimento de sistemas na UDS. 1 Sumário Apresentação... 3 Estrutura de pastas:...
Leia maisMANUAL DE UTILIZAÇÃO DO WEBMAIL SBC
MANUAL DE UTILIZAÇÃO DO WEBMAIL SBC SUMÁRIO 1 - Tela de Login...03 2 - Caixa de Entrada...04 3 - Escrever Mensagem...06 4 - Preferências...07 4.1 - Configurações Gerais...07 4.2 - Trocar Senha...07 4.3
Leia maisScriptlets e Formulários
2 Scriptlets e Formulários Prof. Autor: Daniel Morais dos Reis e-tec Brasil Programação Avançada Para Web Página1 Meta Permitir ao aluno aprender a criar um novo projeto Java para web no Netbeans IDE,
Leia mais02 - Usando o SiteMaster - Informações importantes
01 - Apresentação do SiteMaster - News Edition O SiteMaster foi desenvolvido para ser um sistema simples de gerenciamento de notícias, instalado em seu próprio computador e com configuração simplificada,
Leia maisWebdesign 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
Leia maisDOCUMENTAÇÃO DO FRAMEWORK - versão 2.0
DOCUMENTAÇÃO DO FRAMEWORK - versão 2.0 Índice 1 - Objetivo 2 - Descrição do ambiente 2.1. Tecnologias utilizadas 2.2. Estrutura de pastas 2.3. Bibliotecas já incluídas 3 - Características gerais 4 - Criando
Leia maisMAPEAMENTO DE CONSULTAS SQL EM XML ENTRE SISTEMAS GERENCIADORES DE BANCO DE DADOS RELACIONAIS
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 EM XML ENTRE SISTEMAS GERENCIADORES
Leia maisSumário. 1 Tutorial: Blogs no Clickideia
1 Tutorial: Blogs no Clickideia Sumário Introdução... 2 Objetivos... 2 Instruções para utilização do Tutorial... 2 Acesso ao Portal e a Home Blog... 3 Página Inicial da área do Blog... 4 Apresentação da
Leia maisManual de Gerenciamento de Conteúdo
Manual de Gerenciamento de Conteúdo 1 Sumário 1) O que é um Gerenciador de Conteúdo...3 2) Como o Site está Estruturado...3 3) Como Gerenciar o Conteúdo do Site...5 3.1) Adicionar Itens no Menu de Navegação...6
Leia maisNORMAS PARA EDITORAÇÃO E ENVIO DE TRABALHOS TÉCNICOS AO EVENTOS BRASIL 2014
NORMAS PARA EDITORAÇÃO E ENVIO DE TRABALHOS TÉCNICOS AO EVENTOS BRASIL 2014 07 a 08 de dezembro de 2014 São Paulo - SP DATAS E CONSIDERAÇÕES IMPORTANTES Os trabalhos técnicos deverão ser enviados eletronicamente,
Leia maisNovell. Novell Teaming 1.0. novdocx (pt-br) 6 April 2007 EXPLORAR O PORTLET BEM-VINDO DESCUBRA SEU CAMINHO USANDO O NOVELL TEAMING NAVIGATOR
Novell Teaming - Guia de início rápido Novell Teaming 1.0 Julho de 2007 INTRODUÇÃO RÁPIDA www.novell.com Novell Teaming O termo Novell Teaming neste documento se aplica a todas as versões do Novell Teaming,
Leia maiswww.nddigital.com.br Manual de Administração DPS Printer 2.1 NDDigital S/A - Software
www.nddigital.com.br Manual de Administração DPS Printer 2.1 NDDigital S/A - Software 2 Introdução Este manual foi elaborado para administradores, para entendimento do funcionamento do produto e administração
Leia maisComo funciona? SUMÁRIO
SUMÁRIO 1. Introdução... 2 2. Benefícios e Vantagens... 2 3. Como utilizar?... 2 3.1. Criar Chave / Senha de Usuário... 2 3.2. Recursos da Barra Superior... 2 3.2.1. Opções... 3 3.2.1.1. Mover Para...
Leia mais2 echo "PHP e outros.";
PHP (Hypertext Preprocessor) Antes de qualquer coisa, precisamos entender o que é o PHP: O PHP(Hypertext Preprocessor) é uma linguagem interpretada gratuita, usada originalmente apenas para o desenvolvimento
Leia maisHTML 5 + CSS APRESENTANDO O CSS ESTILOS LOCAIS
APRESENTANDO O CSS CSS Cascading Style Sheets, ou, em português, Folha de Estilo em Cascata - é uma linguagem de estilo que pode ser utilizada na formatação de documentos HTML. Com CSS, podemos criar regras
Leia maisUSANDO O ROUNDCUBE WEBMAIL
USANDO O ROUNDCUBE WEBMAIL ATENÇÃO! Para utilizar este tutorial não se esqueça: Onde estiver escrito seusite.com.br substitua pelo ENDEREÇO do seu site (domínio). Ex.: Se o endereço do seu site é casadecarnessilva.net
Leia maisAdapti - Technology Solutions www.adapti.net Leonor cardoso nº 331 Fone : (041) 8844-7805 81240-380 Curitiba - PR MANUAL DO USUÁRIO
MANUAL DO USUÁRIO 1 Índice Administração de Documentos...2 Lista de documentos criados...3 Criando um novo documento...3 Barra de ferramentas do editor...4 Editando um documento...7 Administrando suas
Leia maisEsse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5.
Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5. Ele considera que você já tem o Joomla! instalado no seu computador. Caso você queira utilizá lo em um servidor na web,
Leia maisCENTRO UNIVERSITÁRIO CATÓLICA DE SANTA CATARINA PRÓ-REITORIA ACADÊMICA NÚCLEO DE EDUCAÇÃO EM AMBIENTES DIGITAIS NEAD
0 CENTRO UNIVERSITÁRIO CATÓLICA DE SANTA CATARINA PRÓ-REITORIA ACADÊMICA NÚCLEO DE EDUCAÇÃO EM AMBIENTES DIGITAIS NEAD ORIENTAÇÕES SOBRE USO DO AMBIENTE VIRTUAL DE APRENDIZAGEM (MOODLE) PARA DISPONIBILIZAÇÃO
Leia maisTECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD
TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Apresentar as principais tags utilizadas na construção de páginas Web. Compreender as principais funcionalidades de cada tag utilizada.
Leia mais7. Cascading Style Sheets (CSS)
7. Cascading Style Sheets (CSS) O CSS (Folha de Estilo em Cascata) é um padrão de formatação para páginas web que vai além das limitações impostas pelo HTML. O Cascading Style Sheets não é exatamente uma
Leia maisTutorial Plone 4. Manutenção de Sites. Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados
Tutorial Plone 4 Manutenção de Sites Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados Sumário Introdução 1 Como fazer a autenticação do usuário 1.1 Através do
Leia maisCriando um script simples
Criando um script simples As ferramentas de script Diferente de muitas linguagens de programação, você não precisará de quaisquer softwares especiais para criar scripts de JavaScript. A primeira coisa
Leia maisManual para Envio de Petição Inicial
Manual para Envio de Petição Inicial 1. Após abrir a página do PROJUDI, digite seu usuário e senha 1.1. Para advogados o usuário é o cpf.adv (ex: 12345678900.adv) 1.2. Após digitar os dados (login e senha),
Leia maisManual Captura S_Line
Sumário 1. Introdução... 2 2. Configuração Inicial... 2 2.1. Requisitos... 2 2.2. Downloads... 2 2.3. Instalação/Abrir... 3 3. Sistema... 4 3.1. Abrir Usuário... 4 3.2. Nova Senha... 4 3.3. Propriedades
Leia maisComo incluir artigos:
Como incluir artigos: O WordPress é uma ferramenta muito flexível, com muitas variações e ajustes que podem torná-lo algo muito simples e também muito sofisticado conforme os recursos que são configurados
Leia maisTutorial do módulo Carteira Nacional de Militante
Tutorial do módulo Carteira Nacional de Militante 1. Como iniciar o programa O módulo da Carteira de Militante deve ser acessado através dos seguintes endereços: http://www.pcdob.org.br/redevermelha. É
Leia maisGuia Rápido para Acesso, Preenchimento e Envio Formulário de Cadastro da Empresa e Formulário de Projeto
EDITAL DE SELEÇÃO PÚBLICA MCTI/AEB/FINEP/FNDCT Subvenção Econômica à Inovação Transferência de Tecnologia do SGDC 01/2015 Transferência de Tecnologia Espacial no Âmbito do Decreto nº 7.769 de 28/06/2012
Leia maisXPath 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
Leia maisPassa a passo para construir uma página pessoal - Parte 1
Passa a passo para construir uma página pessoal - Parte 1 Quais ferramentas são necessárias? - Editor de texto básico (sem formatações): use o Bloco de Notas (não use o MS Word e WordPad) - Navegador (browser):
Leia maisOFICINA BLOG DAS ESCOLAS
OFICINA BLOG DAS ESCOLAS Créditos: Márcio Corrente Gonçalves Mônica Norris Ribeiro Março 2010 1 ACESSANDO O BLOG Blog das Escolas MANUAL DO ADMINISTRADOR Para acessar o blog da sua escola, acesse o endereço
Leia maisClaudio Damasceno. Avançar
Claudio Damasceno Conteúdo Alinhamento Âncoras, Links Tabelas Formatação Próximo Capítulo HTML prof.claudiodamasceno@hotmail.com 2 Recapitulando - Estrutura básica título DA PÁGINA
Leia maisIntrodução ao HTML 5 e Implementação de Documentos
Linguagem de Programação para Web Introdução ao HTML 5 e Implementação de Documentos Prof. Mauro Lopes 1-31 20 Objetivo Iremos aqui apresentar a estrutura básica de um documento HTML e iremos também apresentar
Leia maisHTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).
HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a
Leia maisIntrodução ao HTML Hypertext Markup Language
Introdução ao HTML Hypertext Markup Language Prof. Marcus Ramos Tags São comandos que são inseridos juntamente com o texto a ser apresentado, e que definem a forma como o mesmo será exibido na tela do
Leia maisManual do Painel Administrativo
Manual do Painel Administrativo versão 1.0 Autores César A Miggiolaro Marcos J Lazarin Índice Índice... 2 Figuras... 3 Inicio... 5 Funcionalidades... 7 Analytics... 9 Cidades... 9 Conteúdo... 10 Referência...
Leia maisWord 1 - Introdução 1.1 - Principais recursos do word 1.2 - A janela de documento 1.3 - Tela principal
Word 1 - Introdução O Word para Windows ou NT, é um processador de textos cuja finalidade é a de nos ajudar a trabalhar de maneira mais eficiente tanto na elaboração de documentos simples, quanto naqueles
Leia maisPAINEL GERENCIADOR DE E-MAILS
Este manual foi criado com o objetivo de facilitar o gerenciamento de suas contas de e-mail. Com ele, o administrador poderá criar e excluir e-mails, alterar senha, configurar redirecionamento de contas,
Leia maisManual das funcionalidades Webmail AASP
Manual das funcionalidades Webmail AASP 1. Configurações iniciais 2. Regras 3. Histórico da conta 4. Autorresposta 5. Dados de acesso (alterando senha de acesso) 6. Identidade (assinatura) 7. Redirecionamento
Leia maisWEBDESIGN. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira
WEBDESIGN Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira 1 CDI - Curso de Webdesign - Prof. Paulo Trentin Objetivos para esta aula Debater sobre
Leia mais1 Essa é a tela de login do Sistema de Atendimento Online, siga o passo a passo abaixo.
1 Essa é a tela de login do Sistema de Atendimento Online, siga o passo a passo abaixo. 2 - Se esse é o seu primeiro cadastro, clique em Cadastre-se. Em seguida preencha os dados solicitados com Nome,
Leia maisManual de utilização do Portal Entrelace.org.br. William Oyama www.evisionbrasil.com.br
Manual de utilização do Portal Entrelace.org.br William Oyama www.evisionbrasil.com.br Índice do tutorial 1 Portal entrelace.obr.br 2- Painel Administrativo 3- Informações Restritas 4- Acervo 5- Notícias
Leia maisTutorial Módulo 1: Introdução e primeiros passos Por Daniel Chicayban (dan@trendnet.com.br)
Tutorial Módulo 1: Introdução e primeiros passos Por Daniel Chicayban (dan@trendnet.com.br) Introdução A HyperText Markup Language e a Web No núcleo de toda página da Web, encontramos a HyperText Markup
Leia maisColeção - Análises de email marketing em clientes de email
Coleção - Análises de email marketing em clientes de email Introdução Nesta quinta edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos o estudo do Windows Mail, um cliente
Leia maisMINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA
MINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA SACI LIVRE SISTEMA DE ADMINISTRAÇÃO DE CONTEÚDO INSTITUCIONAL
Leia maisJavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos.
JavaScript JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. Pode ser usada dentro do próprio arquivo HTML ou estruturada em um
Leia maisHTML. 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
Leia maisIntrodução 1ª Parte Web Web Web Web Browsers Editores Editores Etiquetas (tags) base indica que se trata de uma página escrita em linguagem HTML. Esta deve abranger todo o código;
Leia maise-ouv Passo-a-passo Sistema de Ouvidorias do Poder Executivo Federal Junho, 2015 Controladoria-Geral da União
e-ouv Passo-a-passo Sistema de Ouvidorias do Poder Executivo Federal Junho, 2015 Sumário 1. Acesso ao sistema... 3 2. Funcionalidades do sistema... 5 3. Como tratar manifestações... 14 3.1 Detalhar...
Leia maisGlossários em Moodle (1.6.5+)
Glossários em Moodle (1.6.5+) Athail Rangel Pulino 2 Ficha Técnica Título Glossários em Moodle Autor Athail Rangel Pulino Filho Copyright Creative Commons Edição Agosto 2007 Glossários em Moodle 3 Índice
Leia maisUFPel Departamento de Informática. Tutorial Google Docs. Profa. Lisane Brisolara de Brisolara
UFPel Departamento de Informática Tutorial Google Docs Profa. Lisane Brisolara de Brisolara Sumário O que é o Google Docs Seus principais recursos Editor de textos/documentos Editor de planilhas eletrônicas
Leia maisTUTORIAL PARA O MÉDICO PROJETO DE INTERVENÇÃO PROVAB 2014
PROGRAMA DE VALORIZAÇÃO DO PROFISSIONAL DA ATENÇÃO BÁSICA TUTORIAL PARA O MÉDICO PROJETO DE INTERVENÇÃO PROVAB 2014 Brasília/DF, 17 de setembro de 2014. 1 APRESENTAÇÃO Senhor (a) Médico (a) participante
Leia maisManual SAGe Versão 1.2 (a partir da versão 12.08.01)
Manual SAGe Versão 1.2 (a partir da versão 12.08.01) Submissão de Relatórios Científicos Sumário Introdução... 2 Elaboração do Relatório Científico... 3 Submissão do Relatório Científico... 14 Operação
Leia maisCartilha. Correio eletrônico
Cartilha Correio eletrônico Prefeitura de Juiz de Fora Secretaria de Planejamento e Gestão Subsecretaria de Tecnologia da Informação Abril de 2012 Índice SEPLAG/Subsecretaria de Tecnologia da Informação
Leia maisEXEMPLO. h1 {font-family: arial, verdana, sans-serif;} h2 {font-family: "Times New Roman", serif;}
Fontes A propriedade font-family é usada para definir uma lista de fontes e sua prioridade para apresentação de um elemento em uma página. Se a primeira fonte da lista não estiver instalada na máquina
Leia maisÍndice. Manual de uso do Wordpress Produção de conteúdo. 1) Acesso ao Painel de Controle. 2) Ambientação na Ferramenta. 3) Inserir novo Post
Índice 1) Acesso ao Painel de Controle 2) Ambientação na Ferramenta 2.1) Posts 2.1.1) Adicionar novo post 2.1.2) Editar posts 2.2) Mídia 2.2.1) Tipos de Mídia 2.2.2) Biblioteca 2.2.3) Adicionar novo 3)
Leia maisMANUAL DO ANIMAIL 1.0.0.1142 Terti Software
O Animail é um software para criar campanhas de envio de email (email Marketing). Você pode criar diversas campanhas para públicos diferenciados. Tela Principal do sistema Para melhor apresentar o sistema,
Leia maisCSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata
CSS CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata CSS é uma linguagem para estilos (formatação) que define o layout de documentos HTML. CSS controla fontes, cores, margens,
Leia maisManual do Visualizador NF e KEY BEST
Manual do Visualizador NF e KEY BEST Versão 1.0 Maio/2011 INDICE SOBRE O VISUALIZADOR...................................................... 02 RISCOS POSSÍVEIS PARA O EMITENTE DA NOTA FISCAL ELETRÔNICA.................
Leia maisProcedimentos para Reinstalação do Sisloc
Procedimentos para Reinstalação do Sisloc Sumário: 1. Informações Gerais... 3 2. Criação de backups importantes... 3 3. Reinstalação do Sisloc... 4 Passo a passo... 4 4. Instalação da base de dados Sisloc...
Leia maisTutorial: Webmail. Dicas de Uso e Funcionalidades 02/2015. Versão 01
Tutorial: Webmail Dicas de Uso e Funcionalidades 02/2015 Versão 01 Conteúdo Tutorial: Webmail 2015 Descrição... 2 Possíveis problemas... 5 Criando Regras de Mensagens (Filtros Automáticos)... 11 A partir
Leia maisMPOG EVOLUÇÃO DO PORTAL DO SOFTWARE PÚBLICO
MPOG EVOLUÇÃO DO PORTAL DO SOFTWARE PÚBLICO Versão do Documento v 0.5 Modelo SISP: Especificação de Regras de Negócio v 0.5 Data de Publicação: 26/05/2014 1/18 Histórico da Revisão Data Versão Descrição
Leia maisFollow-Up Acompanhamento Eletrônico de Processos (versão 3.0) Manual do Sistema. 1. Como acessar o sistema Requisitos mínimos e compatibilidade
do Sistema Índice Página 1. Como acessar o sistema 1.1 Requisitos mínimos e compatibilidade 03 2. Como configurar o Sistema 2.1 Painel de Controle 2.2 Informando o nome da Comissária 2.3 Escolhendo a Cor
Leia maisComo acessar o novo webmail da Educação? Manual do Usuário. 15/9/2009 Gerencia de Suporte, Redes e Novas Tecnologias Claudia M.S.
Como acessar o novo webmail da Educação? Manual do Usuário 15/9/2009 Gerencia de Suporte, Redes e Novas Tecnologias Claudia M.S. Tomaz IT.002 02 2/14 Como acessar o Webmail da Secretaria de Educação? Para
Leia maisManual do Google agenda. criação e compartilhamento de agendas
Manual do Google agenda criação e compartilhamento de agendas 1 O que é o Google Agenda? Google Agenda é um serviço de agenda on line gratuito do Google, onde você pode anotar compromissos e tarefas, organizando
Leia maisConfiguração do email institucional da UFS no GMail. Configuração do email institucional da UFS no GMail... 02
Universidade Federal de Sergipe Centro de Processamento de Dados Coordenação de Redes de Computadores Configuração do email institucional da UFS no GMail Conteúdo Pág Configuração do email institucional
Leia mais1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão
1. HTML - Introdução Hyper Text Markup Language É uma linguagem de formatação de conteúdos Não é uma linguagem de programação Portável Não depende da plataforma em que é vizualizado Ficheiros de pequena
Leia maisGestão inteligente de documentos eletrônicos
Gestão inteligente de documentos eletrônicos MANUAL DE UTILIZAÇÃO VISÃO DE EMPRESAS VISÃO EMPRESAS - USUÁRIOS (OVERVIEW) No ELDOC, o perfil de EMPRESA refere-se aos usuários com papel operacional. São
Leia mais1. Introdução pág.3 2. Apresentação do sistema Joomla! pág.4 3. Acessando a administração do site pág.4 4. Artigos 4.1. Criando um Artigo 4.2.
1. Introdução pág.3 2. Apresentação do sistema Joomla! pág.4 3. Acessando a administração do site pág.4 4. Artigos 4.1. Criando um Artigo 4.2. Editando um Artigo 4.3. Excluindo um Artigo 4.4. Publicar
Leia maisSUAP Módulo Protocolo Manual do Usuário DTI DIRETORIA DE TECNOLOGIA DA INFORMAÇÃO SEÇÃO DE PROJETOS, SISTEMAS E PROCESSOS DE NEGÓCIO
SUAP Módulo Protocolo Manual do Usuário DTI DIRETORIA DE TECNOLOGIA DA INFORMAÇÃO SEÇÃO DE PROJETOS, SISTEMAS E PROCESSOS DE NEGÓCIO SUMÁRIO 1. APRESENTAÇÃO... 1 1.1. ACESSO AO SISTEMA... 1 1.2. TELA INICIAL
Leia maisDesenvolvedor Web Docente André Luiz Silva de Moraes
Roteiro 2: Introdução a Linguagem HTML Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção de páginas de internet e é responsável
Leia maisRoteiro de Estudos e Atividades Avaliativas HTML
Roteiro de Estudos e Atividades Avaliativas HTML Faça essa atividade de forma individual ou em dupla, faça o máximo de questões que conseguir. Pesquise na Web o significado das tags e utilize-as para alcançar
Leia mais4.14 - Imagens: <img src="..."> src <img src="tecnologia.jpg"> único atributo que não pode ser omitido neste TAG Nota: img
4.14 - Imagens: O TAG utilizado para a inclusão de imagens em páginas html é o: O atributo src especifica o local onde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso
Leia maisIntrodução à Tecnologia Web
Introdução à Tecnologia Web HTML HyperText Markup Language XTML extensible HyperText Markup Language Elementos da Seção do Corpo Tabelas Formulários Professor Alan Cleber Borim www.alanborim.com.br Índice.
Leia maisVamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova.
3.5 Páginas: Ao clicar em Páginas, são exibidas todas as páginas criadas para o Blog. No nosso exemplo já existirá uma página com o Título Página de Exemplo, criada quando o WorPress foi instalado. Ao
Leia maisConfig. do módulo MSA com dispositivos REP.
Config. do módulo MSA com dispositivos REP. 23/05/2011 Config. do módulo MSA com disp. REP. Sumário Sumário... 2 1 Configurando os novos serviços para os REP... 3 1.1 Configurando o devices.xml... 3 1.2
Leia maisCOMO UTILIZAR O EDITOR DE TEXTO
COMO UTILIZAR O EDITOR DE TEXTO texto. Esse tutorial é um tutorial básico para auxiliar na utilização do editor de A barra de ferramentas do editor é a seguinte: Abaixo será discutido cada item, onde a
Leia maisMódulo e-rede OpenCart v1.0. Manual de. Instalação do Módulo. estamos todos ligados
Módulo e-rede OpenCart v1.0 Manual de Instalação do Módulo estamos todos ligados ÍNDICE 01 02 03 04 Introdução 3 Versão 3 Requerimentos 3 Manual de instalação 4 05 06 4.1 vqmod 4 4.2 Instalação e ativação
Leia maisProduto IV: ATU SAAP. Manual de Referência
Produto IV: ATU SAAP Manual de Referência Pablo Nogueira Oliveira Termo de Referência nº 129275 Contrato Número 2008/000988 Brasília, 30 de outubro de 2008 1 Sistema de Apoio à Ativideade Parlamentar SAAP
Leia maisMoodle - CEAD Manual do Estudante
Moodle - CEAD Manual do Estudante Índice Introdução 3 Acessando o Ambiente 4 Acessando o Curso 5 Navegando no Ambiente do Curso 5 Box Participantes 5 Box Atividades 5 Box Buscar nos Fóruns 5 Box Administração
Leia maisConfigurações de envio com o uso de RSS
Configurações de envio com o uso de RSS Saiba como integrar o email marketing ao RSS e torne o processo de alimentação de conteúdo de newsletters automatizado. Configuração de envios com o uso de RSS Visão
Leia maisVoltado para novos usuários, este capítulo fornece uma instrução para edição de Leiaute do SILAS e suas funções.
13. Editor de leiautes Voltado para novos usuários, este capítulo fornece uma instrução para edição de Leiaute do SILAS e suas funções. Neste capítulo uma breve explicação será apresentada sobre a organização
Leia maisMANUAL JOOMLA 2.5 PORTAL INTERNET. Ministério do Esporte
MANUAL JOOMLA 2.5 PORTAL INTERNET Ministério do Esporte SUMÁRIO 1.0 - Módulo Administração... 1 2.0 Banner randômico... 2 2.1 Adicionar novo slide... 2 2.2 Excluir slide... 6 3.0 Artigos... 7 3.1 Adicionar
Leia maisXML Básico. Murillo Vasconcelos Henriques B. Castro. 17 de maio de 2011
XML Básico Murillo Vasconcelos Henriques B. Castro 17 de maio de 2011 O QUE É? Sigla para extensible Markable Language É uma linguagem de marcação, assim como HTML Desenvolvida para ser auto explicativa
Leia maisManual de Utilização do GLPI
Manual de Utilização do GLPI Perfil Usuário Versão 1.0 NTI Campus Muzambinho 1 Introdução Prezado servidor, o GLPI é um sistema de Service Desk composto por um conjunto de serviços para a administração
Leia maisConsultório On-line. Tudo o que você precisa em um só lugar.
Índice 1) Acesso ao sistema 2) Recepção do paciente 3) Envio do atendimento para faturamento: consulta médica ou procedimentos simples 4) Envio do atendimento para faturamento: procedimentos previamente
Leia maisManual do Sistema. SMARsa. Módulo WEB
Manual do Sistema SMARsa Módulo WEB Notas da Atualização do Manual Na versão 4.1 deste manual consta: 1º. Aguardando Recebimento: Adicionado o campo de digitação do numero de remessa para o recebimento.
Leia maisGUIA BÁSICO DA SALA VIRTUAL
Ambiente Virtual de Aprendizagem - MOODLE GUIA BÁSICO DA SALA VIRTUAL http://salavirtual.faculdadesaoluiz.edu.br SUMÁRIO 1. Acessando Turmas 4 2. Inserindo Material 4 3. Enviando Mensagem aos Alunos 6
Leia mais