Curso: XML, de los datos a la presentación Julio de 2005 CAPTIVA · www.captiva.es eXtensible Stylesheet Language Formatting Objects.

Slides:



Advertisements
Presentaciones similares
CSS Rogelio Ferreira Escutia. 2 Hojas de estilo cascada, mayo 2010 Definición La hojas de estilo en cascada (en inglés.
Advertisements

Repaso desde HTML a XHTML
HTML PROGRAMACION WEB.
CI-2413 Desarrollo de Aplicaciones para Internet
Laboratorio 5 Hojas de Estilo CSS
Visualización de documentos XML con CSS
Marcos y multimedia con html
Lenguaje de definición
Insertar Mónica Rodríguez.
INTRODUCCION A CSS.
DOM ( Document Object Model) Prof. Franklin Cedeño.
CSS: Cascading Style Sheets
CSS WALC 2004 – Track 2 Pep Turró Cuzco, octubre de 2004.
CSS 3.
HTML Formato al texto.
Etiqueta Título Los títulos o encabezamientos se emplean al comienzo de una sección. Las etiquetas que se usan son: Los títulos o encabezamientos se emplean.
HTML Estructura.
1 Las hojas de estilo en cascada Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal utilizado para definir la presentación.
Herramientas informáticas Hojas de cálculo
HTML/CSS Marcas básicas.
Curso: XML, de los datos a la presentación Julio de 2005 CAPTIVA · XPath.
CSS Módulo V. Funcionamiento Visor Web Servidor Web Documentos Página Web Solicitud Entrega.
Curso: XML, de los datos a la presentación Julio de 2005 CAPTIVA · Hojas de estilo CSS.
Hojas de Estilo Una hoja de estilo es un documento es un documento independiente, donde se definen todos los estilos que se utilizarán en todas las páginas.
QUE ES HTML? HTML es el lenguaje con el que al escribir etiquetas creamos páginas web. Las páginas se visualizan por medio de un navegador (Internet Explorer,
DISEÑO SITIOS WEB CON HTML Los sitios html comienzan con el código de inicio y terminan con el código Así que ponemos Los sitios html se dividen en un.
Curso de Diseño Web Profesor: Mario Figge. El Modelo de Cajas (Box Model)
Anatomía de la declaración La declaración consta de dos partes:  Propiedad  Valor Selector Propiedad Valor A { color: #000013;}  La propiedad es una.
Desarrollo CSS.
Disposición de la división de las páginas: La zona de contenido principal tendrá 25 píxeles de espacio en blanco en la parte izquierda superior. /*División.
XML no predefine la apariencia de los elementos. Se requiere una descripción aparte mediante una hoja de estilo. XSL (eXtensible Stylesheet Language) es.
UNIDAD 2:Crear, abrir y cerrar una base de datos Hacer clic sobre la opción Nuevo de la pestaña Archivo. Se mostrarán las distintas opciones para nuevos.
CSS div.
 El primer navegador Web incluía un lenguaje de estilo interno que utilizaba dicho navegador para mostrar las páginas HTML.  Sin embargo estos primeros.
Ingeniero de Sistemas – Universidad de Los Andes
Computación Aplicada Facultad de Ingeniería Universidad Autónoma de Querétaro Ma. Teresa García Ramírez 1.
Por principio un DIV, aunque su contenido sea muy pequeño ocupa todo el ancho de su padre generalmente el body, ya que son elementos de bloque. Recordar.
Universidad ecotec Informatica avanzada.
POW Tema 4: Mas sobre Hojas de Estilo. 2 Posicionamiento y Visualización Los factores que se tienen en cuenta para generar cada caja de las que se muestran.
DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB Elaboración de documentos web mediante lenguajes de marcas Posicionamiento con CSS.
Curso de Diseño Web Profesor: Mario Figge. CSS  Las hojas de estilo en cascada (Cascading Style Sheets) son un lenguaje formal usado para definir la.
 Un lenguaje que permite asociar estilos de composición a documentos estructurados, como HTML y aplicaciones XML  Un conjunto de propiedades y valores.
Introducción al Lenguaje. ¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado.
Herramientas informáticas
WORLD WIDE WEB Lenguaje HTML
Etiquetas para el trabajo con Marcos
ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de.
MIME EXTENSIONES DE CORREO INTERNET MULTIPROPÓSITO. SERIE DE ESPECIFICACIONES DIRIGIDAS AL INTERCAMBIO TRANSPARENTE DE TODO TIPO DE ARCHIVOS A TRAVÉS DE.
GUARDAR UN DOCUMENTO Y ABRIR UN DOCUMENTO
¿CÓMO ESCRIBIR CON WRITER? Al escribir con Writer no debemos preocuparnos porque la línea se acabe. Si continuamos escribiendo veremos que cuando no quepa.
Estructura de un documento HTML Opcionalmente los documentos escritos en HTML empezarán por la marca y finalizarán con la marca. Esta marca tan solo sirve.
INFORMÁTICA SOCIEDAD Y ORGANIZACIÓN
CSS Cascading Style Sheets
En Microsoft Office Word 2007 se puede insertar una tabla eligiendo un diseño entre varias tablas con formato previo (rellenas con datos de ejemplo) o.
CODIGO HTML HTML, siglas de HyperText Markup Language
Taller de Diagramación
Características Usos Consejos
HTML HyperText Markup Language
Profesora: Angela Maiz
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
DISEÑO DE PÁGINAS WEB HTML Y CSS Tema 1: Introducción Jose Miguel Vidagany Igual.
Practicas Word (Clase 14)
HTML.
Web y Multimedia II Integrantes: Piero Álvarez Mayra Atience Jhonney Bermeo Johanna Cabrera Gabriela Cango.
1. Introducción ¿Qué es HTML? HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje para la elaboración.
Curso de Programación Web html, java script. Contenido HTML Principios Color, links, listas Archivos externos Tablas y frames Java Script Datos y expresiones.
CURSO DE FORMACIÓN AL PORTAL WEB DE LA UNIVERSIDAD CARLOS III DE MADRID ORACLE PORTAL Manual disponible en:
Microsoft Word Procesador de Textos
DLM Transact SQL Sesión I Introducción al SQL Server Uso de las herramientas de consultas del Transact SQL.
ANDRES MAURICIO QUINTERO MACEA Programación Web Lic. Informática y medios audiovisuales Facultad de educación y ciencias humanas Universidad de Córdoba.
Transcripción de la presentación:

Curso: XML, de los datos a la presentación Julio de 2005 CAPTIVA · eXtensible Stylesheet Language Formatting Objects

Introducción  XSL Formatting Objects  Aplicación desarrollada enteramente en XML.  Permite describir de forma precisa la posición del texto en una página  Orientado a impresión.  Define elementos que representan: páginas, bloques de texto dentro de las páginas, gráficos, reglas horizontales, etc.  Normalmente no se escribe XSLFO directamente sino que se escriben hojas de estilo XSLT que transforman un documento nativo XML en XSLFO.

Introducción (II)  XSL Formatting Objects  Finalmente la aplicación de renderizado lee XSLFO y la presenta al usuario.  Debido a que la mayoría de los navegadores no soporta renderizar directamente XSLFO, es necesario un procesamiento de transformación adicional:  XSLFO a PDF.  XSLFO a TEX.  …

Introducción (III) XML XSL Procesador XSLT Procesador XSLT TEX XSLFO Procesador XSLFO

Documento XSLFO  Un documento XSL-FO es un documento XML con información de salida, que contiene tanto información de composición de la salida como información de contenido.  Un documento XSL-FO se puede almacenar con extensión.fo,.fob o incluso también.xml, para facilitar su acceso a los editores XML.

Estructura documento XSLFO  Elemento raíz: fo:root   Plantillas de páginas: fo:layout-master-set  Contiene uno o más elementos con la configuración de las diferentes plantillas de páginas.  Incluye información de tamaño de página, posición, márgenes, etc.  Contenido de las páginas: fo:page-sequence  Uno o más elementos con información de contenido e instrucciones de formato.  Cada elemento referencia a una plantilla definida anteriormente en el elemento fo:layout-master-set.

 Ejemplo documento XSLFO:  Estructura documento XSLFO (II) Plantillas de páginas Contenido de páginas

Plantillas de páginas  XSLFO define únicamente un tipo de plantilla:  Elemento fo:simple-page-master  Representa una página rectangular estándar con márgenes en los cuatro lados.  Tiene un único nombre (atributo: master-name ).  Atributos que definen el tamaño de la página y de los márgenes:

 La plantilla define 5 regiones dentro de una página:  region-start, region-end, region- before, region-after y region-body.  Su disposición en la página depende del sistema de escritura, que puede ser occidental, hebreo, chino y otras posibles combinaciones. Plantillas de páginas (II)

Sistema de escritura occidental: de izquierda a derecha y de arriba a abajo

 fo:region-body obligatorio, el resto opcionales.  Por defecto una página únicamente contiene la región body.  En caso de especificar regiones de tipo start, end, before o after es necesario indicar su correspondiente anchura o altura mediante el atributo “extent” y especificar los márgenes de la region body “margin-top”, “margin-left”, etc para que no se solapen. Plantillas de páginas (III)

Flujo de contenido  Cada elemento fo:page-sequence indica mediante el atributo “ master-reference ” la plantilla de página que se va a utilizar en la composición del documento.  Habrá tantos elementos fo:page-sequence como secuencias de páginas con diferentes plantillas de página.  Dentro de un elemento fo:page-sequence la información de contenido y de composición fluye a través de elementos fo:flow.

Flujo de contenido  Cada elemento fo:flow dentro de una secuencia de páginas indica mediante el atributo “ flow-name ” la region dentro de la página donde incluir el contenido.  El contenido de las páginas se organiza en forma de bloques mediante elementos fo:block anidados dentro de elementos fo:flow.  El SW de formateo va rellenando páginas con la información de contenido de los elementos contenidos dentro del elemento fo:flow. Cuando una página se completa se utiliza una y otra vez la misma plantilla hasta que todo el texto queda impreso.

 Contiene elementos de formateo a nivel de bloque.  fo:block elemento básico.  Otros: fo:block-container, fo:list-block (listas), fo:table, fo:table-and-caption (tablas), etc.  fo:block puede contener texto o elementos de formateo de objetos: fo:external-graphic, fo:inline, fo:page-number, fo:footnote e incluso nuevos elementos fo:block. Flujo de contenido

Bloques XSLFO  XSLFO define una serie de áreas rectangulares o cajas (boxes).  Áreas de tipo bloque, línea, áreas dentro de línea, etc.  Las áreas de tipo bloque o dentro de línea se definen mediante elementos XSLFO, mientras que las de tipo línea son generadas por el formateador según son necesarias.  El motor de renderización normalmente decide automáticamente el lugar y tamaño de las diferentes áreas que componen el documento.  Sin embargo siempre se pueden definir propiedades de posición tanto relativa como absoluta, de tamaño, de separación, etc. dentro de una página.  Por defecto las áreas no se solapan, aunque se puede forzar para que ocurra.

 Por cada caja o área se distinguen una serie de zonas: Contenido Margen Borde Relleno Contenido Bloques XSLFO (II)

 A partir de aquí XSLFO se convierte en un lenguaje de descripción y composición de salida al igual que lo puede ser HTML, LATEX, etc.  Con gran variedad de elementos (tablas, listas, símbolos, etc.) y atributos (márgenes, estilos, colores, etc.) Bloques XSLFO (III)

 Existen multitud de propiedades de formateo con la misma sintaxis que en CSS  Las propiedades se pueden aplicar a los bloques o cualquier elemento  Son heredadas en elementos descendientes  Ejemplo de clase CSS: dish { display: block; font-family: Helvetica, Arial, sans-serif; font-size: 20pt; font-weight: bold; text-align: center }  Equivalente aplicado a un bloque renderizado desde template XSLT: <fo:block font-family="Helvetica, Arial, sans-serif" font-size="20pt" font-weight="bold" text-align="center"> Propiedades

 En algunas ocasiones las propiedades de CSS se traducen en elementos FO  El ejemplo son las listas. Los elementos necesarios para formar una lista son: • Primer elemento • Segundo elemento Propiedades (II)

 Un procesador XSLFO es un programa que formatea documentos XSLFO generando una salida.  La mayoría de los procesadores XSLFO permiten transformar a formatos PDF y formatos de calidad de impresión así como otros tipos de formatos, incluso HTML.  También existen IDEs que permiten diseñar composiciones de salida de manera gráfica generando los elementos XSLFO automáticamente.  XSL Formatter, Scriptura, XMLSpy, Stylus Studio, etc. Procesadores XSLFO

 Partiremos de ejemploFO.xsl y lo modificaremos para que sólo nos saque con formato “ principal ” el primer capítulo y el resto con formato “ apaisada2columnas ”  Adecentaremos primero el código definiendo dos variables globales “ fragmentoEncabezado ” y “ fragmentoPie ” que contengan respectivamente los elementos   Igualmente crearemos un template para “ parrafo ” extrayendo su contenido fuera  Para indicar a qué tipo de página asociamos cada page-sequence dentro del template del capítulo usaremos una variable local “ tipoPaginaCuerpo ” Ejercicio