Páginas Web

¿Qué es www ?

Sigla de la expresión inglesa World Wide Web, 'red informática mundial', sistema lógico de acceso y búsqueda de la información disponible en Internet, cuyas unidades informativas son las páginas web.

¿Qué se entiende por página web?

Una página web se define como un documento electrónico el cual contiene información textual, visual y/o sonora que se encuentra alojado en un servidor y puede ser accesible mediante el uso de navegadores. Una página web forma parte de una colección de otras páginas webs dando lugar al denominado sitio web el cual se encuentra identificado bajo el nombre de un dominio.

¿Qué es el "html" ?

HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.

Todo lenguaje de marcado tiene una gramática que nos indica qué etiquetas se pueden utilizar, qué sig­nifican, cómo se relacionan entre ellas, etc. Es muy similar a las gramáticas de las lenguas humanas. Por ejemplo, la gramática española nos indica que un párrafo debe comenzar con mayúscula y finalizar con un punto y aparte. En HTML la gramática marca que un párrafo debe comenzar con la etiqueta <p> y finalizar con el cierre de la misma etiqueta (</p>). Las marcas de inicio y fin de párrafo son diferentes en castellano y en HTML, pero el significado es el mismo.

Otro aspecto que debemos cumplir si utilizamos HTML es la división de la información en dos bloques: la cabecera (head) y el cuerpo (body). La división de esta información es fácil de entender si lo comparamos con un libro, donde la información técnica (título, editorial, etc.) se encuentra en las primeras páginas.

En el caso del HTML reproducimos este mismo esquema, incluyendo el contenido en el body y los datos técnicos en la cabecera. En este sentido hay que destacar la etiqueta DOCTYPE, que nos indica qué tipo de gramática estamos utilizando: sería el equivalente a indicarle al navegador si hablamos en castellano o inglés.

Por ejemplo, en la cabecera se puede encontrar:

– Información contextual de la página. Estos metadatos nos permiten indicar información que puede no quedar clara en el contenido. Por ejemplo, indicar el idioma permite a un navegador de voz (para inviden­ tes) cambiar la pronunciación para leer correctamente el contenido.

– Referencia a otros ficheros. Todos aquellos recursos que necesite nuestra página deben estar referen­ciados desde la cabecera. Por ejemplo, archivos de CSS y JavaScript, el icono de la barra de direcciones, etc.

– Scripts y estilos. Si estos no se definen en un fichero independiente, se incluyen en la sección de cabece­ra para que estén disponibles en todo el documento y no tener que repetirlos.

Por otro lado, en el cuerpo se encuentra todo el contenido de la página, desde el texto a las imágenes, pa­sando por vídeos, enlaces, etc. Este contenido debe estar estructurado en diferentes secciones y marcado correctamente.

Por ejemplo, como decíamos antes, un párrafo se marca con una etiqueta <p>. Otro ejemplo podría ser la relación semántica que existe en un conjunto de puntos que forman una lista. En este caso se marcarían con las etiquetas <ul> o <ol> (unordered list u ordered list) dependiendo de cómo queramos establecer esta relación.