¿Qué es el papel?

¿Cómo se fabrica el papel?

De todos los soportes, tal vez el más utilizado en diseño gráfico tradicional sea el papel. Aquí va un interesante video (tiene sus años, pero se ve claramente lo esencial del proceso), con música y locutor hispano!


Que es el papel from juan cieri on Vimeo.

Aquí uno en inglés, pero más claro visualmente:

===

Grosor vs. gramaje

Muy importante: grosor y gramaje no son lo mismo, aunque para el común de la gente lo parezca.

Grosor:

El grosor es fácil, está en nuestro léxico cotidiano. Se trata del espesor del papel, y se mide con una herramienta llamada micrómetro. Se mide en unidades de longitud.

Gramaje:

El gramaje, en cambio, significa el peso de un metro cuadrado de dicho papel. Se mediría con algo más parecido a una balanza, digamos. Se mide en gr/m2 (gramos sobre metro cuadrado). Por ejemplo 90gr/m2.

Estándares web – W3C

W3C

Como dijimos en nuestra primera clase sobre Desarrollo Web, la institución que se encarga de crear y administrar los estándares web es la W3C (World Wide Web Consortium): www.w3.org

Así como en la industria gráfica, en la World Wide Web existen estándares que aseguran que la Web funcione lo mejor posible en todo el mundo, para todas las plataformas, utilizando todos los navegadores. La W3C está dirigida por Sir Tim Berners-Lee, el creador de la Web.

Hay, también, una versión del sitio correspondiente a España: allí podrán encontrar contenido en español: www.w3c.es

Existe otro grupo de gente que en paralelo está haciendo una tarea similar, de creación de estándares web. Son algo así como los disidentes, se trata de la WHATWG (Web Hypertext Application Technology Working Group): www.whatwg.org

Editores de texto para desarrolladores

Como dijimos en clase, los profesionales y especialistas en diseño y desarrollo web utilizan editores de texto para su trabajo diario.

Podrían utilizar tranquilamente el Bloc de Notas (Notepad, en inglés) de Windows, o el TextEdit de Mac OS X —cualquier editor de texto que genere archivos de texto plano—; pero por lo general se utilizan editores de texto especialmente creados para escribir código. Estos programas ayudan a los desarrolladores marcando con colores las diferentes partes del código y escribiendo automáticamente ciertas partes.

Linux:

Windows:

Mac OS X:

Por último, no nos olvidemos del archiconocido, pero no recomendable, Adobe Dreamweaver. En su gran mayoría, los desarrolladores web profesionales no lo utilizan por su pobre funcionalidad, el retraso en la aplicación de los últimos estándares web, y su precio.

Diferentes versiones de HTML

Como con la mayoría de los formatos de archivos de computadora, existen diferentes versiones del formato HTML. Por lo general —si la página web está bien hecha— el archivo HTML contiene, en el primer renglón, la indicación de qué versión se trata. Este primer renglón se llama Doctype, y aquí listo algunos ejemplos:

Doctype del HTML 4.01 Transitional:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Doctype del XHTML 1.0 Transitional:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Y el doctype más sencillo, del estándar en proceso HTML5:

<!DOCTYPE html>

Curioso, verdad? El doctype del boceto de estándar llamado HTML5 no indica por ningún lado el número 5. Si tenemos un ratito hablaremos de esto en alguna clase.

Ejemplos de Doctypes colocados en archivos HTML:

Ejemplo de archivo HTML 4.01 Transitional:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Título general</title>
  </head>
  <body>
    <h1>Blog de CompuGraf3</h1>
    <p>Aquí algunas anotaciones.</p>
  </body>
</html>

Ejemplo de archivo  XHTML 1.0 Transitional:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Título general</title>
  </head>
  <body>
    <h1>Blog de CompuGraf3</h1>
    <p>Aquí algunas anotaciones.</p>
  </body>
</html>

Ejemplo del archivo basado en la situación actual de la especificación en proceso de HTML5:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Título general</title>
  </head>
  <body>
    <h1>Blog de CompuGraf3</h1>
    <p>Aquí algunas anotaciones.</p>
  </body>
</html>

Curioso, verdad? El doctype del boceto de estándar llamado HTML5 no indica por ningún lado el número 5.

Formatos

En el la disciplina del Desarrollo Web front-end se utilizan principalmente tres formatos de archivos (hay más, pero éstos son los más importantes):

  • HTML: contenido de una página web, estructurado semánticamente. Se trata de un lenguaje de marcado.
  • CSS: presentación de una página web (el diseño de la página). Es un lenguaje de presentación.
  • JavaScript: el comportamiento de los elementos de una página web. Éste es el único de los tres que efectivamente es un lenguaje de programación.

Cuando el desarrollo de un sitio web está bien hecho, éstas tres cuestiones van por carriles separados. El contenido, el diseño y el comportamiento de una web nunca deben mezclarse.