ub - upf máster en gestión de contenidos tema 1: lenguajes ... · html dhtml xml xhtml css...
TRANSCRIPT
![Page 1: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/1.jpg)
Tema 1: Lenguajes de etiquetado
Máster en Gestión de ContenidosUB - UPF
Mari VallezÀrea de Coneixement de Biblioteconomia i Documentació
Universitat Pompeu [email protected]
![Page 2: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/2.jpg)
1. ¿Qué son los lenguajes de etiquetado?
2. Lenguajes de etiquetado
3. Dublin Core
4. Referencias
Índice
Fundamentos en Edición Electrónica - 2012/2013
![Page 3: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/3.jpg)
● Forma de codificar un documento
● Incorporar marcas con información adicional
● 2 tipos de marcado:○ Presentación - Formato - Visualización ○ Descriptivo - Estructura del contenido
¿Qué son?
Fundamentos en Edición Electrónica - 2012/2013
![Page 4: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/4.jpg)
Fundamentos en Edición Electrónica - 2012/2013
![Page 5: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/5.jpg)
Fundamentos en Edición Electrónica - 2012/2013
![Page 6: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/6.jpg)
● SGML● HTML● DHTML● XML● XHTML● CSS
Lenguajes de etiquetado
Fundamentos en Edición Electrónica - 2012/2013
![Page 7: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/7.jpg)
● SGML● HTML● DHTML● XML● XHTML● CSS
Lenguajes de etiquetado
● Standarized Generalized Markup Language● Norma ISO 8879 de 1988● Documentos distribuidos (no único)● Contenido / Etiquetas● DTD
Fundamentos en Edición Electrónica - 2012/2013
![Page 8: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/8.jpg)
Fundamentos en Edición Electrónica - 2012/2013
![Page 9: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/9.jpg)
● SGML● HTML● DHTML● XML● XHTML● CSS
Lenguajes de etiquetado
● Hypertext Markup Language● Tim Berners-Lee (1993)● Hipertextual● Contenido y estructura del documento● Visualización depende del navegador
Fundamentos en Edición Electrónica - 2012/2013
![Page 10: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/10.jpg)
● SGML● HTML● DHTML● XML● XHTML● CSS
Lenguajes de etiquetado
● Etiquetas entre < > y </ >● Última versión: HTML 4.01 (W3C) - 1999● Borrador: HTML 5 - 2009● Indicar en la cabecera: <!DOCTYPE HTML PUBLIC “-//W3C// DTD HTML 4.01 Transitional//EN”>
● Elementos y atributos:<font color="red">texto</font>
Fundamentos en Edición Electrónica - 2012/2013
![Page 11: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/11.jpg)
Fundamentos en Edición Electrónica - 2012/2013
![Page 12: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/12.jpg)
● SGML● HTML● DHTML● XML● XHTML● CSS
Lenguajes de etiquetado
● Dynamic HTML● Permite modificar los contenidos sobre la
marcha● Flexible para el diseño y la maquetación● Programación compleja para usuarios
medios● Comportamiento no estándar en
navegadores
Fundamentos en Edición Electrónica - 2012/2013
![Page 13: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/13.jpg)
Fundamentos en Edición Electrónica - 2012/2013
![Page 14: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/14.jpg)
● SGML● HTML● DHTML● XML● XHTML● CSS
Lenguajes de etiquetado
● Extended Markup Language● Producto de SGML● Metalenguaje que ordena, estructura
y describe● DTD y XSL
Fundamentos en Edición Electrónica - 2012/2013
![Page 15: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/15.jpg)
![Page 16: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/16.jpg)
XML
<ARTICULO>
<AUTORES>MELIS MAYNAR, MANUEL</AUTORES><TITULO>AMPLIACION DE LA RED DE METRO 1995-99.
ESTADO DE LOS TRABAJOS EN OCTUBRE DE 1997</TITULO><RESUMEN></RESUMEN><PAGINAS>9-14</PAGINAS>
</ARTICULO>
Fonaments d'edició electrònica - 2012/2013
![Page 17: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/17.jpg)
● SGML● HTML● DHTML● XML● XHTML● CSS
Lenguajes de etiquetado
● Fusión de HTML y XML● Estándar actual
Fundamentos en Edición Electrónica - 2012/2013
![Page 18: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/18.jpg)
● SGML● HTML● DHTML● XML● XHTML● CSS
Lenguajes de etiquetado
● Las etiquetas siempre se cierran<p>texto</p>
<br/>● Elementos y atributos en minúsculas● Valores de atributos con comillas
<td rowspan=“3”>
Fundamentos en Edición Electrónica - 2012/2013
![Page 19: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/19.jpg)
Del HTML al XHTML
![Page 20: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/20.jpg)
● SGML● HTML● DHTML● XML● XHTML● CSS
Lenguajes de etiquetado
● Cascade Style Sheet● Cómo se visualiza cada elemento
HTML<style>p{align:right}</style>
● Se almacenan aparte del HTML y se pone un link para llamarlo:
<link rel=“stylesheet” ref=“Hoja_estilo.css” type=“text/css>
Fundamentos en Edición Electrónica - 2012/2013
![Page 21: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/21.jpg)
Fundamentos en Edición Electrónica - 2012/2013
![Page 22: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/22.jpg)
![Page 23: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/23.jpg)
![Page 24: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/24.jpg)
● Es una norma internacional, que establece un conjunto de metadatos para la descripción de recursos.
● Aparece en 1995, en un momento en el que el volumen
de recursos disponibles en la Web no dejaba de crecer.
● Su principal característica es su sencillez.
● Actualmente Dublin Core (DC) establece dos posibles usos de sus elementos, posibilitando descripciones tanto mediante el “Simple Dublin Core” como del “Qualified Dublin Core”.
Dublin Core
Fundamentos en Edición Electrónica - 2012/2013
![Page 25: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/25.jpg)
Fundamentos en Edición Electrónica - 2012/2013
![Page 26: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/26.jpg)
● Ventajas
○ Simplicidad○ Flexibilidad○ Independencia sintáctica○ Crecimiento y evolución del estándar a través de una
institución formal consorciada: la DCMI○ Consenso internacional
Dublin Core
Fundamentos en Edición Electrónica - 2012/2013
![Page 27: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/27.jpg)
<html> <head>
<title>…</title> <meta name=”dc.title” content=”Blog de la Biblioteca Universitaria”> <meta name=”dc.creator” content=”Tapia Flores, Héctor”> <meta name=”dc.subject” content=”004.Ch383 1972″ (ejemplo de un DEWEY) <meta name=”dc.description” content=”Pagina de un blog preparada para …”> <meta name=”dc.publisher” content=”Biblioteca Universidad Arturo Prat”> <meta name=”dc.contributor” content=”Unidad de Medios Digitales”> <meta name=”dc.date” content=”2007-07-04″> <meta name=”dc.type” content=”text”> <meta name=”dc.format” content=”jpg”> <meta name=”dc.identifier” content=”84-999-8888-1 (ISBN)“> <meta name=”dc.source” content=”Colección de artículos …″> <meta name=”dc.language” scheme=“RFC1766″ content=“es”> <meta name=”dc.relation” content=”http://bibliopress.wordpress.com”> <meta name=”dc.coverage” content=”2007-07-04″> <meta name=”dc.rights” content=”http://www.ejemplo.cl/derechos_autor.html”>
</head>…
Dublin Core y XHTML
Fundamentos en Edición Electrónica - 2012/2013
![Page 28: UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS Lenguajes de etiquetado Standarized Generalized Markup Language Norma ISO 8879 de 1988](https://reader033.vdocuments.mx/reader033/viewer/2022052804/604d2533e649eb4039703a51/html5/thumbnails/28.jpg)
● Josep Manuel Rodríguez Gairín. Lenguaje de etiquetado de documentos digitales: SGML, XML, HTML. EN Cristòfol Rovira y Lluís Codina, Tendencias en documentación digital. Gijón: Trea, cop. 2006
● Guía Breve de Tecnologías XMLhttp://www.w3c.es/divulgacion/guiasbreves/tecnologiasxml
● The Dublin Core Metadata Initiativehttp://dublincore.org/
Referencias
Fundamentos en Edición Electrónica - 2012/2013