[UCR]  
[/\]
Universidad de Costa Rica
Escuela de Ciencias de la
Computación e Informática
[<=] [home] [<>] [\/] [=>]

Tipografía de artículos en Internet

Adolfo Di Mare



Resumen [<>] [\/] [/\]

En este documento se describe cómo tipografiar en HTML artículos de una revista académica que los distribuirá por Internet. El texto HTML de este artículo puede ser usado como plantilla para tipografiar otros documentos. A detailed description on how to typeset academic papers for an academic publication is given. The HTML text for this paper can be used as a template to typeset other documents.

      Poco a poco todas las revistas académicas serán distribuidas en dos formatos diferentes y complementarios. Por un lado, cada revista seguirá siendo impresa en papel, pero con un tiraje cada vez más pequeño, y por otro, será distribuida a través de Internet. Con el fin de definir el formato para los artículos, en este trabajo se propone detalladamente una organización de los archivos Internet en los que, paulatinamente, podrían obtenerse todos los artículos publicados en la revista académica.

      Aunque el lector de este documento debería saber con algún detalle cómo codificar un documento en HTML[1] para subirlo a Internet, también otras personas podrían interesarse en conocer grosso modo esta política tipográfica, para adherirse a ella o mejorarla. Aquí se habla de la forma del documento, pero no del contenido; en la Red es fácil encontrar guías de estilo que complementan este trabajo, por ejemplo en las referencias bibliográficas [1] y [5].

1. Introducción [<>] [\/] [/\]

      Junto con Internet han surgido nuevas oportunidades en todos los campos del quehacer humano. Cualquier publicación debe aprovechar esta importante tecnología, que permite aumentar enormemente el auditorio potencial, y al mismo tiempo abarata los costos de producción. Por eso es necesario que el canal principal de distribución sea, paulatinamente, Internet, pues el costo relativo de cada ejemplar impreso es muy alto. Ya muchas organizaciones hacen esfuerzos en esta dirección, como, por ejemplo, la Biblioteca Electrónica de la Universidad de Virginia [5].

      Por varias razones, la lectura de un artículo en la pantalla de un computador no es tan cómoda como en el papel. Primero, en una hoja de papel cabe más información que en una pantalla de computador. Lo usual es que en una pantalla pueda desplegarse un máximo de 2,000 letras, mientras que cada página impresa de una revista contiene diez veces más información. Por eso, muchas personas prefieren imprimir las páginas Internet que bajan de la red, con lo que descubren otro inconveniente: la impresión que resulta no tiene la calidad que es usual encontrar en una revista impresa. Los documentos Internet están formateados para desplegarse con hojeadores[2] HTML [3], que es un formato optimizado para la Navegación Internet, y no es óptimo para producir documentos impresos. Si se quiere una impresión de máxima calidad es necesario usar un formato como el PDF de Adobe [4], el cual sí está optimizado para ello. Además, lo común todavía es que las impresoras de computador produzcan documentos de menor calidad que las imprentas, aunque es muy posible que eso cambie conforme se acerca el año 2000.

      Otro inconveniente de leer artículos en una pantalla de computadora es su gran tamaño, que impide colocarla en una posición cómoda. Además, los monitores emiten luz muy brillante, lo que cansa la vista más rápido. Si tantos inconvenientes existen, entonces cabe preguntarse ¿Qué ventajas tiene distribuir y leer una revista académica de prestigio por Internet?

      Esta pregunta tiene muchas respuestas. Primero, los documentos HTML ya están en formato digital, lo que asegura su permanencia con la Humanidad hasta la Eternidad. Esto no ocurre con el papel, pues hasta las mejores impresiones se deterioran enormemente después de los años. Otra ventaja significativa es que los Motores Electrónicos de Indización, como Yahoo y Alta Vista, trabajan con documentos digitales de forma que los artículos pueden ser localizados y obtenidos electrónicamente. Así aumenta significativamente su utilidad: se beneficiarán no sólo quienes tengan un ejemplar de la revista de las ideas ahí expresadas, sino todos los usuarios Internet. De esta forma el conocimiento pasa de estar estático a ser dinámico, pues quien lo necesita, independientemente de adónde esté, puede obtenerlo através de la red.

      Como el costo de publicar la revista se reduce, entonces es posible publicar más y mejores artículos, aumenta considerablemente la velocidad de publicación, y además no debe menospreciarse el ahorro en papel que la publicación electrónica comporta, lo que contribuye a mejorar la calidad ambiental.

      Internet ha tenido profundo éxito porque permite enlazar recursos cognoscitivos. De esa forma, es posible saltar de un lugar a otro de la red, navegando electrónicamente hasta encontrar la respuesta buscada. Esta misma facilidad de traslación la tienen los documentos llamados hipertextos[3] y existe para los artículos publicados en la versión electrónica de la revista. Por ejemplo, si el lector quiere leer el contenido de una nota de pie de página[4] en la versión electrónica de esta revista, basta que seleccione el hiper-enlace que está bajo la referencia. Para retornar al texto original después de leer el pie de página se puede usar el hiper-enlace de vuelta que incluye cada nota (algunos hojeadores permiten usar el botón de retroceso [back] para retornar al punto de salto)[5].

      Como los artículos son relativamente pequeños, el texto completo de cada artículo publicado en la revista está almacenado en un solo archivo de computador (el texto de un artículo ocupa menos espacio que la foto a colores de una casa). Esto facilita manipular el artículo, y trasladarlo electrónicamente de un lugar a otro. Los pequeños íconos de navegación usados en el artículo, que no forman parte del texto, siempre pueden encontrarse en el Servidor Internet, bajo el directorio "/img".

2. Plantilla inicial de formato [<>] [\/] [/\]

      El HTML tiene muchos detalles por lo que es difícil editar documentos sin usar un editor especializado. Sin embargo, para mantener consistencia en el formato de todos los artículos de la revista, lo más simple es usar un artículo que ya ha sido publicado como plantilla para dar formato al nuevo artículo. Como este es el documento en que se define el formato usado en las publicaciones de la Universidad, lo natural es que este artículo sea la plantilla para formatear a los demás.

      Usar este documento como plantilla facilita mucho el proceso tipográfico, pues es simple y cómodo copiar un documento ya formateado, y editarlo para ponerle el texto de otros documentos. Además, la mayor parte de los editores modernos para HTML permiten definir plantillas para cada documento, lo que puede ser aprovechado para realizar la tipografía del artículo con mayor rapidez y precisión.

      En una sección posterior de este documento está el detalle de las principales consideraciones que deben tomarse en cuenta para tipografiar los artículos publicados en la revista. Sin embargo, antes de presentar esa lista cabe definir algunas consideraciones generales sobre la estructura del artículo.

3. Estructura de un artículo [<>] [\/] [/\]

      El formato de los artículos académicos es muy similar, tanto dentro de una misma publicación, como entre revistas diferentes. La mayor parte de los artículos tienen las siguientes partes:
Encabezado:
[/\]
Todos los artículos publicados en una misma revista tienen un encabezado similar, que incluye generalmente el logotipo que identifica a la revista, el título del artículo y el nombre de el o los autores. Muchas revistas tienen su propio logotipo, o usan el escudo de la Universidad de la institución, y algunos íconos de navegación.
Resumen:
[/\]
Es usual que las publicaciones académicas incluyan un pequeño sumario el contenido del artículo. Al resumen también se le llama Abstract.
Secciones:
[/\] [\/]
El autor del artículo generalmente estructura su documento en partes o secciones, cada una encabezada por el título respectivo. Hay quienes numeran las secciones, pero otras personas prefieren no hacerlo. También es común usar subsecciones para estructurar jerárquicamente el documento.
      Lo usual es que la primera sección sea la Introducción y que la última sea la Conclusión, pero en esto cada autor sigue sus propias reglas y, en general, los editores de revistas las respetan.
Notas de pie
de página:


[<>]
Esta es la primera de las secciones especiales de cada artículo publicado electrónicamente, pues en un artículo impreso los pies de página aparecen en la misma página. Para obtener los pies de página se usa una tabla HTML que contiene a la izquierda el número consecutivo de la nota, y a la derecha el texto. No es necesario que cada referencia a un pie de página sea numérica, pero es más simple numerarlas en lugar de usar otros símbolos para cada nota[*].
Bibliografía:

[<>]
En esta sección se incluye la bibliografía del artículo. Lo usual es usar una tabla HTML para poner cada cita aunque, en ocasiones, es suficiente usar una lista. Cada autor define la forma que toma esta sección cuando escribe su artículo.
Acerca del
autor:

[<>]
Después del texto del artículo está una pequeña referencia a las calificaciones del autor. Lo usual es que bajo su nombre esté la referencia Internet [URL] de su página Internet, y que también aparezca su dirección de correo electrónico.
Acerca del
documento:


[<>]
En esta sección se incluyen los detalles que identifican al artículo en Internet. Esta sección es importante pues en ella está detallado cómo localizar el artículo y se incluye su referencia bibliográfica completa, el sitio Internet en donde se encuentra el documento [URL], la mención de cómo contactar al autor y la fecha en que el documento fue editado.
Final del
documento:

[\/]
Al final de cada artículo está la mención de "Derechos Reservados" del autor, y también la dirección electrónica de la revista. Por último vienen los tres botones para navegar por el documento: hacia el documento padre, al índice y al principio.

4. Encabezado [<>] [\/] [/\]

      Todos los artículos deben comenzar con el emblema de la revista, algunos íconos de navegación y el título del documento. Lo que cambia de un artículo a otro es el título, por lo que, para obtener el encabezado de un nuevo documento, basta copiar el encabezado de este artículo, y editar la copia para obtener el nuevo.

      Cualquier artículo incluye una sección llamada "Acerca de este documento", en la que se detallan algunas de las características del documento, o sea, del archivo en donde se encuentra almacenado el artículo. Sin embargo, en el encabezado del artículo debe incluirse otra información sobre el documento; el lector no la verá cuando hojee el artículo.

      El encabezado de un documento HTML es la parte delimitada por los marcadores <HEAD> y </HEAD>. El cuerpo o contenido del documento comienza después del marcador <BODY>. En el caso de este artículo, en el encabezado aparecen los siguientes estatutos SGML (aunque el hojeador nunca los despliega):

<META NAME="DESCRIPTION" CONTENT=
     "Tipograf&iacute;a de art&iacute;culos en Internet">
<META NAME="KEYWORDS" CONTENT=
     "tipograf&iacute;a de art&iacute;culos en Internet,
      Internet typesetting,
      typesetting papers">
<META NAME="GENERATOR" CONTENT="VDE v1.81, by Eric Meyer">
<META NAME="AUTHOR" CONTENT="Adolfo Di Mare">

<META NAME="TYPESETTING" CONTENT="Adolfo Di Mare">
<META NAME="REVISION" CONTENT="1998-01-26-ymd">
<META BASE="http://www.di-mare.com/adolfo/p/typeset0.htm">
<META NAME="COPYRIGHT" CONTENT="Adolfo Di Mare, 1997">

      HTML es la especificación que se usa para dar formato a los documentos Internet, y es un subconjunto del estándar SGML. Estos son estatutos SGML, y aunque aparecen en el encabezado del documento no son desplegados por el hojeador porque son meta-estatutos, esto es, descriptores generales del documento. El lugar apropiado para incluir la declaración SGML "<META ...>" con este tipo de información descriptiva es el encabezado del documento.

      Lo usual es que al dar formato a un documento en HTML se use un editor de textos especializado, el que genera las dos sentencias "GENERATOR" (nombre y versión del editor) y "AUTHOR" (nombre de la persona a nombre de quien está registrado el editor de textos). Este artículo, fue escrito sin usar una de estas nuevas herramientas, sino mas bien un editor de textos ASCII llamado VDE.exe v1.81, que fue programado por Eric Meyer.

      Lo común es que el texto de estos descriptores esté escrito usando únicamente las letras del alfabeto ASCII, pero en aquellos casos en que sea necesario usar otras letras, como las vocales tildadas [á, é, í, ó, ú] y otras letras [ñ, Ñ, É], no hay problema en poner la representación HTML. Por ejemplo, la palabra "Tipografía" que aparece en el descriptor "DESCRIPTION" está escrita en el documento como "Tipograf&iacute;a".

      Es válido definir tantas declaraciones "META" como se quiera. Además de las usuales "GENERATOR" y "AUTHOR", se pueden usar también otras:

"DESCRIPTION"
Muchos motores de búsqueda Internet toman información del encabezado para indizar el documento. El texto que se incluye en este meta-descriptor sirve para indicarle al buscador electrónico cómo describir al documento cuando lo indiza. En el caso de un artículo, lo lógico es que tenga un nombre muy descriptivo, por lo que en este marcador puede omitirse, o usar el título del artículo.
"KEYWORDS"
Esta es otra anotación que se usa para que el documento quede indizado debidamente por los motores de búsqueda Internet. En este caso, después del marcador "CONTENT" debe ponerse una lista de palabras clave, separadas por comas. La lista puede ser arbitrariamente larga, pero es mejor no usar renglones muy anchos.
      Algunos motores de búsqueda Internet no indizan un artículo si tiene más de siete (7) descriptores en la meta-sección "KEYWORDS", por lo que es conveniente usar sólo los descriptores relevantes que realmente ayuden a definir el contenido del artículo.
      La persona indicada para definir las palabras clave de indización para cada artículo es el autor. Si no las ha especificado, entonces es posible que un lector las sugiera contactando por correo electrónico al editor de la revista o al autor.
"GENERATOR"
Programa usado para tipografiar en HTML el documento Internet.
"AUTHOR"
Nombre de la persona, o personas, que han escrito el artículo. Si varias personas comparten la autoría debe incluirse una declaración "AUTHOR" separada para cada una de ellas.
"TYPESETTING"
Como los documentos escritos para ser accesados a través de Internet tienen cualidades diferentes a los documentos impresos en papel, lo usual es que la tipografía HTML no sea hecha por quien originalmente escribe el texto del documento. Este descriptor tiene el nombre de la persona que tipografió, en HTML, el documento.
      En cualquier artículo es el autor quien debe tener todo el reconocimiento por el trabajo realizado, pues la escritura del contenido de un artículo siempre tiene una demanda intelectual mucho más alta que su tipografía. Pero es conveniente que quien lo ha tipografiado sea también mencionado, aunque de forma silenciosa. La meta-declaración "TYPESETTING" no será vista en pantalla a menos que el lector decida ver el código HTML del artículo, y a la mayoría eso no le interesa.
"REVISION"
Es la fecha en que se realizó la última edición del documento. Está codificada con números en el formato Año-Mes-Día, y luego se agregan las letras "ymd" (year-month-day) que describen la forma en que está escrita la fecha.
"BASE"
Indica el sitio Internet en dónde está almacenado el documento. Es muy útil porque le indica al hojeador desde donde fué cargado el documento originalmente, de manera que no se pierden las referencias relativas. Así, si alguien copia el documento y lo envía a otro sitio, al hojearlo no se perderán las referencias desde el documento a otros relacionados. Esto facilita mucho el intercambio de documentos en toda la red.
      Como se explica luego, el marcador <BASE> contiene un URL, el que, como todo URL Internet, debe incluir el tipo de protocolo usado para accesar el documento [http://], el nombre del computador [www.di-mare.com], la ruta hasta el archivo [/adolfo/p/] y el nombre del archivo [typeset0.htm]:
      <BASE HREF="http://www.di-mare.com/adolfo/p/typeset0.htm">.
"COPYRIGHT"
Indica el nombre de la persona o institución a quien pertenecen los derechos de autor del documento. También es conveniente incluir el año.

      A veces conviene incluir en el encabezado, o en cualquier otra parte del documento, documentación adicional, pero se necesita que el lector no la vea cuando hojee el escrito. Esta documentación debe estar rodeada por los marcadores HTML de comentario <!-- y -->.

      Otros datos que pueden ponerse entre comentarios HTML son la historia de modificaciones que se le han hecho al escrito, o los nombres de personas que han contribuido a producirlo de alguna manera:

<!--
1996-Dic-21: Agu:ero ajusto' el taman~o del texto original
1997-Ene-03: Cambio de i'conos de navegacio'n
Iconos: Gracias a Emmanuel Calvo <synthe@sol.racsa.co.cr> por convertirlos desde .bmp a .gif
Falta: Los enlaces <A NAME="ancla"> de navegacio'n no funcionan en WebExp v1.3
Falta: No se puede usar el fondo que el autor solicito' porque Netscape dura mucho carga'ndolo.
-->

      Al final de cada artículo se incluye más información sobre el documento HTML, por lo que no es conveniente repetirla en el encabezado.

5. Secciones [<>] [\/] [/\]

      Es importante que la apariencia general de los artículos publicados en la revista sea relativamente similar. Lo primero que el lector debe ver cuando hojea uno de los artículos es la información sobre la revista, junto con los íconos de navegación que la distinguen. La forma y posición de estos primeros elementos del documento deben ser los mismos para todos los artículos publicados en la revista.

      El título del artículo debe aparecer en una sección de nivel <H1>, y cada una de las secciones debe tener nivel <H2>. Si el autor del artículo lo desea, puede numerar cada sección.

      Junto al nombre de la sección deben estar los íconos de navegación que le permitan al lector volver al principio del artículo o saltar al índice o al final. Esto facilita la lectura del artículo.

      Los hojeadores no dejan automáticamente sangría cuando despliegan un documento, por lo que para lograr la sangría es necesario usar algún truco para engañar al HTML y obtener la sangría de cada párrafo. Por eso es necesario incluir cinco espacios en blanco antes de cada párrafo:
      <P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
El carácter HTML "&nbsp;" es un espacio en blanco [Non Breaking SPace], y en la mayoría de los hojeadores HTML produce la sangría. Hay otros trucos similares, pero este tiene la ventaja de que al imprimir el documento no aparecen impresos símbolos extraños.

6. Navegación [<>] [\/] [/\]

      La consistencia en la forma de los artículos de la revista es muy importante porque facilita mucho su lectura. Cada encabezado de sección debe incluir los mismos símbolos de navegación a través del documento, y la semántica de traslación debe ser siempre la misma. De esta manera, los lectores de la revista poco a poco llegarán a moverse con gran comodidad en todos los números de la revista.

      Los siguientes son los íconos de navegación que le permiten al lector trasladarse a través de todo el documento. Junto al ícono está el texto que usará el hojeador si no puede desplegar al ícono.

[home] [home] Antecesor: Al seleccionar este ícono el hojeador debe cargar el documento padre, que en este caso es, para cada número publicado, la página que contiene el índice de la revista. Este es el mismo efecto que produce activar el pulsador casa [home] que aparece en muchas páginas Internet.
[/\] [/\] Arriba: Al seleccionar este ícono el hojeador debe subir, o sea, volver al principio del documento.
[<>] <> Indice: Al seleccionar este ícono el hojeador se posicionará en el índice del documento. Desde ahí es posible trasladarse a cualquier sección del documento.
[\/] [\/] Final: Al seleccionar este ícono el hojeador debe bajar, o sea, posicionarse al final del documento. Una vez abajo, se puede retornar al documento padre directamente pues en la barra de desplazamiento que está al final se incluye un enlace para saltar hacia el documento padre.
[=>] [=>] Adelante: Al seleccionar este ícono el hojeador debe avanzar, lo que generalmente implica cargar el documento que sigue al artículo. El orden de los artículos es el orden en que aparecen publicados en la revista.
[<=] [<=] Atrás: Al seleccionar este ícono el hojeador debe retroceder, lo que generalmente implica cargar el documento que precede al artículo.

      Cada uno de estos íconos es un punto de salto en el documento, y está definido usando el marcador <IMG>, que permite incluir en el documento una imagen digital. Pero en todos los casos se usa el parámetro "ALT" que permite definir un texto que será usado por el hojeador en los casos en que no pueda desplegar el dibujo. De esta forma se logra que quien copia uno de los documentos en su disquete después pueda leerlo aunque no esté conectado a la red. También gracias al uso del atributo "ALT" es que todos los documentos de la revista se pueden ojear con hojeadores del tipo "sólo texto", como el programa "lynx" [2] disponible en muchas plataformas.

      Conforme pasa el tiempo, los programas y equipos de computación son cada vez más poderosos, y entonces cabe preguntarse si vale la pena el esfuerzo de dar formato a un documento para que pueda ser leído en hojeadores que no tienen capacidad de graficación como "lynx". Sin embargo, existen contextos en donde no se puede usar un hojeador en modo gráfico. Por ejemplo, las personas ciegas no pueden usar programas gráficos, pero si al documento se le ha dado formato adecuadamente, entonces pueden leerlo con un hojeador sonoro, que en lugar de desplegar en la pantalla los documentos, los leen con voz pausada y elegante. Interesa que el formato digital de las publicaciones sea lo más simple posible, para que su auditorio sea más grande.

      Los íconos de navegación aparecen a lo largo de todo el documento con el fin de que el lector pueda usarlos para desplazarse en él. A la par de cada encabezado de sección aparecen los íconos [<>] y [/\] para llegar rápidamente al índice del documento, o al principio y al final, o a cualquiera de sus secciones.

      Como al principio de cada artículo hay dos flechas para hojear al artículo siguiente o al anterior, entonces el lector puede trasladarse con gran facilidad de un documento a otro, para hojearlos y decidir cuál de todos leerá. Si el artículo incluye un resumen, entonces es rápido llegar a él desde el encabezado.

7. Nombres para las referencias [<>] [\/] [/\]

      Como la navegación en todos los artículos es consistente, en la tipografía del texto HTML para cada documento es conveniente usar los mismos nombres para cada uno de los puntos de salto y enlaces [anclas]. Así no sólo la forma sino también el contenido de cada documento es consistente con los demás.

      El nombre de cada ancla siempre debe aparecer en un marcador de referencia. Por ejemplo, el ancla del Resumen es <A NAME="resumen">, y el del Indice del artículo es <A NAME="indice">. La lista de los nombres de ancla estándar es la siguiente:

"principio"
Esta ancla marca el principio del documento, que es el lugar al que se llega si se pulsa el marcador [/\].
"titulo"
Esta ancla marca el título del documento. A diferencia de la referencia al principio del documento, ésta se usa en pocas ocasiones.
"resumen"
Denota la parte del documento en donde se encuentra el resumen del artículo.
"desde01" ... "desde100"
Las notas de pie de página aparecen en una sección aparte, al final del documento, y desde el cuerpo del escrito hay una referencia para saltar a la nota. Pero también desde la nota hay un punto de salto de vuelta al texto en donde la nota aparece. El nombre del ancla para el punto de retorno desde la nota se obtiene poniendo la palabra "desde" como prefijo del número de la nota. Por ejemplo, al principio de este párrafo está definida el ancla <A NAME="desde07"> para regresar desde la nota[7].
"nota-01" ... "nota-100"
Estas son las anclas complementarias a "desde". Al principio de cada nota de pie de página se define el ancla "nota-", que incluye como sufijo el número de la nota. Debe haber tantas etiquetas "desde" y "nota-" como notas tenga el documento.
"notas"
Esta ancla marca el lugar en donde están todas las notas de pie de página del documento. Si un documento no tiene notas, entonces esta ancla no está definida.
"biblio"
Esta ancla marca el lugar en donde están las citas bibliográficas del artículo.
"indice"
Marca el lugar del documento en donde comienza el índice. Corresponde al enlace [<>].
"autor"
En todos los artículos se incluye una breve reseña biográfica de los autores, y esta ancla marca el principio de la sección en donde están todas estas referencias. Esta ancla es diferente a "nombre".
"nombre"
Algunos artículos tienen más de un autor, por lo que para cada uno de ellos hay que definir una ancla en donde aparece su reseña biográfica. Lo más simple es usar el nombre del autor para definir esta ancla; por ejemplo, en el caso de este documento, el nombre de esta etiqueta es "adolfo", pues el autor es Adolfo Di Mare.
"acercade"
Al final de cada artículo se incluye una sección que describe al documento, en su versión Internet. Esta ancla marca el lugar en donde está esta descripción.
"final"
Esta ancla marca el final del documento, al que se llega si se acciona el enlace [\/].

8. Referencias bibliográficas [<>] [\/] [/\]

      Existen muchos estilos para incluir referencias bibliográficas en un artículo. A algunos autores les gusta poner cada referencia como una nota de pie de página, mientras que otros prefieren numerarlas consecutivamente comenzando con el número [1]. Otros condensan el nombre de los autores y le agregan el año de publicación para obtener la cita; en este caso la lista de citas tiene que quedar ordenada alfabéticamente. Como ejemplo de estos dos últimos estilos podemos usar las referencias número [4] y [5]:

[4] Page, B. & Holm, D: Web publishing with Adobe Acrobat and PDF, Wiley Computer Publishing, (363 p + CD-ROM), ISBN 0-471-14948-9, New York, 1996.
[PH-96] Page, B. & Holm, D: Web publishing with Adobe Acrobat and PDF, Wiley Computer Publishing, (363 p + CD-ROM), ISBN 0-471-14948-9, New York, 1996.
[Sea-94] Seaman, David: Campus Publishing in Standardized Electronic Formats -- HTML and TEI, http:// www.lib.virginia.edu /etext/articles/ar/ dms-arl94.html, Electronic Text Center, University of Virginia Library, Noviembre 1994.

      El estilo de las referencias lo escoge el autor del artículo; esa es su prerrogativa. Cuando se conoce su dirección de correo electrónico, es conveniente incluir bajo su nombre un enlace "mailto:" para que el lector pueda contactar con gran facilidad al autor del artículo.

      Algunos hojeadores parten las palabras que incluyen un guión "-". Si la referencia bibliográfica lo incluye, es posible que al ser desplegada quede en dos renglones, como se muestra en este ejemplo:
[PH-
96]
Page, B. & Holm, D: Web publishing with Adobe Acrobat and PDF, Wiley Computer Publishing, (363 p + CD-ROM), ISBN 0-471-14948-9, New York, 1996.

La forma de evitar este inconveniente es usar un guión que el hojeador no partirá: &#173;. Entonces en lugar de dar formato a la referencia con el guión [PH-96], hay que escribirla así: [PH&#173;96].

      Cuando se incluye un URL Internet en una referencia bibliográfica es conveniente partirlo en sus partes principales:

1. Servicio [http://]
2. Servidor [www.di-mare.com]
3. Ruta [/adolfo/p/]
4. Archivo [typeset0.htm]

De esta manera, al desplegar un URL, el hojeador podrá partirlo en sus componentes principales, permitiendo que sea desplegado en varios renglones. En la bibliografía de este artículo cada URL está partido.

      No es conveniente poner enlaces de retorno desde las citas bibliográficas, pues a diferencia de las notas de pie de página, el lector generalmente no necesita consultarlas cuando lee el artículo. Sin embargo, en algunos casos puede resultar útil incluir estos enlaces de vuelta en el artículo.

9. Detalles de composición [<>] [\/] [/\]

      Para lograr que la apariencia de todos los documentos publicados sea similiar es necesario definir muchos detalles. No todos se mencionan aquí porque el código HTML de este artículo sirve como ejemplo para definir con suficiente exactitud cómo debe realizarse la tipografía, y es por eso que además de leer este artículo, el lector debe examinar con cuidado el código HTML que contiene. Por ejemplo, algunos hojeadores HTML necesitan que los enlaces no contengan otros marcadores HTML:
   Correcto: <EM> <A HREF="detalles">Texto para el enlace</A> </EM>
   Incorrecto: <A HREF="detalles"> <EM>Texto para el enlace</EM> </A>

      El problema en este caso es que dentro de la referencia "HREF" se usan las marcas <EM> y </EM> que sirven para que el texto del enlace "Texto para el enlace" aparezca en fuente enfatizada (Texto para el enlace), pero la especificación del HTML prohíbe la segunda forma de esta construcción ya que es inválido incluir marcadores HTML dentro de una referencia.

      Cada  hojeador Internet es diferente. Por ejemplo, el Netscape v2.02 procesa correctamente definiciones anidadas de anclas, pero el Microsoft Explorer v3.01, no. Al principio de este párrafo están definidas dos anclas anidadas:

      <A NAME="incorrecta">
         <A NAME="correcta">
            Cada
         </A>
      </A> hojeador...

      Estrictamente hablando, no se puede anidar la definición de una ancla dentro de otra, aunque algunos hojeadores procesan las definiciones anidadas como se espera. Lo mejor es no usar este tipo de construcción que sólo sirve en algunos casos. De todas formas, y aunque no es correcto usar otros marcadores HTML dentro de enlaces "HREF", en este artículo no se puede profundizar tanto en detalles.

      La lista de las consideraciones que deben tomarse en cuenta al dar formato a un artículo es la siguiente:

10. Conclusión [<>] [\/] [/\]

      La estructura general de un artículo académico no cambia al ser publicado en Internet. Más bien, las nuevas posibilidades del medio electrónico, en particular las facilidades para componer hipertextos, permiten mejorar la forma del documento al publicarlo en la red. Las anotaciones de hipertexto para artículos aquí descritas facilitan mucho la navegación, pero no incomodan al lector que prefiere leer el documento impreso.

      Ya ha llegado la hora de publicar en Internet los artículos, que es un medio mucho más barato y que llega, no sólo a unos pocos, sino a todo el planeta.

11. Reconocimientos [<>] [\/] [/\]

      Esta investigación se realizó dentro del proyecto de investigación 326-94-215 "REDSI: Red Electrónica de Diseminación de Servicios de Información", inscrito ante la Vicerrectoría de Investigación de la Universidad de Costa Rica. La Escuela de Ciencias de la Computación e Informática también ha aportado fondos para este trabajo.


Notas de pie de página [<>] [\/] [/\]

[1] HTML: HyperText Markup Language. Lenguaje Hipertexto para formatear documentos.
[2] Hojeador HTML: es un programa que permite leer páginas Internet formateadas en HTML. En Inglés se les llama "Browsers", dos muy populares son Netscape e Internet Explorer.
[3] Hipertexto: documento escrito para ser leído en un computador por medio de un hojeador HTML[2]. Además del texto escrito, contiene enlaces que permiten saltar de un lugar a otro del documento, de forma que el lector no está restringido a un solo orden de lectura. Es usual que desde un documento haya enlaces a otros, lo que aumenta la expresividad del hipertexto respecto de los documentos impresos.
      Cuando un hipertexto está en Internet, es usual que los documentos estén desperdigados por toda la red, esto hace que los enlaces entre documentos sean percibidos como visitas a otros computadores. Los enlaces generalmente son desplegados en un color o fuente diferente (como este en lugar de este).
      En ambientes computacionales que permiten desplegar imágenes, es muy común que los hipertextos contengan gráficos, y que los enlaces sean representados como íconos.
[4] Este es el texto de la nota. En algunos casos puede ser muy largo, y en otros únicamente un par de letras. En todos los casos, el lector puede usar el botón de la izquierda de la nota[4] para retornar al texto desde donde saltó hacia la nota.
      Los números de nota siempre se escriben con fuente enfatizada, usando <EM> y </EM>, para que el lector los distinga de las referencias bibliográficas que no se enfatizan.
  • Esta es una nota de pie de página: [4].
  • Esta es una referencia bibliográfica: [2].

[5] Para retornar al punto de salto basta activar el hiper-enlace de vuelta que tiene esta nota de pie de página. En este caso, el hiper-enlace está bajo el número [5], a la izquierda de este párrafo, y que aparece en formato enfatizado[6] en el texto original.
      A diferencia de los pies de página, las referencias bibliográficas no aparecen en formato enfatizado en el texto orignal: [1].
[6] El <EM>formato enfatizado</EM> se obtiene en HTML rodeando una palabra o frase con los marcadores <EM> y </EM>.
      Algunos autores prefieren usar los marcadores de letra itálica <I> junto a </I>. El primer método es preferible porque es de más alto nivel, pues las marcas <EM> y </EM> son independientes del tipo de fuente que se usará para desplegar el texto, mientras que el marcador <I> induce al uso de fuente <I>itálica</I>, independientemente del medio de despliegue. En muchos casos el efecto de usar una u otra construcción es el mismo, aunque al tipografiar documentos para una revista es preferible usar marcadores HTML de nivel lógico, como la pareja <EM> y </EM>, en lugar de marcadores de nivel físico, como <I> con </I>.
[*] Este es el texto de la nota de pie de página, aunque esta nota es diferente a la que usualmente se encuentra en los artículos de la revista. A diferencia de las otras notas, esta no está identificada con un número, sino con un símbolo: [*].
[7] Este es el texto de la nota número [7]. En ella se define el ancla <A NAME="nota-07">, y para volver al texto contiene la referencia de [7].
[8] El enlace de retorno de esta nota no salta de vuelta al principio del párrafo, lo que hace que el lector vea sólo el renglón en que está la referencia, y no todo el contexto que comienza con el párrafo (esto sólo se puede ver en la versión electrónica del artículo).


Bibliografía [<>] [\/] [/\]

[1] Berners-Lee, Tim: Style Guide for online hypertext, http:// www.w3.org /hypertext/WWW/Provider/Style/ Overview.html, World Wide Web Consortium [W3C], 1995.
[2] Flavell, Alan: ALT texts in IMG, http:// d1.ph.gla.ac.uk /~flavell/alt/ alt-text.html, Diciembre 1996.
[3] NCSA: NCSA: A Beginner's Guide to HTML, http:// www.ncsa.uiuc.edu /General/Internet/WWW/ HTMLPrimer.html, Abril 1996.
[4] Page, B. & Holm, D: Web publishing with Adobe Acrobat and PDF, Wiley Computer Publishing, (363 p + CD-ROM), ISBN 0-471-14948-9, New York, 1996.
[5] Seaman, David: Campus Publishing in Standardized Electronic Formats -- HTML and TEI, http:// www.lib.virginia.edu /etext/articles/ar/ dms-arl94.html, Electronic Text Center, University of Virginia Library, Noviembre 1994.

      Este artículo está disponible en Internet en la siguiente dirección:
         http://www.di-mare.com/adolfo/p/typeset0.htm


Indice [<>] [\/] [/\]

[-] Resumen
[1] Introducción
[2] Plantilla inicial de formato
[3] Estructura de un artículo
[4] Encabezado
[5] Secciones
[6] Navegación
[7] Nombres para las referencias
[8] Referencias bibliográficas
[9] Detalles de composición
[10] Conclusión
[11] Reconocimientos

Bibliografía
Notas de pie de página
Indice
Acerca del autor
Acerca de este documento
[/\] Principio [<>] Indice [\/] Final


Acerca del autor [<>] [\/] [/\]

Adolfo Di Mare: Investigador costarricense en la Escuela de Ciencias de la Computación e Informática [ECCI] de la Universidad de Costa Rica [UCR], en donde ostenta el rango de Profesor Catedrático. Trabaja en las tecnologías de Programación e Internet. Es Maestro Tutor del Stvdivm Generale de la Universidad Autónoma de Centro América [UACA], en donde ostenta el rango de Catedrático y funge como Consiliario Académico. Obtuvo la Licenciatura en la Universidad de Costa Rica y la Maestría en Ciencias en la Universidad de California, Los Angeles [UCLA].

[mailto] Adolfo Di Mare <adolfo@di-mare.com>


Acerca de este documento [<>] [\/] [/\]

Referencia: Di Mare, Adolfo: Tipografía de artículos en Internet, Revista Ingeniería, Facultad de Ingeniería, Universidad de Costa Rica, Volumen 6, Número 2, pp [55-70], 1996.
Internet: http://www.di-mare.com/adolfo/p/typeset0.htm
Autor: Adolfo Di Mare <adolfo@di-mare.com>
Contacto: Apdo 4249-1000, San José Costa Rica
Tel: (506) 207-4020       Fax: (506) 438-0139
Revisión: ECCI-UCR, Enero 1998
Visitantes:


Copyright © 1997 Adolfo Di Mare
Derechos de autor reservados © 1997
[home] [<>] [/\]