El Lenguaje XML y las Bases de Datos Espaciales

Tamaño: px
Comenzar la demostración a partir de la página:

Download "El Lenguaje XML y las Bases de Datos Espaciales"

Transcripción

1 El Lenguaje XML y las Bases de Datos Espaciales Módulo: XML Profesor: Abraham Gutiérrez Rodríguez Doctorado curso

2 Antecedentes del XML Desde 1986 existe un estándar internacional que hace lo que XML pretende hacer, de hecho, hace más que XML en muchos aspectos. Su nombre es SGML ( (Standard Generalized Markup Language) ) o lo que es lo mismo ISO SGML se desarrolló para proporcionar un método de identificación de las partes y del contenido de un documento en base al tipo de información de su interior. SGML es un conjunto de reglas para la definición de lenguajes de marcado. XML: 2

3 Usos del SGML SGML se crea para mantener almacenes de documentación estructurada en formato electrónico. SGML fue adoptado por la Hacienda Pública y el DoD de los EE.UU. Exigiendo que todos sus contratos lo incorporaran. Grandes corporaciones internacionales comienzan a utilizarlo como base para la estructuración de sus bases documentales. SGML fue utilizado por TBL como modelo para la creación del HTML. XML: 3

4 Qué es XML? XML ( (extensible Markup Language) ) es un estándar del W3C ( (World orld Wide Web Consortium). XML es un subconjunto propio de SGML. Decrementado en su complejidad, pero manteniendo gran parte de su potencia y versatilidad. Es una adaptación a su distribución por la Red. XML es un lenguaje para la definición de lenguajes de marcas. Es un metalenguaje, pues define un marco flexible para poder generar nuestros propios lenguajes de marcas. XML ha sido creado para estructurar, almacenar y enviar información. XML: 4

5 Filosofía de XML La filosofía central de XML reside en la división del documento en sus tres componentes principales: El contenido: : la información del documento. La estructura: : el tipo y la organización de los elementos componentes del documento. La presentación: : la manera en que la información es presentada al lector. XML: 5

6 Cuáles son las reglas de XML? XML será directamente utilizable en Internet. XML soportará una amplia variedad de aplicaciones. XML será compatible con SGML. Será fácil escribir programas que procesan documentos XML. El número de características opcionales en XML debe mantenerse en un mínimo absoluto, idealmente cero. Los documentos XML deberán ser legibles por humanos y resultar razonablemente claros. El diseño de XML deberá ser preparado rápidamente. El diseño de XML será formal y conciso. Los documentos XML serán fáciles de crear. El laconismo en las etiquetas XML es de importancia mínima. XML: 6

7 Una familia de tecnologías Su objetivo consiste en crear una serie de tecnologías que trabajen juntas, originando un conjunto extensible de controles de formato de documentos que permita la reutilización de definiciones de documento para cualquier combinación de documentos y necesidades. XML es una familia de tecnologías: XML, DTD, XLink, XPointer, XPath, CSS, XSL, XML Namespaces, XML Schemas, XQL, canonical XML, XHTML, XMLDS... XML: 7

8 Una familia de tecnologías XML (versión 1.0): Identifica los requisitos de un documento XML bien formado, así como el origen y los objetivos del XML. DTD: : Una definición de tipo de documento (Document Type Definition) ) contiene las reglas por las que es posible validar la información de un documento XML. XML: 8

9 Una familia de tecnologías XLink (XML Linking Language,, anteriormente conocido como XLL): define la forma en que los documentos XML deben enlazarse entre sí. XPointer: : describe cómo debe apuntarse a un lugar específico dentro de un documento. XPath: : proporciona un medio estándar de hacer referencia a direcciones y ubicaciones dentro de documentos XML así como de manipulación y comparación de cadenas, números y valores booleanos. XML: 9

10 Una familia de tecnologías CSS (Cascading Style Sheets): define un modelo de formato visual con controles avanzados para medios paginados e impresos. XSL (extensible Stylesheet Language): es un lenguaje diseñado específicamente para la creación de hojas de estilo con páginas XML. Se compone de: Un conjunto de propiedades y controles de formato para presentar la información de los documentos XML. XSLT ( (XSLXSL Transformations): define la sintaxis y la semántica que se utiliza para convertir documentos XML. XML: 10

11 Una familia de tecnologías XML Namespaces: : Proporciona las reglas para asociar nombres de elementos y atributos de XML a conjuntos de vocabularios identificados previamente. xml-names / XML Schemas: : permiten incorporar más funcionalidad en los documentos XML de la que proporcionan actualmente las DTD XML: 11

12 Una familia de tecnologías XQL (XML Query Language): proporciona un modelo de datos para su utilización con documentos XML, así como un lenguaje de consulta y un conjunto de operadores completos para el modelo de datos. req/ Canonical XML: : el XML canónico crea un subconjunto del documento XML original que se puede comparar con otro documento que utilice una sintaxis igual o similar. XML: 12

13 Una familia de tecnologías XHTML (extensible Hipertext Markup Language): es una reformulación de la especificación 4.0 de HTML existente en forma de módulos que siguen las reglas impuestas por la especificación XML. XMLDS (XML Digital Signatures): describe las reglas de procesado y la sintaxis para la presentación de firmas digitales dentro de documentos XML. XML: 13

14 DOM 3 XPointer XLink XUC RDF SMIL CSS2 W3C XSLT DOM XML XML Schema (Structures) XML Schema (Datatypes) XQR XSL XQuery MathML XHTML XPath XML Namespaces XQDM SVG XInclude XQA Recommendations Candidate Recommendations Working Drafts XML: 14

15 Recommendations El Lenguaje XML y las Bases de Datos Espaciales Una familia de tecnologías XML (extensible Markup Language) v1.0 (Second Edition) XML Schema Part1: Structures XML Schema Part2: Datatypes XHTML Basic (extensible HyperText Markup Language) DOM Level 2 (Document Object Model) XSLT (XSL Transformations) Xpath (XML Path Language) RDF (Resource Description Framework) Namespaces en XML SMIL (Synchronized Multimedia Integration Language) CSS2 (Casacading Style Sheets) XML: 15

16 Una familia de tecnologías Proposed and Candidate Recommendations Xlink (XML Linking Language) XSL (extensible Stylesheet Language) SVG (Scalable Vector Graphics) Working Drafts Xinclude (XML Inclusions) Xpointer (XML Pointer Language) DOM Level 3 Xquery (A Query Language for XML) XML Query Requirements XML Use Cases XML Query Data Model XML Query Algebra XML: 16

17 Software de XML Analizadores sintácticos no validadores: : solamente verifica que el documento XML está bien formado. Tanto IE6 como NN7 integran estos analizadores como parte integral de sus componentes sw. Expat, Lark, XP, TclXML, XML Testbed, RUWF Analizadores sintácticos validadores: : realizan las tareas adicionales de verificar el contenido de un documento XML respecto a una DTD. LT XML, XML4Java, MS XML, MXL Checker Editores: : XMetal, XML Spy, XML Authority XML: 17

18 Software de XML Interfaces de programación de aplicaciones (API, Application Programming Interface): DOM (Document Object Model): proporciona un método independiente de la plataforma y del lenguaje que permite a los lenguajes de programación y de script tener acceso y actualizar el contenido, la estructura y las hojas de estilo asociadas a un documento XML. SAX (Simple API for XML): es un parser orientado a eventos, en un momento dado sólo se puede acceder al elemento que actualmente se está procesando. XML: 18

19 XML bien formado DTD Analizador Analizador estándar estándar bien formado y válido CSS XSL XSLT Analizador Analizador validador validador Agente Agente Transf. Transf. Árbol Árbol de de análisis análisis Visualización Visualización Nuevo Nuevo documento documento XML: 19

20 Áreas de Aplicación Banca en Línea ( (Online Banking) Canales ( (Push Push Technology) Automatización Web ( (Web Web Automation) Publicación de Base de Datos ( (Database Publishing) Distribución de Software ( (Software Distribution) Corporaciones Usuarias Microsoft, Netscape, Sun Microsystems, Adobe, IBM, Corel, Hewlett-Packard... XML: 20

21 Ejemplos de XML Dentro del mundo de las denominadas tecnologías push CDF: Channel Definition Format Dentro del mundo del comercio electrónico OTP: Open Trading Protocol OFX: Open Financial exchange Dentro del mundo científico MML: Matematical Markup Language CML: Chemical Markup Language XML: 21

22 Ejemplos de XML Dentro de la distribución de software OSD: Open Software Distribution Dentro de la automatización Web WIDL: : Web Interfaz Definition Language Dentro de la localización en Web OTI: Open Tag Initiative (localización) Dentro del intercambio de Datos FFI: : Lotus Notes Flat File Initiative XML: 22

23 Push Technology (CDF) <?XML version="1.0"?> <CHANNEL HREF=" <SELF HREF=" /> <ABSTRACT> The Microsoft Channel Guide showcases the top content partners in the industry and lets you search for channels from around the world. Use it to find and add great content to your channel bar. </ABSTRACT> <SCHEDULE> <INTERVALTIME DAY = 1 /> </SCHEDULE> </CHANNEL> XML: 23

24 Online Banking (OFX) <?XML version="1.0"?> <STATEMENTREQUEST> <BANKACCOUNT> <BANKID>123456</ BANKID> <ACCOUNTID>9999</ACCOUNTID> <ACCOUNTTYPE>CHECKING</ ACCOUNTTYPE > </BANKACCOUNT> </STATEMENTREQUEST> XML: 24

25 Software Distribution (OSD) <?XML version="1.0"?> <SOFTPKG HREF= NAME= { ECBD ECBD-11CF-8B85-00AA005B4383} VERSION= 4,72,2106,8 STYLE= ActiveSetup > <IMPLEMENTATION> <LANGUAGE VALUE= sp /> <PROCESSOR VALUE= x86 /> <OS VALUE= winnt /> </IMPLEMENTATION> XML: 25

26 Scientific Publishing (CML) <?XML version="1.0"?> <MOLECULE> <ATOMS> <LOCATIONS> <X COORDS VALUE= /> <Y COORDS VALUE= /> </LOCATIONS> </ATOMS> <ELEMENTS>C H H H H C C C</ELEMENTS> </MOLECULE> XML: 26

27 XML vs HTML HTML es una instancia concreta de SGML, un conjunto de etiquetas definidas específicamente para visualizar páginas Web. HTML es un lenguaje de marcas fijo, que ha cambiado el mundo, pero su mayor inconveniente es que gran cantidad de información útil se pierde cuando los datos se convierten al formato HTML. No es útil en lo que se refiere a la descripción de la información. XML pretende preservar la información útil, para poder realizar un uso más inteligente de la misma. XML: 27

28 XML vs HTML XML no es el substituto de HTML. XML y HTML están diseñados para cumplir diferentes propósitos: XML ha sido diseñado para describir los datos y se centra en indicar qué información contiene un documento. HTML ha sido diseñado para mostrar datos y se centra en la apariencia de la información. HTML muestra información mientras que XML describe la información. XML: 28

29 XML vs HTML <!-- HTML --> <!-- XML --> <h1>factura Factura</h1> <p>de : Pepe</p> <p>a a :Juan</p> <p>fecha : 1/02/1999</p> <p>cantidad:1000 ptas</p> <p>i.va.:16% i.va.:16%</p> <p>total : 1160 ptas</p> <?xml version= 1.0 > <factura> <de>pepe Pepe</de> <a>juan Juan</a> <fecha dd= 1 mm= 02 yy= /> <cant. moneda= ptas ptas >1000</cant.> <iva>16 16</iva> <total moneda= ptas ptas >1160</total> </factura> XML: 29

30 Componentes de un documento XML Los documentos XML se componen de etiquetas de marcado y de contenido. Todo texto que no sea marcación constituye los datos de caracter del documento. Posibles etiquetas de marcado: Elementos ( elements) (elements Referencias a entidades ( (entity entity references) Comentarios Instrucciones de procesamiento ( (processing instructions) Secciones CDATA Definiciones de tipo de documento (DTD) XML: 30

31 Componentes de un documento XML Elementos Son las etiquetas principales de la arquitectura de XML. La mayoría están orientados a contener datos u otros elementos. Identifican y determinan la naturaleza del contenido que encierran. Su formato es el siguiente: <etiqueta>contenido contenido</etiqueta> ó <etiqueta/> (para etiquetas vacías) XML: 31

32 Componentes de un documento XML Elementos: asignación de atributos Son piezas de información, típicamente pequeñas, que están asociados con los elementos XML que aumentan la semántica de las etiquetas. Siempre aparecen en la etiqueta de inicio de un elemento. Los valores han de ir encerrados por comillas dobles. <etiqueta atributo_1= valor_1 valor_1 : : : atributo_n= valor_n valor_n /> XML: 32

33 Componentes de un documento XML Referencia a entidades Las entidades son unidades de texto, desde un solo carácter a todo un documento. También se utilizan para introducir caracteres especiales sin confundir al parser XML. & <nombre_entidad> ; XML v1.0 sólo admite cinco entidades de carácter: & &apos; > < y " XML: 33

34 Componentes de un documento XML Comentarios Mantienen la misma forma que los comentarios definidos en HTML, es decir: <!-- esto es un comentario --> No forman parte del contenido textual de los documentos XML. No se permite la anidación de comentarios. No pueden dividir etiquetas de un mismo elemento. No se pueden incluir comentarios dentro de las etiquetas. XML: 34

35 Componentes de un documento XML Secciones CDATA A veces un documento contiene gran cantidad de caracteres considerados especiales por el XML, a través de las secciones CDATA se pueden aislar dichos contenidos. Estas secciones indican al parser que ignore todos los caracteres de marcas contenidos en ellas. <![CDATA[ contenido ] ]> XML: 35

36 Componentes de un documento XML Instrucciones de Procesamiento (PI s) Son mecanismos usados para almacenar información específica de aplicaciones en un documento SGML. Proveen de un mecanismo para poder hablar con otras aplicaciones. No forman parte del contenido textual del documento XML, pero los parsers están obligados a pasarlas a las aplicaciones finales. <?nombre datopi?> XML: 36

37 Componentes de un documento XML Documento de declaración de tipos Proporcionan un mecanismo para definir reglas que nos permiten describir restricciones en la estructura lógica de los documentos XML. Un documento de XML es válido si tiene un asociada una declaración de tipo de documento y es conforme con las restricciones que en ella se expresan. También nos permiten especificar las entidades a utilizar dentro del documento. La forma de asociar un DTD a un documento es: <!DOCTYPE nombre SYSTEM PUBLIC fichero.dtd > <!DOCTYPE nombre SYSTEM PUBLIC fichero.dtd [...[...]> XML: 37

38 Creación de Documentos XML Reglas de buena formación de un documento: La declaración XML debe ser la primera línea del documento. <?xml version= 1.0?> Debe existir un elemento raíz que contiene al resto de elementos del documento. Los elementos deben tener etiquetas de apertura y cierre si poseen contenido*. Los elementos no pueden solaparse, pero sí anidarse. No se pueden utilizar los caracteres especiales < y & como contenido del documento*. XML: 38

39 Creación de Documentos XML Reglas de buena formación de un documento: La declaración <?xml...?> es la forma en la que se identifica un documento XML. Su sintaxis completa es: <?xml version= versión [encoding = juego_de_caracteres ] [standalone= yes no ]?> <?xml version= 1.0 encoding= ISO standalone= yes?> XML: 39

40 Creación de Documentos XML Reglas de buena formación de un documento: nombres de elementos : Debe comenzar por una letra o un guión de subrayado. Después puede continuar con cualquier combinación de letras, números, puntos y guiones de subrayado. Dentro de un nombre de elemento no pueden aparecer espacios en blanco o cualquier otro tipo de carácter. Los nombres de elemento de XML distinguen entre mayúsculas y minúsculas. <_elemento.01>... </_elemento.01> XML: 40

41 Creación de Documentos XML Reglas de buena formación de un documento: nombres de atributos: Debe comenzar por una letra o un guión de subrayado y continuar con cualquier combinación de letras, números, puntos y guiones de subrayado. No pueden contener espacios en blanco o cualquier otro tipo de carácter. Los nombres de atributo de XML distinguen entre mayúsculas y minúsculas. Los valores deben aparecer entrecomillados. No pueden existir dos atributos con el mismo nombre dentro de una misma etiqueta. <elemento _atributo.01= valor valor >... </elemento> XML: 41

42 Creación de Documentos XML Cuándo utilizar atributos? Los atributos representan una forma de agregar metadatos a los elementos. Los atributos no son extensibles. Los atributos no poseen estructura. Los atributos pueden provocar ambigüedad. En general es necesario utilizar XSLT para mostrarlos en navegadores convencionales. Por convenio, el texto debe aparecer en los elementos y los atributos deben contener información sobre el marcado o sobre el texto. XML: 42

43 Creación de DTD s Un DTD ( (Document Type Definition) ) es una definición de tipo de documento y contiene las reglas por las que es posible validar la información de un documento XML. Proporciona los controles, definidos utilizando gramática BNF, necesarios para identificar los elementos válidos para un documento en particular y los atributos válidos para su utilización dentro de esos elementos. En una DTD aparece una lista de todos los elementos, atributos, notaciones y entidades que se pueden utilizar en un documento XML. XML: 43

44 Creación de DTD s Hay cuatro tipos de declaraciones en los DTD s: Declaraciones de tipo de elemento (element type). Identifican los nombres de los elementos y la naturaleza de su contenido. Declaraciones de listas de atributos (attribute attribute list). Identifican los atributos de cada uno de los elementos de nuestro documento y la naturaleza de su contenido. Declaraciones de entidades entity). (entity Permite definir las entidades válidas para nuestro documento. Declaraciones de notación. XML: 44

45 Creación de DTD s Declaración de Elementos El parser necesita conocer de cada elemento, su nombre, el modelo de su contenido (se define en notación BNF) y los atributos asociados: <!ELEMENT nombre (ele_1,ele_2,ele_3,... ele_1,ele_2,ele_3,...)> <!ELEMENT nombre EMPTY ANY * #PCDATA) #PCDATA)> modificadores: valores alternativos (o lógica)? 0 ó 1 ocurrencia + 1 ó más ocurrencias * 0 ó más ocurrencias XML: 45

46 Creación de DTD s Declaración de Atributos La lista de atributos tiene cuatro aspectos: el elemento al cual pertenecen, su nombre, el tipo de datos que va a contener y como va a ser tratado por el parser. <!ATTLIST nombre_elemento atributo= valor atributo= lista_de_valores atributo=cdata CDATA ID IDEREF ENTITY NMTOKEN NMTOKEN IDEREFS ENTITYS ENTITYS NMTOKENSNMTOKENS #REQUIRED #IMPLIED #IMPLIED #FIXED valor_por_defecto > XML: 46

47 Creación de DTD s Declaración de Entidades Las entidades representan contenidos y referencias de texto, existen dos formas de definirlas: <!ENTITY nombre valor > <!ENTITY nombre SYSTEM valor > Existen tres tipo de entidades: Internas: : se asocian a una cadena de caracteres. Se sustituyen en el cuerpo del documento, permitiéndonos definir macros. Externas: : se asocian a ficheros externos. Si el contenido es de tipo texto, se sustituyen en el cuerpo del documento; si es de tipo binario no son sustituidas. De parámetro: : utilizadas internamente en los DTD s. XML: 47

48 Creación de DTD s Hay dos formas de indicar que un DTD pertenece a un documento XML. Definiéndolo dentro del mismo documento (DTD interna) <!DOCTYPE nombre SYSTEM PUBLIC fichero.dtd [...[...]> Referenciando un fichero externo al documento (DTD externa) <!DOCTYPE nombre SYSTEM PUBLIC fichero.dtd > Las referencias externas se utilizan principalmente cuando varios documentos XML hacen uso del mismo DTD. XML: 48

49 Hojas de Estilo XML no predefine propiedades de visualización para elementos específicos. No hay capacidades de formato dentro de la sintaxis de las marcas. Las hojas de estilo nos proporcionan el método para indicar cómo se deben mostrar los elementos de un documento XML. Permiten variar la forma en que visualizamos el documento sin necesidad de modificar los contenidos del mismo. XML: 49

50 Hojas de Estilo Existen dos tipos de hojas de estilo disponibles para poder visualizar documentos XSL: CSS: Cascading Style Sheets,, las hojas de estilo en cascada (HEC). XSL: extensible Style Language,, el lenguaje de estilos extensible. Ambas derivan a su vez del DSSSL, que es un estándar internacional sobre lenguajes para hojas de estilo. Son una adaptación del DSSSL-O O para hacerlo más indicado para el trabajo con documentos de la Web. XML: 50

51 Hojas de Estilo XSL Utiliza notación XML. El árbol objeto del formato puede ser totalmente diferente del árbol fuente. La herencia de propiedades de formato se da sobre el árbol destino del formato. Independiza el contenido de un documento de su formato permitiendo transformaciones muy sofisticadas, todo ello sin modificar el documento XML original, que podrá ser utilizado en otros destinos simplemente cambiando sus hojas de estilo. Los cambios en la presentación no afectan a la estructura del documento XML original. Está dirigido a operaciones de formato complejas, que suelen tener fases de transformación del documento XML. CSS Utiliza su propia notación. El árbol objeto del formato es casi siempre el árbol fuente. La herencia de las propiedades de formato se da sobre el árbol fuente. La estructura de un documento XML es idéntica a la estructura de su presentación, es decir, todos sus componentes de aparecer en la presentación (pueden no aparecer), lo harán en el orden en que se definen dentro del documento XML. La mayoría de los cambios necesarios en la estructura de la presentación llevarán consigo asociados cambios del contenido del documento XML original. Está más orientado a operaciones de formatos sencillas para el tratamiento de documentos online. XML: 51

52 Hojas de Estilo Resumiendo, podríamos decir que CSS "decora" el árbol de XML a través de propiedades de formato mientras que XSL lo transforma en un nuevo árbol haciendo uso de un complejo conjunto de instrucciones. De hecho, el árbol generado no tiene ni siquiera porque ser un documento XML, podría ser HTML, RTF, PostScript... XML: 52

53 Hojas de Estilo Algunas de las realizaciones extras de XSL incluyen: generación de etiquetas de texto para datos, composiciones complejas utilizando elementos HTML, aparición de datos en más de una ocasión a lo largo de la presentación, acceso a la información almacenada en los atributos de los elementos, reordenación de los datos, comportamientos dinámicos... XML: 53

54 Hojas de Estilo (CSS) Las Hojas de Estilo en Cascada CSS- son un estándar desarrollado por el W3C para hacer que las páginas Web tuvieran mayores capacidades a la hora de ser visualizadas, sin necesidad de añadir al HTML estándar nuevas etiquetas de formato. Actualmente existen dos versiones disponibles como estándares oficiales, CSS1 y CSS2. Y se está desarrollando una nueva versión denominada CSS3 (es actualmente un documento de trabajo - working draft). XML: 54

55 Hojas de Estilo (CSS) Las ventajas del uso de hojas de estilo CSS son tres principalmente: posibilidades adicionales para el formato/presentación, un mayor control sobre el documento y mayor facilidad en la personalización de los documentos. Entre otras funcionalidades, las hojas de estilo nos permiten la utilización de márgenes, sangrías, diferentes fuentes, tamaños, colores de fondo... XML: 55

56 Hojas de Estilo (CSS) Una hoja de estilos CSS consiste en un conjunto de reglas que se aplican a diferentes elementos componentes del documento XML/HTML que se quiere visualizar: Un selector.. Es el elemento al cual se va a aplicar el estilo. Una declaración.. Describe las propiedades que conforman el estilo. XML: 56

57 Hojas de Estilo (CSS) El selector más simple dentro de un documento XML es cualquiera de los elementos componentes definidos por el usuario (en el caso de estar trabajando con HTML sería cualquiera de sus etiquetas). Este selector estará seguido por una lista de propiedades que se aplicarán a dicho elemento/etiqueta, englobadas dentro de un par de llaves "{"" " y "}"." ". XML: 57

58 Hojas de Estilo (CSS) Cada propiedad se identifica por un par del tipo: nombre_propiedad : valor las diferentes propiedades a aplicar a un mismo elemento/etiqueta se separan por puntos y coma (";"). Etiqueta { Nombre_propiedad_1: Valor_1; Nombre_propiedad_2: Valor_2; Nombre_propiedad_3: Valor_3;... Nombre_propiedad_n: Valor_n; } XML: 58

59 Hojas de Estilo (CSS) Opciones de sintaxis: Agrupando definiciones selector1, selector2,..., selectorn {...} Definiendo el contexto de los selectores elemento_superior elemento_inferior {...} elemento_padre > elemento_hijo {...} Clases como selectores* selector.clase {...} ó.clase {...} Identificativos como selectores* #identificativo {...} ó selector#identificativo {...} XML: 59

60 Hojas de Estilo (CSS) Algunas propiedades ( (de de posición): position: : Define el posicionamiento de los diferentes elementos respecto a los demás. Posibles valores: absolute, relative, fixed, static, inherit top, left y right: : Coordenadas donde situar un elemento. En entero. display: Indica cómo debe mostrarse un elemento dentro de un contenedor. Posibles valores: : none, normal, inline, block, list-item, item, table... XML: 60

61 Hojas de Estilo (CSS) Algunas propiedades ( (de de tipo de letra): font-size size: : Tamaño de la letra. En entero o porcentaje. Posibles valores: xx-small, x-small, x small, medium, large, x-large, x xx-large, smaller, larger (respecto( del anterior definido). font-weight weight: : Peso de la letra. En entero o porcentaje. Posibles valores: : normal, bold, bolder, lighter. font-style style: : Estilo del tipo de letra (negrita, itálica, etc.). Posibles valores: : normal, italic, oblique. font-family family: : Familia de tipos de letra genérica. Posibles valores: serif, sans-serif serif, cursive, fantasy, monoespace. font: : Genérico para definir los anteriores en una sola propiedad. XML: 61

62 Hojas de Estilo (CSS) Algunas propiedades ( (de de color y fondo): color: : Color del elemento. Posibles valores: nombre del color, valores RGB (en hexadecimal o en decimal). red, #FF0000, #F00, rgb(255,0,0) background-color color: : Color de fondo del elemento. Posibles valores: nombre del color, valores RGB (en hexadecimal o en decimal). background-image image: : Imagen de fondo del elemento. Posibles valores: : URL del recurso que tiene la imagen o none para indicar que no se requiere imagen de fondo. url(./ (./imagen.gif) XML: 62

63 Hojas de Estilo (CSS) Algunas propiedades ( (de de texto): word-spacing spacing: : Espaciado entre palabras del texto. letter-spacing spacing: : Espaciado entre letras. text-decoration decoration: : Estilo especial para el texto. Posibles valores: : none, underline, overline,, line-through. vertical-align align: : Alineación vertical. Posibles valores: baseline, sub, super, top, text-top, top, middle, Bottom. text-transform transform: Efectos sobre un grupo de texto. Posibles valores: capitalize, uppercase, lowercase, none. text-align align: : Alineación horizontal de elementos de texto. Posibles valores: : left, right, center,, justify. text-indent indent: : Sangrado del texto. Valor entero. XML: 63

64 Modelo de formato: Hojas de Estilo (CSS) margin border padding Content Anchura del elemento Anchura de la caja XML: 64

65 Modelo de formato: Hojas de Estilo (CSS) top margin < top top border top padding inner top > left margin left border left padding Content right padding right border right margin ^ left outer edge bottom padding < inner bottom bottom border bottom margin bottom > ^ right outer edge XML: 65

66 Hojas de Estilo (CSS) Algunas propiedades ( (de de cuadro): margin (margin-left, margin-right, right, margin-top top, margin- bottom: : Valores para los diferentes márgenes de la página. En entero o porcentaje. padding (padding-left, padding-right, padding-top, padding-bottom bottom: : Espaciado entre el margen y el elemento. En entero o porcentaje. width: : Anchura de la zona del elemento. En entero o porcentaje. height: : Altura de la zona del elemento. En entero o porcentaje. XML: 66

67 Hojas de Estilo (CSS) Algunas propiedades ( (de de cuadro): border-style style: : Estilo del borde del elemento. Posibles valores: : none, dotted, dashed, solid, double, groove, ridge. border-width width: : Anchura del borde. Entero o porcentaje. Posibles valores: : thin, medium, thick. border-color color: : Color del borde. border: : Define los valores anteriores de borde. XML: 67

68 Hojas de Estilo (CSS) Algunas propiedades ( medidas): (medidas pt: : Puntos pc: : Picas mm: : Milímetros cm: : Centímetros in: : Pulgadas px: : Píxeles XML: 68

69 Hojas de Estilo (CSS) Hojas de estilo externas: Documento XML Documento Documento CSS Documento CSS CSS Procesador CSS Documento XML +Formato <?xml xml-stylesheet type = "text/css css" " "text/xsl xsl href = "URL de la hoja de estilos"?> XML: 69

70 Hojas de Estilo (CSS) Hojas de estilo externas ( ejemplo): (ejemplo <?xml version="1.0" encoding="iso "?> <?xml-stylesheet type="text/css" href="xml-1-css.css"?> <listin> <contacto> <nombre>carlos</nombre> <apellidos>carcedo de Pero Sanz</apellidos> <domicilio> <direccion tipo="avenida">galapagar nº9 2ºD</direccion> <provincia>madrid</provincia> <cod_postal>28007</cod_postal> </domicilio> <telefono1 tipo="fijo" clase="personal"> </telefono1> <telefono2 tipo="movil"> </telefono2> <fax></fax> < >carcedo@sarao.es</ > </contacto> </listin> XML: 70

71 Hojas de Estilo (CSS) Hojas de estilo externas ( ejemplo): (ejemplo listin { display: block; border: 2px solid black; padding: 1em; background-color: #555555; color: #FFFFDD; font-family: Arial, Helvetica, sans-serif; font-style: italic; text-align: center; } contacto domicilio { display: block; font-size: small; font-style: bold; width: 30em; } XML: 71

72 Hojas de Estilo (CSS) Hojas de estilo externas ( ejemplo): (ejemplo XML: 72

73 Hojas de Estilo (CSS) Hojas de estilo internas: Documento XML Documento CSS Embebido Procesador CSS Documento XML +Formato <elemento-raíz xmlns:html=" :HTML=" XML: 73

74 Hojas de Estilo (CSS) Hojas de estilo internas ( ejemplo): (ejemplo <?xml version='1.0' encoding="iso "?> <?xml-stylesheet type="text/css"?> <listin xmlns:html=" <HTML:STYLE> listin { display: block; border: 2px solid black; padding: 1em; background-color: #555555; color: #FFFFDD; font-family: Arial, Helvetica, sans-serif; font-style: italic; text-align: center; } contacto domicilio { display: block; font-size: small; font-style: bold; width: 30em; } </HTML:STYLE> <contacto>... </contacto> </listin> XML: 74

75 Hojas de Estilo (CSS) Hojas de estilo internas ( ejemplo): (ejemplo XML: 75

76 Hojas de Estilo (CSS) La lista completa de propiedades del estándar de CSS se encuentra en el documento "Cascading" Style Sheets, Level 1" y "Cascading" Style Sheets, Level 2" del W3C cuyas direcciones son las siguientes: css1.html css2.html XML: 76

77 Hojas de Estilo (XSL) Documento XML Documento HTML Documento XSL Procesador XSL XML: 77

78 Hojas de Estilo (XSL) Estructura de un documento XML: Documento XML Elemento Raíz Elemento Elemento Hijos XML: 78

79 Hojas de Estilo (XSL) Conceptos: Regla o plantilla: : es el bloque básico de construcción del XSL; define los patrones de elementos sobre los que la regla se aplica y el modo en que las marcas/etiquetas deben ser formateadas o modificadas. Existe una regla especial que se aplica al elemento raíz del documento, reglas específicas para los diferentes marcas/etiquetas y reglas por defecto que se aplican a todas aquellas marcas/etiquetas que no son gobernadas por otras reglas. XML: 79

80 Hojas de Estilo (XSL) Conceptos: Patrón: : es la parte de una regla XSL que especifica la marca/etiqueta dentro de un documento que será formateada o modificada. Acción: : es la parte de una regla XSL que especifica cómo el patrón debe ser formateado o modificado. XSL nos permite diseñar plantillas en las que definimos cómo es la salida que esperamos obtener al procesar el documento XML fuente. Cada plantilla define un patrón que identifica los elementos del árbol fuente a tratar y el árbol resultado que se debe generar. XML: 80

81 Hojas de Estilo (XSL) Conceptos: La hoja de estilos XSL más básica contiene una plantilla de la estructura que se desea obtener e identifica los datos del documento fuente que deben ser insertados en esta plantilla ( (template-driven). XSL también proporciona capacidades para el manejo de información altamente irregular y recursiva típica de muchos otros documentos ( (data-driven). Se definen múltiples plantillas y el procesador XSL combina los fragmentos resultado de estas plantillas en un árbol de salida final, basado en la estructura de los datos fuente. XML: 81

82 Hojas de Estilo (XSL) Conceptos: La estructura básica las plantillas XSL tiene un elemento de inicio, un cuerpo que compone la plantilla y que se utilizará en caso de que se produzca el emparejamiento y/o selección sobre un nodo del documento fuente (dentro del cuerpo se pueden anidar otros elementos XSL) y un elemento de cierre. <apertura del elemento XSL> Cuerpo de la PLANTILLA </cierre del elemento XSL> XML: 82

83 Hojas de Estilo (XSL) Los patrones XSL: Son una sintaxis simple y concisa para identificar nodos en un documento XML, basándose en los tipos de nodos, su nombre, su contenido y el contexto en el que se dan (teniendo en cuenta sus relaciones con otros nodos dentro del árbol que representa al documento XML). XSL nos proporciona una gramática a través de la cual los resultados generados por las consultas, realizadas con los patrones XSL, se asocian a plantillas que describen la materialización de los datos del documento XML fuente en un nuevo documento. XML: 83

84 Hojas de Estilo (XSL) Los patrones XSL: Cada elemento del documento XML fuente es comparado con los patrones definidos en el documento XSL y en el caso de que coincidan con alguno de ellos son incorporados al árbol de resultado que se genera como respuesta. Este árbol de resultado suele estructurarse como un documento HTML cuya función es visualizar ciertos contenidos del documento XML original, si bien, también puede dar como resultado documentos PostScript,, RTF (Rich Text Format), o documentos definidos en cualquier otro lenguaje de marcas distinto de XML. XML: 84

85 Hojas de Estilo (XSL) Los patrones XSL: Su sintaxis es muy similar a la utilizada en los sistemas de ficheros basados en jerarquías de directorios, o a la empleada en la definición de las URL s dentro de un navegador Web.../predecesor/elemento elemento/sucesor/.. Lo más habitual es que estos caminos de localización, comiencen por el nodo raíz del documento, pero también se permite que comiencen en un nodo distinto del nodo raíz ( (nodo nodo contexto). XML: 85

86 Hojas de Estilo (XSL) Los patrones XSL: <?xml version='1.0' encoding="iso "?> <listacompras> <cliente> <nombre>ricardo Tapia</nombre> <dni> </dni> </cliente> <producto> <nombre>ternera</nombre> <cantidad unidad="kg.">3</cantidad> <distribuidor NIF="Q I"> <nombre>distribuciones Cárnicas S.L.</nombre> </distribuidor> </producto> <producto> <nombre>jamón Cocido</nombre> <cantidad unidad="gr.">500</cantidad> </producto> <producto CAD="01/12/00"> <nombre>judias Verdes</nombre> <cantidad unidad="kg.">2</cantidad> </producto> </listacompras> XML: 86

87 Hojas de Estilo (XSL) Los patrones XSL: Patrón: nombre listacompras listacompras cliente nombre cliente nombre producto nombre producto nombre distribuidor nombre distribuidor nombre listacompras cliente nombre producto nombre distribuidor nombre XML: 87

88 Hojas de Estilo (XSL) Los patrones XSL: Patrón: producto/nombre listacompras cliente nombre producto nombre distribuidor nombre Patrón: listacompras/producto[0] listacompras producto producto producto XML: 88

89 Hojas de Estilo (XSL) Los patrones XSL: Patrón: /listacompras/*/nombre listacompras cliente nombre producto nombre distribuidor nombre XML: 89

90 Hojas de Estilo (XSL) Los patrones XSL: Patrón: /listacompras/producto[distribuidor] listacompras producto nombre cantidad producto distribuidor nombre cantidad XML: 90

91 Hojas de Estilo (XSL) Los patrones XSL: Patrón: producto[distribuidor="districarne DistriCarne"] Patrón: Patrón: Patrón: Patrón: //NOMBRE Patrón:.//NOMBRE Patrón: producto[$any any$ $ nombre="judias Verdes"] Patrón: producto[$all all$ $ nombre="judias Verdes"] XML: 91

92 Hojas de Estilo (XSL) Los patrones XSL: Operador Sintaxis Alternativa Descripción and $and$, && Y Lógica or $or$, O Lógica not() $not$ Negación = $eq$ $ieq$ * Igual Igual (no sensitivo may/min)!= * $ne$ $ine$ * No igual No igual (no sensitivo may/min) < * $lt$ $ilt$ * Menor que Menor que (no sensitivo may/min) <= * $le$ $ile$ * Menor o igual que Menor o igual que (no sensitivo may/min) > * $gt$ $igt$ * Mayor que Mayor que (no sensitivo may/min) >= * $ge$ $ige$ * Mayor o igual que Mayor o igual que (no sensitivo may/min) + Suma - Resta div División en coma flotante (IEEE 754) * Multiplicación mod Resto entero de la división *Métodos extendidos para patrones XSL XML: 92

93 Hojas de Estilo (XSL) Los patrones XSL: Patrón: producto[not not(distribuidor) and cantidad] listacompras producto nombre cantidad producto distribuidor nombre cantidad XML: 93

94 Hojas de Estilo (XSL) Elementos XSL: xsl:apply-templates xsl:for-each xsl:sort xsl:attribute xsl:if xsl:stylesheet xsl:call-template xsl:include xsl:template xsl:choose xsl:otherwise xsl:text xsl:comment xsl:output xsl:value-of xsl:copy xsl:param xsl:variable xsl:copy-of xsl:pi xsl:when xsl:element msxsl:script * xsl:with-param xsl:eval * xsl:script * * Extensiones de Microsoft para soporte al manejo de scripts. XML: 94

95 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:stylesheet): Define los espacios de nombres a utilizar. Para poder distinguir los elementos componentes de cada uno de los espacios manejados se utiliza un prefijo. <xsl:stylesheetstylesheet id = "id" extension-element element-prefixes = "prefijos" exclude-result result-prefixes = "prefijos" version = "número" > </xsl xsl:stylesheetstylesheet > XML: 95

96 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:output): Define el tipo de salida asociada a la hoja de estilos. Una hoja de estilos puede contener múltiples elementos de este tipo. <xsl:output method = "xml"" "html" "text" version = nmtoken encoding = "cadena de codificación" /> XML: 96

97 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:include): Permite insertar múltiples hojas de estilo en una hoja de estilos dada. <xsl:include href = cadena /> XML: 97

98 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:template): Comprueba los nodos del documento XML que se ajustan al patrón dado por su atributo match. <xsl:template name = nombre cualificado match = patrón priority= ± 0-9 mode = nombre cualificado > </xsl xsl:template> XML: 98

99 Hojas de Estilo (XSL) Elementos XSL (documento( base): <?xml version="1.0" encoding="iso "?> <?xml-stylesheet type="text/xsl" href="ejemploxsl01.xsl"?> <notas> <alumno convocatoria="ext"> <nombre>carlos</nombre> <apellidos>carcedo de Pero Sanz</apellidos> <num-matricula>j0143</num-matricula> <nota-teoria>8.0</nota-teoria> <nota-practica>9.0</nota-practica> <nota-final>8.5</nota-final> </alumno> <alumno convocatoria="jun"> <nombre>marcos</nombre> <apellidos>gallardo Muñoz</apellidos> <num-matricula>j0192</num-matricula> <nota-teoria>7.8</nota-teoria> <nota-practica>9.2</nota-practica> <nota-final>8.5</nota-final> </alumno> <alumno convocatoria="jun"> <nombre>andrés</nombre> <apellidos>canovas Coutiño</apellidos> <num-matricula>j0215</num-matricula> <nota-teoria>8.5</nota-teoria> <nota-practica>8.5</nota-practica> <nota-final>8.5</nota-final> </alumno> </notas> XML: 99

100 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:template): <?xml version='1.0' encoding="iso "?> <xsl:stylesheet xmlns:xsl=" <xsl:template match="/"> <HTML> <HEAD><TITLE>EjemploXSL01.xsl</TITLE></HEAD> <BODY> <CENTER> <H2>Patrón ajustado con el <U>nodo Raíz</U></H2> </CENTER> </BODY> </HTML> </xsl:template> </xsl:stylesheet> XML: 100

101 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:template): XML: 101

102 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:apply-templates): Seleccionan un conjunto de nodos utilizando la consulta definida en su atributo select.. De no existir dicho atributo se seleccionan todos los hijos del nodo actual. Los nuevos nodos resultado de las consultas pueden a su vez ser destino de posteriores consultas. <xsl:apply-templates select = patrón mode = nombre cualificado > </xsl xsl:apply-templates> XML: 102

103 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:apply-templates): <?xml version='1.0' encoding="iso "?> <xsl:stylesheet xmlns:xsl=" <xsl:template match="/"> <HTML> <HEAD><TITLE>EjemploXSL03.xsl</TITLE></HEAD> <BODY> <CENTER> <H2>Patrón ajustado con el <U>nodo Raíz</U></H2> <xsl:apply-templates /> </CENTER> </BODY> </HTML> </xsl:template> <xsl:template match="notas"> <H3>Patrón ajustado con el <U>nodo Notas</U></H3> <xsl:apply-templates /> </xsl:template> <xsl:template match="alumno"> <H4>Patrón ajustado con el <U>elemento Alumno</U></H4> </xsl:template> </xsl:stylesheet> XML: 103

104 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:apply-templates): XML: 104

105 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:call-template): Permite invocar una plantilla por su nombre. Dicha plantilla, tendrá que tener un atributo name asociado (que será único), no siendo necesario que haga en este caso uso de su atributo match. <xsl:call-template name = nombre cualificado > </xsl xsl:call-template> XML: 105

106 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:call-template): <?xml version='1.0' encoding="iso "?> <xsl:stylesheet xmlns:xsl=" version="1.0"> <xsl:call-template name="alumno"/> <xsl:template name="alumno"> <HTML> <HEAD><TITLE>EjemploXSL03b.xsl</TITLE></HEAD> <BODY> <CENTER> <H2>Patrón denominado: <U>alumno</U></H2> </CENTER> </BODY> </HTML> </xsl:template> </xsl:stylesheet> XML: 106

107 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:call-template): XML: 107

108 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:value-of): No maneja los nodos sino que nos da la posibilidad de insertar los contenidos de los mismos. Devuelve la primera instancia resultado de la consulta sobre el contexto actual que encaje con el valor de su atributo select. <xsl:value-of select = patrón disable-output output-escaping = "yes" "no" > </xsl xsl:value-of> XML: 108

109 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:value-of): <?xml version='1.0' encoding="iso "?> <xsl:stylesheet xmlns:xsl=" <xsl:template match="/"> <HTML> <HEAD><TITLE>EjemploXSL04.xsl</TITLE></HEAD> <BODY> <CENTER> <H2>Patrón ajustado con el <U>nodo Raíz</U></H2> <xsl:apply-templates /> </CENTER> </BODY> </HTML> </xsl:template> <xsl:template match="notas"> <H3>Patrón ajustado con el <U>nodo Notas</U></H3> <xsl:apply-templates /> </xsl:template> <xsl:template match="alumno"> <H4>Patrón ajustado con el <U>elemento Alumno</U></H4> <xsl:value-of /> </xsl:template> </xsl:stylesheet> XML: 109

110 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:value-of): XML: 110

111 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:value-of): <?xml version='1.0' encoding="iso "?> <xsl:stylesheet xmlns:xsl=" <xsl:template match="/"> <HTML> <HEAD><TITLE>EjemploXSL05.xsl</TITLE></HEAD> <BODY> <CENTER> <H2>Listado de Notas</H2> <HR/> <xsl:apply-templates select="notas/alumno"/> <HR/> </CENTER> </BODY> </HTML> </xsl:template> <xsl:template match="alumno"> <P><B>Nombre y Apellidos: </B> <xsl:value-of select="nombre" />, <xsl:value-of select="apellidos" /></P> <P><B>Notas: </B> <xsl:value-of select="nota-teoria" /> --- <xsl:value-of select="nota-practica" /> --- <B><xsl:value-of select="nota-final" /></B></P> </xsl:template> </xsl:stylesheet> XML: 111

112 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:value-of): XML: 112

113 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:for-each): Nos da la posibilidad ser más específicos en nuestros patrones de selección, permitiendo que trabajemos con todas las instancias (nodos) resultado de la consulta contenida en su atributo select. <xsl:for-each select = patrón </xsl xsl:for-each> XML: 113

114 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:for-each): <?xml version='1.0' encoding="iso "?> <xsl:stylesheet xmlns:xsl=" <xsl:template match="/"> <HTML> <HEAD><TITLE>EjemploXSL06.xsl</TITLE></HEAD> <BODY> <CENTER><H1>Listado de Notas</H1></CENTER> <TABLE BORDER="1" ALIGN="CENTER"> <TR ALIGN="CENTER" BGCOLOR="CYAN"> <TD COLSPAN="3">Alumno</TD><TD COLSPAN="3">NOTAS</TD> </TR> <TR ALIGN="CENTER" BGCOLOR="YELLOW"> <TD>Nombre</TD><TD>Apellidos</TD><TD>Matricula</TD> <TD>Teoria</TD><TD>Practica</TD><TD>Final</TD> </TR> <xsl:for-each select="notas/alumno"> <TR ALIGN="CENTER"> <TD><xsl:value-of select="nombre"/></td> <TD><xsl:value-of select="apellidos"/></td> <TD><xsl:value-of select="num-matricula"/></td> <TD><xsl:value-of select="nota-teoria"/></td> <TD><xsl:value-of select="nota-practica"/></td> <TD><B><xsl:value-of select="nota-final"/></b></td> </TR> </xsl:for-each> </TABLE> </BODY> </HTML> </xsl:template> </xsl:stylesheet> XML: 114

115 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:for-each): XML: 115

116 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:sort): Nos da la posibilidad de ordenar los resultados obtenidos al procesar el documento original a través de los elementos <xsl:for-each> y <xsl:apply-templates>. <xsl:sort select = patrón data-type type = text numeric nombre calificado order = ascending descending /> XML: 116

117 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:if): Este patrón no devuelve nuevos nodos o contextos donde realizar posteriores consultas, en su lugar nos permiten comprobar que un nodo específico existe y/o cumple una serie de condiciones. <xsl:if test = expresión booleana </xsl xsl:if> XML: 117

118 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:choose, xsl:when y xsl ): xsl:otherwise): Proporciona comprobaciones condicionales múltiples. <xsl:choose> <xsl:when expr = "expresión de script" language = "nombre de lenguaje" test = expresión booleana > </xsl xsl:when> <xsl:otherwise></ :otherwise></xsl:otherwise> </xsl xsl:choose> XML: 118

119 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:choose, xsl:when y xsl:otherwise otherwise) <xsl:for-each select="notas/alumno"> <TR ALIGN="CENTER"> <TD><xsl:value-of select="nombre"/></td> <TD><xsl:value-of select="apellidos"/></td> <TD><xsl:value-of select="num-matricula"/></td> <TD><xsl:value-of select="nota-teoria"/></td> <TD><xsl:value-of select="nota-practica"/></td> <TD><B> <xsl:choose> <xsl:when test=".[nota-final $ge$ '9.0']"> Sobresaliente</xsl:when> <xsl:when test=".[nota-final $ge$ '7.0']"> Notable</xsl:when> <xsl:otherwise>aprobado</xsl:otherwise> </xsl:choose> </B></TD> </TR> </xsl:for-each> XML: 119

120 Hojas de Estilo (XSL) Elementos XSL (xsl( xsl:choose, xsl:when y xsl:otherwise otherwise) XML: 120

121 Otros elementos XSL Hojas de Estilo (XSL) Existen elementos XSL que permiten la generación de elementos XML dentro del documento destino. Estos son: <xsl:element> <xsl:atribute> <xsl:comment> <xsl:pi> <xsl:text> O para el trabajo con scripts: <xsl:variable> :variable>, <xsl:param> y <xsl:with-param> <xsl:eval> y <xsl:script> XML: 121

122 Bibliografía Charles F. Goldfarb's XML Handbook Fifth Edition Charles F. Goldfarb, Paul Prescod Prentice Hall PTR; 5th edition (November 3, 2003) Definitive XML Application Development Lars Marius Garshol Prentice Hall PTR; 1st edition (May 15, 2002) Definitive XML Schema Priscilla Walmsley Prentice Hall PTR; 1st edition (December 7, 2001) Definitive XSLT and XPath G. Ken Holman Prentice Hall PTR; 1st edition (December 10, 2001) XML: 122

123 más información en la RED XML: 123

Extensible Markup Language

Extensible Markup Language Extensible Markup Language Documentos XML 2 XML permite expresar información estructurada de la manera más abstracta y reutilizable posible. La información estructurada se compone de partes bien definidas,

Más detalles

Resumen Rápido de CSS

Resumen Rápido de CSS Resumen Rápido de CSS Selectores. Resumimos la manera de seleccionar los elementos a ''lookear''. * Todos los elementos div #div #div * Todos los elementos dentro de

Más detalles

CSS. Departamento de Lenguajes y Computación Universidad de Almería CSS. Contenidos

CSS. Departamento de Lenguajes y Computación Universidad de Almería CSS. Contenidos Desarrollo de aplicaciones web Manuel Torres Gil mtorres@ual.es Departamento de Lenguajes y Computación Universidad de Almería Desarrollo de aplicaciones web 1. Características y ventajas de 2. Sintaxis

Más detalles

Yusef Hassan Montero Francisco Jesús Martín Fernández. Referencia CSS. Todos los derechos reservados www.nosolousabilidad.com

Yusef Hassan Montero Francisco Jesús Martín Fernández. Referencia CSS. Todos los derechos reservados www.nosolousabilidad.com Yusef Hassan Montero Francisco Jesús Martín Fernández Referencia CSS Todos los derechos reservados www.nosolousabilidad.com Introducción Este documento tiene por objetivo servir de material de apoyo y

Más detalles

XSL: extensible Style Language. Anabel Fraga

XSL: extensible Style Language. Anabel Fraga XSL: extensible Style Language Anabel Fraga 1 Tabla de Contenidos La Familia XML Presentación en XML XSL XSLT Elementos XSL-FO Referencias 2 3 La Familia XML Presentación en XML La presentación en HTML

Más detalles

Ejemplo: font-size: 10pt; text-decoration: underline; color: black; (el último punto y coma de la lista de atributos es opcional)

Ejemplo: font-size: 10pt; text-decoration: underline; color: black; (el último punto y coma de la lista de atributos es opcional) Anexo: Reglas básicas sobre la sintaxis CSS: Para definir un estilo se utilizan atributos como font-size,text-decoration... seguidos de dos puntos y el valor que le deseemos asignar. Podemos definir un

Más detalles

Dar formato a los documentos XML

Dar formato a los documentos XML Dar formato a los documentos XML Ofimática Avanzada Profesor: Víctor Fresno Fernández Hojas de estilo La función de las hojas de estilo CSS es la de separar el contenido de la presentación Lenguaje diseñado

Más detalles

X M L QUÉ ES XML. Un documento puede ser correcto a dos niveles bien formado y válido. DOCUMENTO BIEN FORMADO

X M L QUÉ ES XML. Un documento puede ser correcto a dos niveles bien formado y válido. DOCUMENTO BIEN FORMADO X M L QUÉ ES XML XML es un metalenguaje que permite crear otros lenguajes. Proporciona una serie de reglas para que podamos definir las etiquetas y sus atributos. El conjunto de reglas de un lenguaje se

Más detalles

Transformación de documentos XML con

Transformación de documentos XML con Transformación de documentos XML con X S L T Necesidad de las transformaciones XML se presenta como un estándar para transmitir datos a través de Internet. Ante la posibilidad de que distintos centros

Más detalles

HOJAS DE ESTILO EN CASCADA

HOJAS DE ESTILO EN CASCADA HOJAS DE ESTILO EN CASCADA Introducción Permiten definir las páginas con aspecto homogéneo sin tanto esfuerzo. Forma de definir los estilos Como atributo de una etiqueta afecta a esa etiqueta Sintaxis:

Más detalles

CSS. Cascading Style Sheets (Hojas de estilo en cascada)

CSS. Cascading Style Sheets (Hojas de estilo en cascada) 1 CSS Cascading Style Sheets (Hojas de estilo en cascada) INTRODUCCIÓN Las Hojas de estilo son un conjunto de reglas de estilo definidas por el programador sobre elementos HTML, que definen la apariencia

Más detalles

Transformación documentos XML. Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo

Transformación documentos XML. Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo Transformación documentos XML Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo Hojas de estilos para XML Antecedentes SGML tenía DSSSL (Document Style Semantics and Specification

Más detalles

SISTEMAS WEB. Facultad de Estadística e Informática

SISTEMAS WEB. Facultad de Estadística e Informática SISTEMAS WEB Bibliografía A. Rodríguez, Publicación en Internet y Tecnología XML, Alfa-Omega Ra-Ma, Madrid. España, 2004 World Wide Web Consortium (W3C). Abril 2000. XML Schema. Consultado el 1 de marzo

Más detalles

XML: extensible Markup Language (Parte I) Ingeniería de la Información

XML: extensible Markup Language (Parte I) Ingeniería de la Información XML: extensible Markup Language (Parte I) DTDs Ingeniería de la Información Tabla de Contenidos Introducción histórica XML vs. HTML Características de XML Mi primer documento XML El lenguaje XML Entidades

Más detalles

ÍNDICE CAPÍTULO I AGRADECIMIENTO DEDICATORIA. Página

ÍNDICE CAPÍTULO I AGRADECIMIENTO DEDICATORIA. Página ÍNDICE AGRADECIMIENTO DEDICATORIA CAPÍTULO I Página 1. INTRODUCCIÓN 1.1. Problemática actual en la Web 2 1.2. El proyecto GNU 3 1.2.1. La Free Software Foundation y el proyecto GNU 3 1.2.2. Software Libre

Más detalles

HOJAS DE ESTILOS EN CASCADA CSS (Cascading Style Sheet)

HOJAS DE ESTILOS EN CASCADA CSS (Cascading Style Sheet) HOJAS DE ESTILOS EN CASCADA CSS (Cascading Style Sheet) 1. QUÉ ES UNA HOJA DE ESTILOS? Las hojas de estilos son un conjunto de instrucciones, el cual permiten manejar el formato y presentación de contenido

Más detalles

Creación y uso de Hojas de Estilo

Creación y uso de Hojas de Estilo Creación y uso de Hojas de Estilo Definición de Hojas de Estilo con la etiqueta Definición de Hojas de Estilo en Ficheros Externos Definición de Clases de Estilo Definición de Estilos Individuales

Más detalles

DAW LENGUAJES DE MARCAS. Tema 1: Reconocimiento de las características de los Lenguajes de Marcas

DAW LENGUAJES DE MARCAS. Tema 1: Reconocimiento de las características de los Lenguajes de Marcas DAW LENGUAJES DE MARCAS Tema 1: Reconocimiento de las características de los Lenguajes de Marcas Características de los Lenguajes de Marcas 1. Codificación de la información 1.1. Datos binarios 1.2. Datos

Más detalles

Capítulo 3 Estilo para un documento HTML: CSS

Capítulo 3 Estilo para un documento HTML: CSS Capítulo 3 Estilo para un documento HTML: CSS.3.0 Qué es el estilo?!"#$ "!$ &'!$!($ ) *+ " *, -.,#/-..3.1 Propiedades y valores 0 )" & + 1& &1& 2 " '" Medidas: 3 + 14 "56 1'#/ 1/5-7 3 1 1 + 1' Colores:

Más detalles

qué es XML? por qué es necesario XML? XML vs. SGML y HTML Hacía la estandarización de los datos

qué es XML? por qué es necesario XML? XML vs. SGML y HTML Hacía la estandarización de los datos qué es XML? Hacía la estandarización de los datos César Ignacio García Osorio Surgió para superar la complejidad de SGML y la inflexibilidad de HTML. Es un meta lenguaje de etiquetado/marcado que permite

Más detalles

ELECTIVA FE I. Tema 3: Introducción a las hojas

ELECTIVA FE I. Tema 3: Introducción a las hojas Tema 3: Introducción a las hojas de estilo en cascada CSS Qué son las hojas de estilo en cascada o CSS? CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos

Más detalles

Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales

Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales CSS CSS - Hojas

Más detalles

XML práctico Bases esenciales, conceptos y casos prácticos (2ª edición)

XML práctico Bases esenciales, conceptos y casos prácticos (2ª edición) Introducción al lenguaje XML 1. De SGML a XML 17 2. Los conceptos básicos del XML 18 2.1 Recordatorio sobre el HTML 18 2.2 Creación de un primer documento XML 19 2.3 Las ventajas del XML 21 3. La sintaxis

Más detalles

Tema IV. XML III. Document Type Definitions

Tema IV. XML III. Document Type Definitions Tema IV. XML III. Document Type Definitions Desarrollo de Aplicaciones para Internet Curso 12 13 Índice 1.Introducción 2.Documentos XML con DTDs 3.Declaraciones i. ELEMENT ii. ATTLIST iii.entity 4.Limitaciones

Más detalles

Diseño web. Fundamentos de CSS. Informática 4º ESO

Diseño web. Fundamentos de CSS. Informática 4º ESO Diseño web Fundamentos de CSS Informática 4º ESO Cascading Style Sheets HTML está bastante limitado a la hora de dar formato a las páginas web HTML fue inventado por científicos Énfasis en el contenido

Más detalles

XIII Reunión de Usuarios Aleph México. MarcXML. Egar Arturo Garcia Cárdenas

XIII Reunión de Usuarios Aleph México. MarcXML. Egar Arturo Garcia Cárdenas MarcXML Egar Arturo Garcia Cárdenas Secretaría Técnica de Biblioteca Digital Dirección General de Bibliotecas Universidad Nacional Autonóma de México Septiembre de 2009 1. Antecedentes Lenguajes de Marcado

Más detalles

Introducción a CSS. Aplicaciones Web (2016/17) Jesús Arias Fisteus. Aplicaciones Web (2016/17) Introducción a CSS 1

Introducción a CSS. Aplicaciones Web (2016/17) Jesús Arias Fisteus. Aplicaciones Web (2016/17) Introducción a CSS 1 Introducción a CSS Jesús Arias Fisteus Aplicaciones Web (2016/17) Aplicaciones Web (2016/17) Introducción a CSS 1 Parte I Introducción a CSS Aplicaciones Web (2016/17) Introducción a CSS 2 Hola Mundo!

Más detalles

Maquetación con estilos

Maquetación con estilos Objetivos específicos Maquetación con estilos Aplicar estilos relacionados con tamaños, bordes y márgenes. Aplicar estilos relacionados con el posicionamiento de los objetos. Contenidos Estilos de caja.

Más detalles

1. Introducción a HTML

1. Introducción a HTML Introducción a HTML 1. Introducción a HTML 1. Introducción a HTML Qué es HTML? El HTML (Hyper Text Markup Language) es un lenguaje que sirve para escribir hipertexto, es decir, documentos de texto estructurado,

Más detalles

TIC II Tema 2: Programación Web

TIC II Tema 2: Programación Web TIC II Tema 2: Programación Web INTRODUCCIÓN Las Hojas de Estilo en Cascada o CSS es un lenguaje creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML. CSS es

Más detalles

TEMA 6 LENGUAJE XML. 1 Negocios y Dirección

TEMA 6 LENGUAJE XML. 1 Negocios y Dirección TEMA 6 LENGUAJE XML 1 Negocios y Dirección 6.- Lenguaje XML XML (Extensible Markup Language) es un lenguaje de marcado (definido por el Web Consortium) que especifica una sintaxis para definir lenguajes

Más detalles

XML Bien Formado. <nombre> José </nombre> y también puede ser un elemento el siguiente:

XML Bien Formado. <nombre> José </nombre> y también puede ser un elemento el siguiente: XML Bien Formado Hasta ahora hemos visto por qué XML tiene sentido para la comunicación de datos. Ahora vamos a ver como crear nuestros propios documentos XML. Para crear un documento XML, debemos conocer

Más detalles

Hojas de Estilos - CSS. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15

Hojas de Estilos - CSS. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15 Hojas de Estilos - CSS Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15 Introducción Motivación: Separar el formato del contenido y estructura de una

Más detalles

Yusef Hassan Montero Francisco Jesús Martín Fernández. Introducción a DOM. Todos los derechos reservados www.nosolousabilidad.com

Yusef Hassan Montero Francisco Jesús Martín Fernández. Introducción a DOM. Todos los derechos reservados www.nosolousabilidad.com Yusef Hassan Montero Francisco Jesús Martín Fernández Introducción a DOM Todos los derechos reservados www.nosolousabilidad.com INTRODUCCIÓN DOM, Document Object Model o Modelo de Objetos de Documento,

Más detalles

Agenda XML XML XML XML XML. 1.1 Conceptos básicos de XML. 1.2 Ejemplos de lenguajes basados en XML. 1.3 Estructura de un documento XML

Agenda XML XML XML XML XML. 1.1 Conceptos básicos de XML. 1.2 Ejemplos de lenguajes basados en XML. 1.3 Estructura de un documento XML Agenda 1.1 Conceptos básicos de 1.2 Ejemplos de lenguajes basados en M.C. Juan Carlos Olivares Rojas 1.3 Estructura de un documento 1.4 Tecnologías extensible Markup Language (Lenguaje de Marcado extensible)

Más detalles

Contenidos Antecedentes Lenguaje XML DTDs Espacios de nombres XML. Jose Emilio Labra Gayo. Octubre Jose Emilio Labra Gayo XML

Contenidos Antecedentes Lenguaje XML DTDs Espacios de nombres XML. Jose Emilio Labra Gayo. Octubre Jose Emilio Labra Gayo XML Contenidos Antecedentes Lenguaje DTDs Espacios de nombres Octubre 2006 Contenidos Antecedentes Lenguaje DTDs Espacios de nombres Contenidos Antecedentes Unicode y URIs Lenguaje DTDs Espacios de nombres

Más detalles

Que son las hojas de estilo (CSS)?

Que son las hojas de estilo (CSS)? Que son las hojas de estilo (CSS)? CSS son las siglas de Cascade Style Sheet que traducido significa hojas de estilo en cascada. Las hojas de estilo es una tecnología que nos permite controlar la apariencia

Más detalles

Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales

Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales CSS - parte 3 Box

Más detalles

Modelo de Cajas. Maquetación Web con HTML 5 y CSS 3. Ing. Rasjido Jose UNPA - UACO

Modelo de Cajas. Maquetación Web con HTML 5 y CSS 3. Ing. Rasjido Jose UNPA - UACO Modelo de Cajas Maquetación Web con HTML 5 y CSS 3 Ing. Rasjido Jose UNPA - UACO AGENDA Propiedades de las cajas Tipos de cajas Esquemas de posicionamiento Bibliografía 2 Propiedades de las cajas Cada

Más detalles

Transformación de documentos : XSLT

Transformación de documentos : XSLT Transformación de documentos : XSLT XSL : Lenguaje Extensible de Hojas de Estilo, cuyo objetivo principal es mostrar cómo debería estar estructurado el contenido, cómo debería ser diseñado el contenido

Más detalles

CSS: hojas de estilo en cascada. Visualización de una página I. Luis Fernando Llana Díaz. 21 de abril de 2008

CSS: hojas de estilo en cascada. Visualización de una página I. Luis Fernando Llana Díaz. 21 de abril de 2008 Departamento de Sistemas Informáticos y Computación Universidad Complutense de Madrid 21 de abril de 2008 Visualización de una página I 1 Analizar el HTML y crear un árbol que repesenta el documento (document

Más detalles

XML básico. Fundamentos de la Web Semántica. Qué es XML? XML básico. Documento XML. Pablo R. Fillottrani. Entidades. Elementos y Atributos

XML básico. Fundamentos de la Web Semántica. Qué es XML? XML básico. Documento XML. Pablo R. Fillottrani. Entidades. Elementos y Atributos XML básico XML básico Pablo R. Fillottrani Depto. Ciencias e Ingeniería de la Computación Universidad Nacional del Sur Segundo Cuatrimestre 2013 XML es un acrónimo por extended Markup Language XML es una

Más detalles

Fundamentos de las tecnologías de la información

Fundamentos de las tecnologías de la información Fundamentos de las tecnologías de la información la guerra de los formatos Diego Martín 2016 1 Definiciones W3C HTML CSS XML Introducción histórica HTML vs XML JSON XML vs JSON DTDsy XML SCHEMAs Qué formato

Más detalles

CSS: hojas de estilo en cascada

CSS: hojas de estilo en cascada CSS: hojas de estilo en cascada Departamento de Sistemas Informáticos y Computación Universidad Complutense de Madrid 21 de abril de 2008 Visualización de una página I 1 Analizar el HTML y crear un árbol

Más detalles

Lenguaje Marcado. Introducción

Lenguaje Marcado. Introducción Lenguaje Marcado Introducción Introducción. Definición Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen

Más detalles

Resumen del Manual de CSS. Resumen CSS. Este es un resumen de lo visto en el manual de CSS de Aprende-Web.

Resumen del Manual de CSS. Resumen CSS. Este es un resumen de lo visto en el manual de CSS de Aprende-Web. Resumen CSS Este es un resumen de lo visto en el manual de CSS de Aprende-Web. http://aprende-web.net/css Selectores y otros elementos. Selectores básicos * : Selector universal. Afecta a toda la página.

Más detalles

Tecnologías XML y Web Semántica. Departamento de Informática Universidad de Oviedo

Tecnologías XML y Web Semántica. Departamento de Informática Universidad de Oviedo Tecnologías XML y Web Semántica Departamento de Informática Universidad de Oviedo Sesión 1 Lenguaje XML Departamento de Informática Universidad de Oviedo Esquema de la Sesión (9-11h) Primera parte: Introducción

Más detalles

M. Carmen Fernández Panadero <mcfp@it.uc3m.es>

M. Carmen Fernández Panadero <mcfp@it.uc3m.es> Introducción n a XML M. Carmen Fernández Panadero Introducción a XML 1 Objetivos Familiarizarse con conceptos y herramientas básicas de XML Conocer la estructura de un documento XML Ser capaz de diseñar

Más detalles

Tecnología XML. Unidad: 3 Laboratorio de Programación. Universidad Nacional de la Patagonia Austral Unidad Académica Río Gallegos

Tecnología XML. Unidad: 3 Laboratorio de Programación. Universidad Nacional de la Patagonia Austral Unidad Académica Río Gallegos Tecnología XML Unidad: 3 Laboratorio de Programación Universidad Nacional de la Patagonia Austral Unidad Académica Río Gallegos Indice Repaso XML DTD Entidades Concepto Tipos Internas Externas Espacio

Más detalles

Tema IV. XML II. XML Bien Formado

Tema IV. XML II. XML Bien Formado Tema IV. XML II. XML Bien Formado Desarrollo de Aplicaciones para Internet Curso 12 13 Índice 1.Introducción 2.Componentes XML 3.Reglas de los Elementos 4.Referencias Índice 1.Introducción 2.Componentes

Más detalles

QUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un

QUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un QUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un determinado elemento de una página web. Siglas CCS significa "Cascading

Más detalles

Capas. Para definir una sección o división se utilizan las capas. Para esto utilizamos las etiquetas de HTML

Capas. Para definir una sección o división se utilizan las capas. Para esto utilizamos las etiquetas de HTML Capas Capas Para definir una sección o división se utilizan las capas. Para esto utilizamos las etiquetas de HTML y Uso principal es poder aplicar estilo en el cuerpo/porción del documento

Más detalles

CSS: Cascading Style Sheets

CSS: Cascading Style Sheets Diseño de Sitios Web (T.U.W.) Hojas de Estilo Qué son las hojas de estilo? Una hoja de estilo es un conjunto de instrucciones que definen la apariencia de diversos elementos de un documento HTML. Permiten

Más detalles

escuela técnica superior de ingeniería informática

escuela técnica superior de ingeniería informática Tiempo: 2h escuela técnica superior de ingeniería informática Hojas de Estilo en Cascada (CSS) Departamento de Lenguajes Grupo de Ingeniería del Software Octubre 2007 Versiones previas: David Benavides

Más detalles

XML. Historia [editar]

XML. Historia [editar] SESION 1: LA PÁGINA EN BLANCO 5) Ejercicio de explorar el tema. El procedimiento para desarrollar el modelo cubo es: 1. Descríbelo. cómo lo ves, sientes, hueles, tocas o saboreas? 2. Compáralo. a que se

Más detalles

Estándares SGML y XML. Entornos de aplicación

Estándares SGML y XML. Entornos de aplicación Índice de contenido Estándares SGML y XML. Entornos de aplicación Estándares SGML y XML. Entornos de aplicación...1 Licencia...1 SGML...1 Introducción...1 Etiquetado...2 Estructura de un documento SGML...2

Más detalles

escuela técnica superior de ingeniería informática

escuela técnica superior de ingeniería informática Versiones previas: David Benavides y Amador Durán (septiembre 2006) Reestructuracion General: Manuel Resinas (octubre 2007) Ultima Revision: Cambios Menores. Pablo Fernandez (Octubre 2010) Tiempo: 2h escuela

Más detalles

Edición HTML Estilos CSS Texto y fuentes

Edición HTML Estilos CSS Texto y fuentes MINISTERIO DE EDUCACIÓN Y CIENCIA SECRETARÍA GENERAL DE EDUCACIÓN Y FORMACIÓN PROFESIONAL DIRECCIÓN GENERAL DE EDUCACIÓN, FORMACIÓN PROFESIONAL E INNOVACIÓN EDUCATIVA CENTRO NACIONAL DE INFORMACIÓN Y COMUNICACIÓN

Más detalles

LENGUAJES DE MARCAS. Unidad 2. DOCUMENTOS XML.

LENGUAJES DE MARCAS. Unidad 2. DOCUMENTOS XML. LENGUAJES DE MARCAS Unidad 2. DOCUMENTOS XML. Índice de contenido 1. El lenguaje de marcas XML 2. XML, HTML, XHTML 3. Estructura del documento XML 4. Codificación de los documentos 5. Elementos 6. Atributos

Más detalles

CSS (Cascading Style Sheets)

CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML. CSS

Más detalles

LENGUAJE DE MARCAS Y SISTEMAS DE GESTIÓN DE LA INFORMACIÓN - XML

LENGUAJE DE MARCAS Y SISTEMAS DE GESTIÓN DE LA INFORMACIÓN - XML ESTRUCTURA DE UN DOCUMENTO XML 1. XML El XML (extensive Markup Language) es un lenguaje que fue concebido para describir información. Se trata de un formato de almacenamiento de información a base de etiquetas

Más detalles

Depto de Cs e Ing. de la Computación Universidad Nacional del Sur

Depto de Cs e Ing. de la Computación Universidad Nacional del Sur XML XML es el lenguaje de marcado extensible. (extensible Markup Language) Es extensible porque los tags son definibles por el usuario Es la evolución de SGML: Standar Generalized Markup Language. Es la

Más detalles

HTML Estático: Hojas de Estilo. HTML Estático: Hojas de Estilo

HTML Estático: Hojas de Estilo. HTML Estático: Hojas de Estilo escuela técnica superior de ingeniería informática HTML Estático: Hojas de Estilo Departamento de Lenguajes Noviembre 2004 Usando el atributo STYLE dentro de una etiqueta HTML Esto Esto es es un un párrafo

Más detalles

Introducción a XML Tecnólogo en Informática. Ing. Montserrat López -

Introducción a XML Tecnólogo en Informática. Ing. Montserrat López - Introducción a XML Tecnólogo en Informática Ing. Montserrat López - mlopez.xml@gmail.com 1 Acerca de la asignaturaa Asignatura: Introducción a XML y estándares asociados. Materia: Programación Créditos:

Más detalles

Paquete de trabajo 3. Diseño Web del Proyecto REMERI. Manual. Enero 2013

Paquete de trabajo 3. Diseño Web del Proyecto REMERI. Manual. Enero 2013 Paquete de trabajo 3 Diseño Web del Proyecto REMERI Manual Enero 2013 Red Mexicana de Repositorios Institucionales REMERI 2 HOJA EN BLANCO Red Mexicana de Repositorios Institucionales REMERI 3 Paquete

Más detalles

Curso Web accesible con XHTML y CSS. Bloque IV. El Modelo de Cajas.

Curso Web accesible con XHTML y CSS. Bloque IV. El Modelo de Cajas. Pag. 1 de 16. Curso Web accesible con XHTML y CSS. Bloque IV. El Modelo de Cajas. Cursos Thales CICA Web 2006. Curso WEBCSS A. Gámez, L.M. Marín, F. Mesa & S. Fandiño El modelo de cajas Índice del bloque

Más detalles

Informática General 2018 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales

Informática General 2018 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2018 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales CSS - parte 2 Box

Más detalles

Introducción...1. Capítulo 1: Instalación de Altova XML Suite...3. 1. Objetivos del capítulo...3. 2. Instalación de Altova XML Suite...

Introducción...1. Capítulo 1: Instalación de Altova XML Suite...3. 1. Objetivos del capítulo...3. 2. Instalación de Altova XML Suite... Introducción...1 Capítulo 1: Instalación de Altova XML Suite...3 1. Objetivos del capítulo...3 2. Instalación de Altova XML Suite...3 2.1. Requerimientos previos a la instalación...3 2.2. Procedimiento

Más detalles

Hojas de Estilo en Cascada (CSS)

Hojas de Estilo en Cascada (CSS) Hojas de Estilo en Cascada (CSS) Grupo de Ingeniería del Software y Bases de Datos Universidad de Sevilla Presentación y La separación del (la información que se muestra) de la presentación (cómo se muestra)

Más detalles

Taller de <?XML> Prof. Hilda Contreras. Departamento de Computación Escuela de Ingeniería de Sistemas ULA

Taller de <?XML> Prof. Hilda Contreras. Departamento de Computación Escuela de Ingeniería de Sistemas ULA Taller de Prof. Hilda Contreras Departamento de Computación Escuela de Ingeniería de Sistemas ULA Contenido 1. Introducción 2. Preparándonos para trabajar con XML 3. Documentos XML bien formados

Más detalles

Informática General Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales

Informática General Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales Informática General 2017 Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales Selector universal Se utiliza para seleccionar todos los elementos de la página. * { } margin: 0; padding:

Más detalles

Roberto Gómez Cárdenas Qué es CSS? Cascading Style Sheets, hojas de estilo en

Roberto Gómez Cárdenas   Qué es CSS? Cascading Style Sheets, hojas de estilo en CSS y XML Roberto Gómez Cárdenas rogomez@itesm.mx http://homepage.cem.itesm.mx/rogomez Lámina 1 Qué es CSS? Cascading Style Sheets, hojas de estilo en cascada. Tecnología desarrollada por la W3C con el

Más detalles

ESTRUCTURA DEL CÓDIGO HTML5

ESTRUCTURA DEL CÓDIGO HTML5 ESTRUCTURA DEL CÓDIGO HTML5 1. DocType Es la etiqueta que se escribe en la primera línea del código. Permite declarar el tipo de documento. Es decir, el doctype indica que el documento está escrito siguiendo

Más detalles

7.3.3 Ejemplo de hoja XSLT

7.3.3 Ejemplo de hoja XSLT XSL y XSLT 7.3.3 Ejemplo de hoja XSLT Este primer ejemplo servirá para ilustrar la creación de hoja con XSLT mediante los elementos anteriores, aunque no usaremos muchos de ellos porque no tienen aplicación

Más detalles

Tema IV. XML. VI. XSL (XPath & XSLT) Desarrollo de Aplicaciones para Internet Curso 12 13

Tema IV. XML. VI. XSL (XPath & XSLT) Desarrollo de Aplicaciones para Internet Curso 12 13 Tema IV. XML VI. XSL (XPath & XSLT) Desarrollo de Aplicaciones para Internet Curso 12 13 Índice 1.Introducción 2.XPath i. Introducción ii. Rutas y Expresiones 1. Nodos 2. Ejes 3. Predicados iii.tipos de

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION CICLO 01-2016 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 2 Nombre de la practica: Introducción y conceptos básicos de CSS Lugar de ejecución:

Más detalles

Informática General Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales

Informática General Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales Informática General 2018 Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales Box model El "box model" es el comportamiento de CSS que hace que todos los elementos incluidos en una página

Más detalles

XML, DTD y hojas de estilo

XML, DTD y hojas de estilo XML, DTD y hojas de estilo Introducción XML existe porque HTML ha tenido mucho éxito. Pero con objeto de corresponder a este éxito, se le ha extendido introduciéndose muchas etiquetas nuevas (más de 100

Más detalles

CSS AVANZADO Hojas de Estilo. Iván Martínez Toro

CSS AVANZADO Hojas de Estilo. Iván Martínez Toro CSS AVANZADO Hojas de Estilo Iván Martínez Toro ÍNDICE DECONTENIDOS Pseudoclases. Fuentes. Modelo de caja: posición. Floaty Clear. Display. Fondos. Listas con estilo. Enlace importante. PSEUDOCLASES Modifican

Más detalles

Tema 2. I- Hojas de estilo CSS.

Tema 2. I- Hojas de estilo CSS. Tema 2. I- Hojas de estilo CSS. Programación Multimedia. G.I.M. Inmaculada Coma, Francisco Grimaldo Resumen En este tema: Recordaremos cómo crear estilos CSS e insertarlos en una página HTML. Recordaremos

Más detalles

ESTILIZANDO CON CSS. Sesión 08. By Ing. David Gil

ESTILIZANDO CON CSS. Sesión 08. By Ing. David Gil ESTILIZANDO CON CSS Sesión 08 By Ing. David Gil UNIDADES CSS UNIDADES DE LONGITUD Un valor de longitud se forma por un signo + o - opcional, seguido de un número y de una abreviación de dos letras que

Más detalles

III. Hojas de estilo en cascada (CSS)

III. Hojas de estilo en cascada (CSS) III. Hojas de estilo en cascada (CSS) 1. Introducción 2. Declaración de CSS 2.1. Propiedades típicas en CSS 2.2. Inserción de CSS en HTML 3. Herencia de propiedades en CSS 4. Declaración avanzada de CSS

Más detalles

Departamento de Lenguajes y Sistemas Informáticos. Hojas de Estilo en Cascada (CSS)

Departamento de Lenguajes y Sistemas Informáticos. Hojas de Estilo en Cascada (CSS) escuela técnica superior de ingeniería informática Tiempo: 2h Hojas de Estilo en Cascada (CSS( CSS) Departamento de Lenguajes Grupo de Ingeniería a del Software Noviembre 2006 Versión previa: David Benavides

Más detalles

CSS1. manual de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003

CSS1. manual de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 CSS1 manual de referencia Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 Basado en la normativa sobre CSS1 disponible en: http://www.w3.org/tr/1999/rec-css1-19990111 Manual de referencia de CSS1-

Más detalles

lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos definidos con HTML y XHTML

lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos definidos con HTML y XHTML : Introducción En la primera parte del curso (XHTML) se comentó en numerosas ocasiones que el aspecto de la página podía modificarse mediante las hojas de estilo. Qué es el? es un lenguaje de hojas de

Más detalles

Informática General 2017 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales

Informática General 2017 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2017 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales CSS - parte 2 Selector

Más detalles

Curso de Maquetación Web: HTML 5 y CSS

Curso de Maquetación Web: HTML 5 y CSS Curso de Maquetación Web: HTML 5 y CSS Aprende a maquetar sitios Web de forma ágil y profesional sin usar tablas. Separa el diseño visual del contenido y optimiza al máximo los estilos de las páginas Web.

Más detalles

EL MODELO DE CAJA CSS

EL MODELO DE CAJA CSS EL MODELO DE CAJA CSS Sesión 10 By Ing. David Gil LA ETIQUETA HTML La etiqueta define una división o una sección en un documento HTML. La etiqueta se utiliza para agrupar bloques

Más detalles

Unidad 1.- Fundamentos de sitios web. El lenguaje HTML. Desarrollo de aplicaciones Web. Felipe LC

Unidad 1.- Fundamentos de sitios web. El lenguaje HTML. Desarrollo de aplicaciones Web. Felipe LC Unidad 1.- Fundamentos de sitios web. El lenguaje HTML Desarrollo de aplicaciones Web. Felipe LC La actividad #1 En qué consistió la actividad 1? Qué conceptos aprendimos? Demos algunos ejemplos. Qué aprendimos

Más detalles

Introducción a Hojas de Estilo

Introducción a Hojas de Estilo Introducción a Hojas de Estilo Por Héctor Hugo Luna Miranda Conociendo las hojas de estilo De inicio, te presento un par de preguntas cuyas respuestas se obtendrán siguiendo los lineamientos de Vázquez

Más detalles

En que nos ayuda las hojas de estilo cascada (css)?

En que nos ayuda las hojas de estilo cascada (css)? HECHO POR CREACIONES Y DESARROLLO WEB COSTA RICA, CUALQUIER MACRO CON GUSTO ESTAMOS PARA AYUDARLE, LLAMENOS Y CON GUSTO LE ATENDEREMOS TEL 8364-3733 // 8348-9439 En que nos ayuda las hojas de estilo cascada

Más detalles

2 PROTOCOLOS, LENGUAJES Y ESTÁNDARES

2 PROTOCOLOS, LENGUAJES Y ESTÁNDARES 2 PROTOCOLOS, LENGUAJES Y ESTÁNDARES 2.1 Introducción A continuación, se explica de forma teórica los temas que ha sido necesario estudiar para desarrollar el proyecto: Protocolo HTTP. Lenguaje HTML. Lenguaje

Más detalles

(X)HTML. World Wide Web es uno de los servicios que se pueden encontrar en Internet, pero no el único (correo electrónico, FTP, news...

(X)HTML. World Wide Web es uno de los servicios que se pueden encontrar en Internet, pero no el único (correo electrónico, FTP, news... Esquema Conceptos previos Qué es HTML? Gramática de HTML Estructura básica de un documento HTML Cuerpo del documento Hipertexto y marcadores Listas Imágenes Formularios Tablas Hojas de estilo Conceptos

Más detalles

Tabla de Contenidos. xii

Tabla de Contenidos. xii Tabla de contenidos Capítulo 1. Introducción...1 1.1 MOTIVACIÓN...2 1.2 NOVEDADES APORTADAS POR ESTE LIBRO...3 1.3 ESTRUCTURA DE LA OBRA...4 1.4 CONOCIMIENTOS RECOMENDADOS...8 1.5 CONVENCIONES DE ESTILO

Más detalles

PROPIEDAD POSITION CSS: STATIC, RELATIVE, ABSOLUTE, FIXED. TOP, RIGHT, BOTTOM, LEFT. EJEMPLOS EJERCICIOS DE POSICIONAMIENTO RESUELTOS (CU01032D)

PROPIEDAD POSITION CSS: STATIC, RELATIVE, ABSOLUTE, FIXED. TOP, RIGHT, BOTTOM, LEFT. EJEMPLOS EJERCICIOS DE POSICIONAMIENTO RESUELTOS (CU01032D) APRENDERAPROGRAMAR.COM PROPIEDAD POSITION CSS: STATIC, RELATIVE, ABSOLUTE, FIXED. TOP, RIGHT, BOTTOM, LEFT. EJEMPLOS EJERCICIOS DE POSICIONAMIENTO RESUELTOS (CU01032D) Sección: Cursos Categoría: Tutorial

Más detalles

LENGUAJE DE MARCAS Y SISTEMAS DE GESTIÓN DE LA INFORMACIÓN - XML

LENGUAJE DE MARCAS Y SISTEMAS DE GESTIÓN DE LA INFORMACIÓN - XML TEMA 2.- DTD (Document Type Definition) 1. DTD DTD es un estándar que nos permite definir una gramática que deben cumplir nuestros documentos XML para considerarlos válidos. Una definición DTD para n documentos

Más detalles

HTML. HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE

HTML. HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE HTML HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE Se elaboró un protocolo para soportar e envío de información por la red. HTTP (Hyper Text Transfer Protocol)

Más detalles