12 de Dezembro de 2007 Jos é Carlos Ramalho XSL or XSLFO Processamento Estruturado de Documentos 2004-2008.

Slides:



Advertisements
Apresentações semelhantes
Faculdades Integradas Santa Cruz
Advertisements

HTML - HiperText Markup Language Tecnologia para Web
A17 – Primeiros passos na utilização das TIC
Sumário Aula n.º 18 Formatações Tamanho Cor Parágrafos Alinhamento
Tecnologia Hipermídia e Multimídia
Prof. Rudson apostilas.wikidot.com/hipermidia
Internet - 1 Folhas de estilo m Forma está a tornar-se importante, a par do conteúdo m Sistematizar o design de uma colecção de documentos implica definições.
Internet - 1 Atributos nucleares m Atributos que podem aparecer em todas as marcas q Interesse em particular para suportar estilos m ID q Este é o início.
Internet - 1 Estilos de ligações m Listas de ligações m listas de descrições de itens contendo ligações m ligações dispersas auto-descritivas m evitar.
Marquee (Movimentação do Texto)
CSS-Folha de Estilo.
Linguagem PHP Prof.: Sergio Pacheco Prof.: Sergio Pacheco 1 1.
Links Rollover image Tabelas
Curso de Jornalismo e Ciências da Comunicação
Curso de Jornalismo e Ciências da Comunicação
Aula 8 - Sumário Inserir painel rolante.
Tecnologias para Internet Thyago Maia Tavares de Farias Aula 6.
Construção Web Design Aula 02 – HTML e CSS.
TECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO
HTML O que é? HiperText Markup Language
Curso de Web Master Css – 1ª Aula.
HTML Básico João Araujo.
HTML Técnicas em Programação para Internet
Aulas ministradas por:
Tecnologias Web Prof. Msc. Juliano Gomes Weber Tecnologias Web Notas de Aula – Aula 04 1º Semestre UNIJUÍ.
CSS - Cascading Style Sheets
Introdução à Programação para WEB
HTML HyperText Markup Language Uma linguagem de marcação.
Cascading Style Sheets Folhas de Estilo em Cascata
COLÉGIO DA IMACULADA CURSO TÉCNICO EM INFORMÁTICA
Ambiente de trabalho Barra de ferramentas padrão Barras de rolamentos
Pequena revisão e alguns conselhos
Introdução ao CSS Este modelo pode ser usado como arquivo de partida para apresentar materiais de treinamento em um cenário em grupo. Seções Clique com.
HTML 1ª aula.
HTML: trabalhando com Fontes
CSS incorporado – Formatando textos utilizando estilos em cascata
Profª Angela Tissi Tracierra. Tags... As tags... fazem a formatação de fonte no texto que envolvem no documento HTML. Juntamente a essas tags utilizam-se.
Escola de Engenharia de Piracicaba Sistemas de Apoio a Decisão
Amirton Chagas
Atividade 1 DDW2 Profª Janaina Moreno.
Ferramentas para Sistema Web Sistemas de Informação Aula 8 – 17/04/2013.
Unidade 3 – Introdução ao CSS Prof.: Henrique Santos
Aplicativos para Internet CSS
Microsoft Word Unidade 4 – Processamento de Texto.
TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo.
UNIDADE 4: Processamento de texto
Programação para Internet
O que é CSS? O CSS (Cascading Style Sheets) ou Folhas de Estilo em Cascatas é uma documentação que define as regras de formatação que serão aplicadas aos.
Fundamentos e Tecnologia em Web
MENU ARQUIVO Comando Imprimir Imprimi o documento atual # Impressora
HTML HyperText Markup Language. 2 Origem O HTML foi criado, juntamente com o HTTP nos laboratórios do CERN, na europa para permitir a consulta de documentos.
Internet - 1 Listas m Tipos de listas q listas não ordenadas ( ) atributo type controla o aspecto do símbolo (disc, circle, square) q listas ordenadas.
Profº Cláudio Barbosa HTML – Trabalhando com tabelas  Utilizadas inicialmente a partir de 1995;  Exibição de dados de.
CSS ETEC Vasco Antônio Venchiarutti - Extensão na EE A. S. Gandra Professor: Robson / Madureira Disciplina: Desenvolvimento e Design de Web Sites II Turma:
HTML Estrutura e Sintaxe.
Linguagem de Programação Web Karine Alessandra Córdova.
Tabelas. Tabelas são usadas para apresentar "dados tabulares”
HTML Prof. Geyson Silva.
LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON.
UCSal – Tecnologia em Análise e Desenvolvimento de Sistemas
UCSal – Tecnologia em Análise e Desenvolvimento de Sistemas Programação para Aplicações WEB Profa. Semíramis Assis
PAPELCaracterística Adotada Tamanho Orientação Margens Folha A4, nas medidas 210 x 297 mm Retrato 3 cm para as margens superiores e esquerda, 2cm para.
Posicionamento Prof. Wolley. Centralizando conteúdo Abrir o arquivo responsabilidade_social.html.
1 Prof. Esp. Andrew Rodrigues HTML.
1 HTML Prof. Esp. Andrew Rodrigues Aula 02. II - Linguagem de Marcação HTML 2 Sintaxe Básica do HTML Olá mundo!!
1 HTML Prof. Esp. Andrew Rodrigues Aula: Table e Form andrewtec.wordpress.com.
Programação p/ INTERNET - HTML Prof. João Ricardo Andrêo 30/5/ :10 1 Listas Numeradas As listas numeradas funcionam da mesma forma que as listas.
Programação p/ INTERNET - HTML Prof. João Ricardo Andrêo 2/6/ :46 1 TABELAS A TAG é utilizada para apresentação de dados no formato de tabelas (apresentação.
Noções básicas de editores de texto Profª Juliana Schivani MÍDIAS EDUCACIONAIS.
Transcrição da apresentação:

12 de Dezembro de 2007 Jos é Carlos Ramalho XSL or XSLFO Processamento Estruturado de Documentos

12 de Dezembro de 2007 Jos é Carlos Ramalho O que é? Uma linguagem de anotação para descrever conteúdos paginados. Suporta conceitos como: sequência de p á ginas, página, cabeçalho, rodapé, bloco/par á grafo, linha,...

12 de Dezembro de 2007 Jos é Carlos Ramalho Geração de PDF Doc. XML XSLT Proc. XSL XSLFO Motor de Formatação PDF

12 de Dezembro de 2007 Jos é Carlos Ramalho Hello World Hello World O elemento root é sempre o elemento principal. No elemento layout-master-set definem-se as várias geometrias de página. O conteúdo é colocado numa sequência de páginas.

12 de Dezembro de 2007 Jos é Carlos Ramalho Elementos de Topo root –Elemento principal –Onde devem ser colocados os atributos comuns layout-master-set –Definição das várias geometrias que serão aplicadas às diferentes páginas page-sequence –No mínimo um elemento deste tipo –Filho: flow –O flow tem filhos do tipo block: table, list-block, block,...

12 de Dezembro de 2007 Jos é Carlos Ramalho Estrutura de um documento FO O modelo de formatação do XSL define um conjunto de áreas rectangulares (caixas) onde é colocado o conteúdo. O conteúdo (texto, imagens, etc.) é formatado nestas caixas e depois convertido no formato de saída desejado. Um documento FO está organizado nas seguintes áreas: –Pages - páginas –Regions - regiões –Block areas - blocos –Line areas - linhas –Inline areas – pedaços de texto numa linha

12 de Dezembro de 2007 Jos é Carlos Ramalho Geometria de uma página Uma página tem 5 áreas: –region-body: onde é colocado o conteúdo, ou seja, o conteúdo de flow. –region-before: onde é colocado o cabeçalho. –region-after, onde é colocado o rodapé. –region-start e region-end, áreas laterais, raramente utilizadas.

12 de Dezembro de 2007 Jos é Carlos Ramalho flow O conteúdo de um documento irá ser distribuído por várias páginas pertencentes a uma sequência: o elemento flow encarrega- se disso. Normalmente, o conteúdo de um elemento flow é estruturado em blocos: block. Um elemento do tipo block corresponde a um parágrafo, lista ou tabela.

12 de Dezembro de 2007 Jos é Carlos Ramalho static-content Normalmente o conte ú do do flow tem como destino a região central da p á gina: xsl- region-body Para colocar conte ú dos noutras á reas (BEFORE, AFTER, START, END) deve utilizar-se o elemento: static-content –Exemplificar com o Report

12 de Dezembro de 2007 Jos é Carlos Ramalho block Há várias propriedades que controlam a colocação de texto nos elementos block: –Quebra de página antes ou depois de um block: break-before, break-after. –Manter todo o elemento na mesma página: keep-together. –Manter blocos relacionados na mesma página: keep-with-next, keep-with-previous.

12 de Dezembro de 2007 Jos é Carlos Ramalho Parágrafos Este é o primeiro parágrafo com texto justificado. Repare como o texto preenche todo o espaço disponível. A linha de contorno tem 0.5 pt de largura, é sólida, e de cor verde. Este parágrafo cria um espaço vertical a seguir de 0.5 cm. Este é o segundo parágrafo de texto justificado. Desta vez a linha de controno é vermelha e ponteada. Este parágrado deixa um espaço vertical para o objecto anterior de 2 cm. Notas: 1.As características da fonte são especificadas no elemento pai (flow); são depois herdadas pelos 2 parágrafos. 2.A distância entre parágrafos não é aditiva; o maior valor é o que prevalece.

12 de Dezembro de 2007 Jos é Carlos Ramalho Alinhamento de Texto O alinhamento horizontal do texto é controlado por dois atributos: –text-align: que define o alinhamento de todas as linhas excepto a última; –text-align-last: que define o alinhamento da última linha. Os valores possíveis para estes atributos são: left, right, center, e justify.

12 de Dezembro de 2007 Jos é Carlos Ramalho Fontes Há 6 propriedades que permitem controlar o aspecto do texto: –font-family, – font-style, –font-variant, –font-weight, –font-size, –line-height.

12 de Dezembro de 2007 Jos é Carlos Ramalho font-family O atributo font-family permite especificar o tipo de letra a usar para o texto. –Exemplo: font-family = “Arial” Se fôr especificada mais do que uma fonte, o sistema escolherá a primeira da lista que ele tenha disponível. As fontes devem ser especificadas da mais específica para a mais genérica. –Exemplo: font-family = “Arial, Helvetica”

12 de Dezembro de 2007 Jos é Carlos Ramalho font-weight A tonalidade de um tipo de letra (mais leve ou mais carregada) é especificada com o atributo font-weight. O seu valor pode ser absoluto: bold ou normal. Ou relativo à tonalidade do elemento pai: bolder ou lighter.

12 de Dezembro de 2007 Jos é Carlos Ramalho font-size O atributo font-size permite especificar o tamanho da letra. O tamanho pode ser fixo: 1cm, 0.5in, 10pt,... Ou uma percentagem do tamanho de letra do elemento pai: 0.5, 50%

12 de Dezembro de 2007 Jos é Carlos Ramalho line-height Esta propriedade especifica a altura mínima de uma linha num elemento block. O valor por omissão para line-height é 120%. A linha terá mais 20% de altura que o texto. Por exemplo, se o texto tiver 10pt, a altura da linha será de 12pt. O texto é centrado na linha, a 1pt do topo, e a 1pt do pé. Se uma linha contiver uma imagem com 100pt de altura, a altura dessa linha será de 102pt.

12 de Dezembro de 2007 Jos é Carlos Ramalho line-height Para este parágrafo, a altura da linha foi especificada com 200%. Uma vez que a fonte é de 12pt, a altura da linha terá 24pt. O contorno também foi especificado com outros parâmetros.

12 de Dezembro de 2007 Jos é Carlos Ramalho Formatações parciais: fontes e cor Eis algum texto parcialmente formatado. Exemplos de mudança de cor: Teste de cor

12 de Dezembro de 2007 Jos é Carlos Ramalho FP: Superscrips e Subscripts Texto em sub- script texto em super- script texto. Texto -50% texto +50% texto. Texto -5pt texto 5pt texto.

12 de Dezembro de 2007 Jos é Carlos Ramalho Imagens

12 de Dezembro de 2007 Jos é Carlos Ramalho Processadores de FlowObjects FOP: