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

Post on 14-Oct-2020

3 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

Tema 1: Lenguajes de etiquetado

Máster en Gestión de ContenidosUB - UPF

Mari VallezÀrea de Coneixement de Biblioteconomia i Documentació

Universitat Pompeu Fabramari.vallez@upf.edu

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

top related