Curso de iniciación al diseño de páginas web

Una página web es un archivo de texto escrito en un lenguaje de programación denominado HTML que puede incluir texto, imágenes, archivos multimedia y programas escritos en otros lenguajes, que permite la interconexión con otras páginas web y con otros archivos (estas características conforman lo que se denomina HIPERTEXTO). Para visualizar correctamente una página web debemos utilizar un navegador. Los navegadores más utilizados hoy día son Internet Explorer y Mozilla Firefox.

Diseño de páginas web

Hay dos formas de acercarse al diseño de páginas web:

  1. Aprender  HTML: Si se pretende diseñar páginas web a un nivel avanzado es imprescindible conocer el lenguaje HTML así como otras técnicas y lenguajes de programación (hojas de estilos, javascript, java, flash,...). En este caso basta con un sencillo editor de textos (como el Bloc de Notas) para el diseño, aunque resulta bastante incómodo y se suele sustituir por editores de HTML y otros lenguajes de programación.


  2. Utilizar un procesador de textos moderno u otros programas orientados al diseño de páginas web por personas no especialistas. Algunos ejemplo son Microsoft Word, OpenOffice Writer, Microsoft Frontpage,... Con estos programas no es necesario saber nada de HTML para el diseño de páginas web pero se tiene menos flexibilidad para el diseño de páginas sofisticadas. Además alguno de estos programas puede dar problemas de incompatibilidad con algunas aplicaciones integradas en la página.

En este pequeño curso de iniciación vamos a seguir un enfoque mixto. Vamos a utilizar un programa de diseño del segundo tipo pero, al mismo tiempo, vamos a aprender algo de lenguaje HTML para que podamos aprovechar su flexibilidad para modificar características que el programa no permite. Además conocer algo de HTML nos permitirá copiar recursos de otras páginas de Internet en nuestras páginas.

El programa que vamos a utilizar, además, dispone de herramientas más sofisticadas (editor de hojas de estilos) que podrán utilizar aquellos alumnos que quieran profundizar algo más en el diseño avanzado de páginas web.

El curso está organizado como los cursos anteriores: una actividad introductoria en la que habrá que descargar e instalar los programas que se van a utilizar y una serie de ejercicios guiados que habrá que ir enviando al profesor para que los vaya corrigiendo.

El curso se completará con un trabajo final que configurará la última parte del trimestre: la creación y publicación de un sitio web. Para ello se utilizará el servidor de páginas web del instituto. Los detalles de este trabajo se explican en el apartado Publicación de páginas web.

Programas necesarios para el desarrollo del curso
Ejercicio 1 Ejercicio 2 Ejercicio 3 Ejercicio 4
Ejercicio 5 Ejercicio 6 Ejercicio 7 Ejercicio 8
Ejercicio 9 Ejercicio 10 Ejercicio 11 Ejercicio 12