Curso Semipresencial de Páginas Web

0. Introducción

Las páginas Web no son otra cosa que ficheros de texto planos, escritos en formato HTML (Lenguaje de Marcas de Hipertexto).  Este formato especial se basa en intercalar, a lo latgo del texto de la página, una serie de marcas o etiquetas que indican las características especiales de dicho texto. Si un texto tiene que ir en negrita, éste debe ser precedido por una marca y finalizado con otra.

El presente curso semipresencial intenta dar a conocer la manera en que se pueden construir sencillas páginas web para que, desde este aprendizaje, se pueda realizar una posterior incursión en el perfeccionamiento del diseño de páginas.

Se ha elegido el diseño desde una plataforma fácil y alejada del código. Con FrontPage Express no es necesario conocer ni una sola palabra de HTML para producir páginas de aspecto profesional. Si estamos editando una página y queremos poner una palabra en cursiva o cambiar el color de un encabezamiento, simplemente, seleccionamos texto, pulsamos un botón y hecho está.

Esto nos permite concentrarnos en cosas más importantes como por ejemplo la creación de una buena presencia de la página. No obstante, podemos también escribir código HTML en una ventana que se abre al seleccionar el menú Ver-HTML.

El uso de FrontPage Express es asequible puesto que se parece más a un procesador de texto que a otra cosa. No obstante desde muchos procesadores de texto se pueden crear páginas Web (Word 97 y 2000, por ejemplo). Al mismo tiempo podremos ir viendo como al ir insertando elementos la propia aplicación va generando el código HTML o Lenguaje de Marcas de Hipertexto.

El editor de FrontPage nos permite ver lo que se quiere conseguir. Su funcionamiento es muy parecido al de una aplicación de procesamiento de textos como Word. Incluye una gran parte de botones de negrita, cursiva, subrayado, color de texto, alineación, listas numeradas, deshacer y rehacer, etc. El texto se escribe en la pantalla del editor de la misma forma que se hace en archivo de Word. También podemos diseñar tablas e insertar imágenes. Podemos, igualmente, tener varias páginas abiertas al mismo tiempo.

Cuando se ejecuta FrontPage, el Editor aparece en su propia ventana incluyendo barras de desplazamiento y distintos menús de órdenes en la parte superior.

De igual manera podemos maximizar o restaurar el Editor asi como cada uno de los documentos abiertos, usando los botones central e izquierdo de los tres que aparecen en la esquina superior derecha del Editor o más abajo, del documento.

El Editor incluye barras de herramientas Estándar, Formato, Formularios y Estado, disponibles en el menú Ver, asi es como se ven en la figura que acompaña a este documento. Para ocultar una barra de herramientas, se selecciona su nombre en el menú Ver (asi se elimina la marca de selección que existe a su lado). Para mostrar la barra oculta se procede de igual manera pero en este caso se coloca una marca a su lado.

Ahora que ya sabemos cómo configurar algunas opciones básicas, ha llegado el momento de sumergirnos en la tarea de desarrollar páginas Web.

Las actividades que se desarrollan a continuación están divididas en cuatro sesiones, correspondientes a las cuatro clases presenciales que vamos a tener y que se presentan a continuación. Cada actividad va numerada y al final de muchas de ellas, en letra cursiva, aparece alguna indicación referente a la observación del código HTML de la página que estamos construyendo. Cuando debamos acceder a un menú la indicación vendrá dada por un texto en cursiva y en color azul. La indicación de introducir un texto determinado vendrá expresado con el texto en color rojo.