Curso práctico para aprender a crear páginas web
Por Alejandro Valero
Página principal del curso: http://fresno.cnice.mecd.es/~avaler3/index2.htm
Este curso aborda la enseñanza de FrontPage Express, aplicación gratuita que se instala con el navegador Internet Explorer, de Microsoft, y que se utiliza para la elaboración de páginas web. Está dividido en lecciones que se pueden impartir en el aula, pero también sirve para aprender el empleo de este programa de forma autodidacta. En todo caso, lo mejor es aprender en el aula y repasar posteriormente con este curso. Antes de comenzar a utilizar este programa conviene estar informado de lo que es Internet y de las posibilidades que nos brinda. En la sección de Enlaces de interés se encuentran las direcciones de unas páginas muy útiles donde se puede conseguir información sobre el mundo de Internet.
El curso cuenta con imágenes y ejemplos que ilustran los contenidos, además de actividades que el alumno puede realizar para poner en práctica sus conocimientos y tests de autoevaluación. El objetivo es eminentemente práctico y consiste en la elaboración de una página personal que incluya los elementos más importantes que se pueden crear con FrontPage Express. Aquí se presenta una página web un tanto humorística que se va a ir elaborando poco a poco durante el curso. También se enseñarán nociones del lenguaje HTML, que es la base de toda página web; para ello, al final de algunas lecciones hay una extensión que comenta el código fuente utilizado en cada lección.
FrontPage Express es una de las mejores herramientas para aprender a elaborar documentos en lenguaje HTML, porque funciona prácticamente como un procesador de textos, es decir, los textos, las imágenes y los demás elementos que se deseen incluir en los documentos se pueden introducir simplemente utilizando el teclado y el ratón, sin que sean necesarios conocimientos previos de programación. Las mismas características tiene la aplicación Composer, que acompaña a los navegadores Mozilla y Netscape. Ambos programas son gratuitos y son muy válidos para comenzar a hacer páginas web.
Otros programas de edición de páginas web, más profesionales, son FrontPage, hermano mayor del que vamos a utilizar en este curso, y Dreamweaver, aplicaciones muy sofisticadas que cuentan con las últimas técnicas utilizadas en la creación de páginas web. FrontPage Express comparte con ellas la posibilidad de crear visualmente todos los elementos de la página. Hay otros programas que no comparten esta característica pero que son muy útiles por estar equipados, como FrontPage y Dreamweaver, de las últimas herramientas de creación web y, además, por ser gratuitos. Son, por ejemplo, 1stPage2000, HTMLGATE y HTML-kit, aplicaciones que se pueden encontrar en muchas páginas de descarga de programas.
Pero antes de comenzar, veamos la página completa que vamos a diseñar en sus cuatro versiones. Que nadie se asuste: resulta más fácil de lo que parece. Pulsemos los siguientes botones para ver las páginas en ventanas nuevas:
Esta página web está validada por The World Wide
Web Consortium (http://www.w3.org/).
Esta obra está bajo una licencia de Creative Commons.
© Alejandro Valero Fernández
Curso actualizado
el 16 de noviembre de 2004. He puesto este curso bajo una
licencia de Creative Commons. Según esta licencia, este curso no se puede utilizar para fines comerciales, y puede ser modificado haciendo referencia al autor y aplicándole la misma licencia.
Para descargar el curso al disco duro del ordenador hay que pulsar el botón de abajo. Es un archivo ejecutable para Windows de 550 Kb llamado WebsFPE que instalará el curso en el disco duro en un par de minutos. Para ello, una vez descargado el archivo, hay que hacer doble clic sobre su icono, y entonces aparecerá una ventana que muestra la ruta de la instalación: c:\Archivos de programa\Webs con FPE, ruta que se puede modificar. A continuación se pulsa el botón Comenzar, y cuando se acabe de instalar el curso, se pulsa el botón Aceptar. Aparecerá una ventana con los accesos directos al programa y a la desinstalación. Lo mejor es cerrar dicha ventana y abrir el curso desde donde se abren todos los programas instalados: pulsando el botón Inicio de la parte inferior izquierda del escritorio de Windows y desplegando el menú Programas; allí aparecerá la carpeta Webs con FPE, donde se encuentra el acceso al curso.
Descargar el instalador del curso (exe 550 Kb)
También se puede descargar la página del curso en un archivo comprimido ZIP, sin instalador, pulsando el siguiente botón. Después de descomprimir el archivo ZIP, hay que abrir el archivo index.htm.
Descargar el curso comprimido (zip 535 Kb)
El programa FrontPage
Express se puede descargar en la siguiente página:
http://www.aprender.org.ar/aulas/avafp/recursos/soft.htm
1.1 Comenzar aplicando formatos
1.2 Actividad nº 1: Aplicar formatos a un texto
1.3 Guardar el documento creado
1.4 Adquirir las primeras nociones sobre el lenguaje HTML
2.1 Insertar imágenes en un documento
2.2 Conocer las propiedades de la imagen
2.3 Actividad nº 2: Insertar imágenes
2.4 Conocer la etiqueta de imágenes en HTML
3.1 Aprender a trabajar con tablas
3.2 Modificar tablas
3.3 Conocer las propiedades de tabla y de celda
3.4 Actividad nº 3: Utilizar las tablas
3.5 Conocer las etiquetas de tablas en HTML
4.1 Crear varios tipos de hipervínculos:
4.1.1 Con marcadores dentro de un documento
4.1.2 A otro documento interno
4.1.3 A una página web externa
4.1.4 A una dirección de correo electrónico
4.1.5 A un archivo para descargarlo (download)4.2 Conocer los mapas de hipervínculos
4.3 Modificar las propiedades de la página
4.4 Actividad nº 4: Realizar los hipervínculos que faltan
4.5 Conocer las etiquetas de hipervínculos en lenguaje HTML
5.1 Crear formularios con todos los tipos de campos:
5.1.1 Propiedades de formulario
5.1.2 Cuadro de texto
5.1.3 Menú desplegable
5.1.4 Botón de opción
5.1.5 Casilla de verificación
5.1.6 Cuadro de texto con desplazamiento
5.1.7 Botón de comando
5.1.8 Campo oculto5.2 Actividad nº 5: Crear una encuesta con formulario
5.3 Enviar un mensaje con código PHP
5.4 Conocer los campos de formulario en HTML
6.1 Conocer el funcionamiento de los marcos
6.2 Conocer cómo se han creado los marcos de esta página web
6.3 Actividad 6: Diseñar la página del Monstruo con marcos
7.1 Conocer el funcionamiento básico de las hojas de estilo
7.2 Algunos ejemplos de estilos
7.3 Actividad nº 7: Estilos en la página del Monstruo
8.1 Conocer el funcionamiento básico de JavaScript
8.2 Actividad nº 8: Ejemplos de scripts:8.2.1 Ventana de alerta en JavaScript
8.2.2 Menú desplegable
8.2.3 El rollover
9.1 Incluir la declaración del tipo de documento
9.2 Conocer las etiquetas <meta> que informan a los buscadores
9.3 Aprender a transferir los archivos a un servidor
10.1 Tipos de páginas web
10.2 El color
10.3 La navegación
10.4 El contenido
10.5 Imagen y multimedia
10.6 Los navegadores
10.7 La resolución de los monitores
10.8 Los tipos de letras
10.9 Público y medio
Test de páginas web
Test de lenguaje HTML
Test de Internet