UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS...
Transcript of UB - UPF Máster en Gestión de Contenidos Tema 1: Lenguajes ... · HTML DHTML XML XHTML CSS...
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]
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
● 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
Fundamentos en Edición Electrónica - 2012/2013
Fundamentos en Edición Electrónica - 2012/2013
● SGML● HTML● DHTML● XML● XHTML● CSS
Lenguajes de etiquetado
Fundamentos en Edición Electrónica - 2012/2013
● 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
Fundamentos en Edición Electrónica - 2012/2013
● 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
● 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
Fundamentos en Edición Electrónica - 2012/2013
● 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
Fundamentos en Edición Electrónica - 2012/2013
● 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
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
● 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
● 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
Del HTML al XHTML
● 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
Fundamentos en Edición Electrónica - 2012/2013
● 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
Fundamentos en Edición Electrónica - 2012/2013
● 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
<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
● 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