Sistemas de marcado.

Slides:



Advertisements
Presentaciones similares
Repaso desde HTML a XHTML
Advertisements

Módulo de XML Facilitador: Ing. María de los A. Ugas N.
CI-2413 Desarrollo de Aplicaciones para Internet
GRÁFICOS DE VECTORES Y GRÁFICOS RASTERIZADOS
MANEJO DE DOCUMENTOS XML EN MHP Leire Urriza Oiz.
ELEMENTOS DEFINICIÓN HIPERTEXTO DIMENSIONES ESTRUCTURA.
Servicios Web.
INTRODUCCION A CSS.
DOM ( Document Object Model) Prof. Franklin Cedeño.
DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB
Conceptos Generales XML.
Framework Hexápodo PHP fácil, rápido y sin dolor
Introducción XML y WebServices.
D E F I N I C I O N E S.
LENGUAJES DE MARCAS Y SISTEMAS DE GESTIÓN DE INFORMACIÓN
Cualquier sitio web puede ser utilizado en un momento determinado como medio para llevar a cabo ciertos aprendizajes, por ejemplo se pueden aprender cosas.
INTERFAZ DE ACCES DISEÑO DE BASE DE DATOS
Introducción al desarrollo de proyectos RIA.
UNIDAD I Conceptos Básicos.
 Existen muchos software para convertir y desbloquear archivos en formatos diferentes. Quizás unos mas complejos que otros.  Pero, que es un archivo.
HTML/CSS Mi primera página.
XML no predefine la apariencia de los elementos. Se requiere una descripción aparte mediante una hoja de estilo. XSL (eXtensible Stylesheet Language) es.
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
Características y elementos fundamentales J.M. Morales-del-Castillo
Definition Type Document (DTD)
Lenguaje de Marcado.
 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.
TIPOS DE SOFTWARE Se denomina software a un programa, equipamiento lógico o soporte lógico necesario para hacer posible la realización de una tarea con.
LENGUAJES DE MARCADO DE HIPERDOCUMENTOS JORGE LUIS ARTETA ROCHA DIEGO JOSE GUARIN DIAZ.
ARCHIVOS PDF POR: MARINA MORALES VIII SEMESTRE DE ADMITRACIÓN DE EMPRESAS UNICIENCIA.
Servidores Conceptos Generales.
DESARROLLO DE PÁGINAS EN EL WEB Preparado por Prof. Edgar Lopategui Corsino.
Unidad didáctica 6 Diseño de páginas Web.
Tecnologías web. Es el método más común de intercambio de información en la world wide web, el método mediante el cual se transfieren las páginas web.
Dirección General de Educación Superior Tecnológica INSTITUTO TECNOLÓGICO DE SALINA CRUZ UNIDAD 1 ACTIVIDAD: presentación MATERIA: arquitectura de redes.
UNIDAD 7 WEB Y HTML.
Herramientas informáticas
1  ¿ Qué es un sitio web ?  Colección de páginas web dotadas de una dirección web única  ¿ Qué es un página web ?  Es un documento creado en lenguaje.
Introducción a XML por Joel Candia C Universidad Técnica Federico Santa María Departamento de Electrónica ELO-330 Programación de Sistemas.
XML. La vida antes de XML ► Comunicación ► Persistencia ► Armado de Documentos.
Los siguientes términos y acrónimos son un resumen de las tecnologías web actuales: ASP (Active Server Pages)  Páginas de servidor activas.  Tecnología.
EDWIN ACOSTA PINILLA DIEGO FERNANDO CASTRO JHON SEBASTIAN CASTRO.
PROGRAMAS INFORMATICOS
MIME EXTENSIONES DE CORREO INTERNET MULTIPROPÓSITO. SERIE DE ESPECIFICACIONES DIRIGIDAS AL INTERCAMBIO TRANSPARENTE DE TODO TIPO DE ARCHIVOS A TRAVÉS DE.
ISMAEL MALDONADO GARCIA
 Este protocolo opera a través de solicitudes y respuestas, entre un "cliente" y un "servidor". El cliente para los usuarios es el navegador web, usado.
PDF PDF (sigla del inglés portable document format, formato de documento portátil) es un formato de almacenamiento de documentos digitales independiente.
definición de power point
¿Q UÉ ES XML? XML (eXtensible Markup Language)es un meta-lenguaje de codificación de información. Los programas que utilizan el formato XML pueden intercambiar.
Diagrama de Transición de Estado
UNITEC NEGOCIOS ELECTRÓNICOS ”DESARROLLO DE SOFTWARE ”
Punto 1 – Introducción al servicio Juan Luis Cano.
HTML.
Que es un navegador de Internet. Un navegador web o de Internet, es un programa que permite visualizar la información que contiene una página web (que.
TRABAJO MONOGRÁFICO – 4º ESO
Tecnologías Emergentes y los Negocios Unidad 4 – Diseño de Sites.
Internet Internet es una red de alcance mundial, compuesta por redes de datos privadas y públicas que se comunican entre si, independientemente del hardware.
¿Qué es jQuery? jQuery es una librería gratuita y open source, que simplifica la creación de páginas web altamente interactivas. Funciona.
Internet y Codigo HTML. Internet (interconnected Networks): es una red compuesta por miles de redes independientes pertenecientes a instituciones públicas,
GUIA DE CSS 3 BASICA AUTOR: CARLOS BERBECI QUE ES CSS3 ? CSS es un lenguaje para definir el estilo o la apariencia de las páginas web, escritas con HTML.
Integrante: Mariana Alcalá Hdz María del Carmen Andrade G. Alondra E. García Mtz Joselyn Gpe García V. Antonio de Jesús Hdz R. Cristian Jesús Ruvalcaba.
Este diccionario contiene todo tipo de definiciones de interés relacionadas con el mundo de la informática e Internet.
GML Geography Markup Language
USB-Ingeniería de Sistemas Programación en Internet Agosto 2015 Introducción al Html.
Iván camilo González Luis David cano
Servicios Web Conjunto de aplicaciones o de tecnologías con capacidad para interoperar en la Web. Estas aplicaciones o tecnologías intercambian datos entre.
FORMATOS DE VIDEO.AVI Se adapta para ser interpretado por unos códecs. No es uno de los mejores contenedores pero sí uno de los más utilizados por su antigüedad.
HTML.
Presentación De UML Lenguaje estándar para escribir planos de software Se usa para visualizar, especificar, construir y documentar los artefactos de un.
HTML & CSS. 15 Qué es HTML FCC-BUAP Verano 2016BMB - RAM  Es un lenguaje de marcas para formatear y estructurar un documento, que puede leerse en cualquier.
Transcripción de la presentación:

Sistemas de marcado

Definiciones de marcado Documentos de papel: Se refiere a la manera en la que el editor anota los manuscritos con especificaciones tipográficas. Documentos electrónicos: Describe los códigos o etiquetas que añadidos al texto definen su estructura y formato. El lenguaje de marcado: Define un conjunto de signos y reglas con los que etiquetar los documentos.

Lenguajes de marcado I Poseen un estructura lógica y una estructura física: La estructura lógica está formada por las distintas partes que lo componen y por sus relaciones. La estructura física indica la apariencia del documento, ya sea en papel o en la pantalla.

Lenguajes de marcado II En el medio impreso no se pueden separar las dos estructuras (lógica y física). En el electrónico se pueden almacenar independientemente. Esto es posible gracias a los lenguajes de marcado genérico. Otro tipo de marcado es el denominado específico, p. e. Script, Tex.

Lenguajes de marcado genérico ODA: Open Document Architecture, es una norma internacional que se utiliza para representar e intercambiar documentos electrónicos. PostScript: Pertenece al grupo de lenguajes de descripción de página (PDL). Este formato es originario de Adobe. En la actualidad ha sido sustituido por Acrobat y su formato PDF.

Open Document Architecture ISO 8613 El objetivo principal de esta arquitectura es: Facilitar el intercambio, Procesamiento y Presentación de documentos en sistemas abiertos. La principal propiedad de ODA es la distinción entre: Contenidos Estructura lógica y Estructura del diseño (layout)

Arquitectura ODA (Contenidos) Especificación de los elementos: Los elementos individuales son las unidades lógicas de datos, las cuales son determinadas para cada medio (Texto, Gráficos, etc.) Funciones de acceso posibles: Sirven para manipular los elementos individuales. Codificación de datos: Determina el mapeo con respecto a bits y bytes.

Arquitectura ODA (estructura de diseño) La estructura de diseño especifica la representación de un documento, está relacionado con una representación bidimensional con respecto a la pantalla o a una hoja de papel. Utilizando marcos se pueden establecer la posición y tamaño de elementos individuales. También se determinan el tamaño de las páginas y los diferentes tipos y estilos.

Arquitectura ODA (estructura lógica) Incluye la partición del contenido, por ejemplo: encabezamientos, párrafos, etc.

Procesamiento de documentos Edición y formateo se corresponden con: el proceso de diseño del documento y el proceso de diseño del contenido. La presentación del documento se corresponde con el proceso de imagen. Los editores WYSIWYG incluyen los dos aspectos anteriores en un solo paso.

Clases de arquitecturas de documentos Documento formateado: Incluye la estructura de diseño específica y a veces la genérica. Se puede imprimir o visualizar, pero no se puede cambiar. Documento procesable: Consiste en la estructura lógica específica y eventualmente la genérica. El documento no se puede imprimir o visualizar. Los contenidos se pueden cambiar. Documento formateado y procesable: Puede imprimirse, visualizarse y cambiarse.

ODA y Multimedia Contenidos Las porciones de contenido cambiarán a porciones de contenido dependientes del tiempo: Abiertas: La duración no se establece a priori, p. e. una animación generada durante la presentación y que dependa de un evento externo. Cerradas: La duración es fija, p. e. Una canción.

ODA y Multimedia Estructura Las operaciones entre objetos tienen que extenderse en una dimensión temporal, donde dichas relaciones se especifican en el nodo madre en proporción a los nodos hijo. Ejemplos son las relaciones: Antes Encuentro Solapamiento Durante Comienzo Final Igual

El lenguaje SGML I Standard Generalized Markup Language. Norma ISO 8879. Tiene su origen en la industria editorial necesitados de tener una manera normalizada de transmitir los documentos en su formato adecuado en los procesos de edición e impresión. En cierto sentido SGML es un metalenguaje, pues se considera como un sistema para la especificación de lenguajes de marcado.

El lenguaje SGML II Utiliza una definición del tipo de documento o DTD que permite especificar la estructura lógica de una clase de escrito. Una DTD es una definición formal que indica: que elementos se incluyen como contenido de los documentos y en que orden. Cada elemento del documento se marca mediante una etiqueta de comienzo otra de final. Cada etiqueta se especifica mediante un identificador genérico y unos atributos.

SGML (ventajas) Existe una separación entre la estructura y la presentación del documento. Es independiente del idioma, al poderse definir el alfabeto a utilizar. El documento puede incluir cualquier tipo de información multimedia. Es independiente del tipo de ordenador y de la aplicación, permitiendo el intercambio entre plataformas diferentes.

SGML (desventajas) Es muy complejo al tener que hacer frente a una gran variedad de tipos de documentos. Al no imponer limitaciones a la hora de estructurar documentos, se podría dar el caso de que dos DTD destinados al mismo documento fueran incompatibles entre sí. Los contenidos multimedia sólo se pueden utilizar como entidades externas a los incluidos en el documento.

HTML Hiperdocumentos en Internet ISO 15445 HyperText Markup Language, es un lenguaje de marcado para el intercambio de hiperdocumentos. Se usa en combinación con HTTP, un protocolo de red para la transferencia de información de diversa naturaleza a través de Internet. Está basado en SGML y se puede considerar una DTD.

El lenguaje XML

Características generales XML (eXtended Markup Language) Es un subconjunto simplificado de SGML. Es un formato de texto estandarizado que sirve para representar información estructurada en la Web. XML es una especificación que sirve para especificar lenguajes de marcado, es por tanto un Metalenguaje.

Documentos tradicionales y no tradicionales Información Estructura Formato TRADICIONAL Estructura Información Formato NO TRADICIONAL

Las familias de SGML XSL: XML Stylesheet Language SGML XML HTML XSL

El sistema XML Documento XML (contenido) XML Parser Aplicación XML (procesador) Aplicación XML XML DTD (reglas) DTD: Document Type Definition

Documento XML Está basado en entidades que pueden consistir de Contenidos y Marcas. Los Contenidos es la información real, también se denomina como “character data”. Los Contenidos se enmarcan entre Marcas. Es decir etiquetas al estilo de HTML.

XML DTD Se utilizan para asegurar que la información está estructurada adecuadamente. Las DTDs son series de expresiones que definen la estructura lógica del documento XML. Las DTD son opcionales.

XML Parser Es un motor software que chequea el documento XML para asegurar que es correcto sintácticamente. Si se utiliza DTD el parser chequea también el documento frente al DTD para asegurar que está estructurado correctamente.

Aplicación XML Las aplicaciones XML procesan la información incluida en los documentos XML. No hay límites virtuales acerca de lo que una aplicación XML puede hacer. http://www.w3schools.com/xml/default.asp

Código XML Código en explorer <?xml version="1.0" encoding="ISO-8859-1" ?> <!-- Edited with XML Spy v4.2   --> - <breakfast_menu> - <food>   <name>Belgian Waffles</name>   <price>$5.95</price>   <description>two of our famous Belgian Waffles with plenty of real maple syrup</description>   <calories>650</calories>   </food>   <name>Strawberry Belgian Waffles</name>   <price>$7.95</price>   <description>light Belgian waffles covered with strawberries and whipped cream</description>   <calories>900</calories> - </breakfast_menu> Código en explorer

Código XSL Código en explorer <?xml version="1.0" encoding="ISO-8859-1" ?> <!-- Edited with XML Spy v4.2   --> - <html xsl:version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/TR/xhtml1/strict"> - <body style="font-family:Arial,helvetica,sans-serif;font-size:12pt; background-color:#EEEEEE"> - <xsl:for-each select="breakfast_menu/food"> - <div style="background-color:teal;color:white;padding:4px"> - <span style="font-weight:bold;color:white">   <xsl:value-of select="name" />   </span>   -   <xsl:value-of select="price" />   </div> - <div style="margin-left:20px;margin-bottom:1em;font-size:10pt">   <xsl:value-of select="description" /> - <span style="font-style:italic">   (   <xsl:value-of select="calories" />   calories per serving)   </xsl:for-each>   </body>   </html> Código en explorer

Resultado programa XML Belgian Waffles - $5.95 two of our famous Belgian Waffles with plenty of real maple syrup (650 calories per serving) Strawberry Belgian Waffles - $7.95 light Belgian waffles covered with strawberries and whipped cream (900 calories per serving) Berry-Berry Belgian Waffles - $8.95 light Belgian waffles covered with an assortment of fresh berries and whipped cream (900 calories per serving) French Toast - $4.50 thick slices made from our homemade sourdough bread (600 calories per serving) Homestyle Breakfast - $6.95 two eggs, bacon or sausage, toast, and our ever-popular hash browns (950 calories per serving) Ejemplo en Explorer