Páginas WEB

DISEÑO DE PAGINAS WEB

Lenguaje HTML

Cuando accedemos a una página web a través de nuestro navegador, lo que estamos viendo es un documento de hipertexto, un simple fichero de texto con la extensión HTM o HTML. El que tenga una apariencia tan atractiva, con sus hiperenlaces, imágenes, vídeo, sonidos, etc., se debe a que el fichero de texto contiene una serie de instrucciones en un lenguaje de programación llamado HTML (Hyper Text Markup Languaje) que el navegador se encarga de interpretar adecuadamente. El fichero de texto se puede visualizar y modificar con cualquier editor de textos sin formato (por ejemplo Bloc de Notas) o bien a través del propio navegador (por ejemplo, con la opción Código fuente del menú Ver de Internet Explorer).

Podríamos diseñar nuestras páginas web utilizando un editor de textos sin formato, pero nos resultará más útil y rápido hacerlo a través de unos programas llamados editores HTML. Estos programas introducen automáticamente las sentencias HTML a través del uso de sus menús y barras de herramientas sin necesidad de que el usuario tenga que preocuparse de ello. Además permiten ver la página tal como será visualizada por el navegador. En el presente curso utilizaremos el Front Page Express, que viene en la suite de Internet Explorer 4. De todas formas, resultará conveniente conocer la estructura básica de un documento de hipertexto que se comenta a continuación.

Los documentos de hipertexto o páginas web están estructurados en etiquetas. Una etiqueta está delimitada por los caracteres < y > y contiene determinados códigos de formato. Por ejemplo: la etiqueta <strong> hará que el texto que figura a continuación se presente en negrita.

Si los códigos de una etiqueta están precedidos por el carácter /, la etiqueta es una etiqueta de cierre y desactiva el formato en cuestión. Por ejemplo: </strong> desactiva el atributo de negrita. Con lo cual nuestra sentencia HTML completa quedaría de la forma:

<strong>Ejemplo de Texto en Negrita</strong>

Los documentos de hipertexto deben tener la etiqueta <HTML> al inicio del documento y la etiqueta </HTML> al final del mismo.

Están divididos en dos partes:

La cabecera, delimitada por las etiquetas <HEAD> y </HEAD> que es donde se introduce el título de la página.

El cuerpo, entre las etiquetas <BODY> y </BODY> que contiene el texto de la página, las imágenes, hiperenlaces, etc., esto es, todos los elementos de la página que después visualizaremos a través del navegador.

Por lo general, no será necesario introducir manualmente las etiquetas cuando trabajemos con nuestro editor HTML salvo cuando necesitemos introducir alguna no disponible a través de los menús. En este caso recurriremos a editar el fichero de texto fuente e introducirla manualmente.