Páginas web con FrontPage Express

Curso práctico para aprender a crear páginas web

Por Alejandro Valero

Página principal del curso: http://fresno.pntic.mec.es/avaler3/index2.htm

Presentación
Novedades
Descarga del curso y de FrontPage Express
Sumario del curso

Presentación

Front Page Express


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.

(También existe una versión de este curso para ser utilizado con el editor Kompozer, que está más actualizado y se puede usar en varios sistemas operativos.)

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:

Página con imagen

Página con tablas

Página con marcos

Página con estilos


Esta página web está validada por The World Wide Web Consortium (http://www.w3.org/).

Valid html401 Valid CSS

Esta obra está bajo una licencia de Creative Commons.

© Alejandro Valero Fernández

Licencia de Creative Commons

Novedades

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.

Descarga del curso y de FrontPage Express

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 aquí.

Sumario del curso

Presentación

1. Formatos de texto

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. Imágenes

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. Tablas

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. Hipervínculos

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. Formularios

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 oculto

5.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. Marcos o frames

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. Hojas de estilos

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. JavaScript

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. Publicar en red

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. Guía de diseño

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

Tests de autoevaluación

Test de páginas web
Test de lenguaje HTML
Test de Internet

Enlaces de interés


Arriba Siguiente


Páginas dispersas de Alejandro Valero - http://fresno.pntic.mec.es/avaler3