ub - upf máster en gestión de contenidos tema 1: lenguajes ... · html dhtml xml xhtml css...

28
Tema 1: Lenguajes de etiquetado Máster en Gestión de Contenidos UB - UPF Mari Vallez Àrea de Coneixement de Biblioteconomia i Documentació Universitat Pompeu Fabra [email protected]

Upload: others

Post on 14-Oct-2020

3 views

Category:

Documents


0 download

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

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

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

● 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

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

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

● 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

● 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

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

● 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

● 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

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

● 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

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

● 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
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

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

● 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

● 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

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

● 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

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
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
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

● 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

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

● 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

<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

● 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