El objetivo del proyecto de la Práctica 4 es modificar una página con el editor FrontPage Express. Se cambiará el título de la página, y el formato de algunos párrafos y tablas. Se insertarán imágenes, tablas y líneas horizontales de separación de apartados. También se insertarán escenas de Descartes.

Página para modificar

Este hiperenlace muestra la página HTML que hay que modificar usando FrontPage Express. Los textos de color verde indican los cambios a realizar.

Propuesta

Modificar la página Ejercicio_4.htm que está en la carpeta Ejercicios de la carpeta descartes_basico. Se suprimirán todos los textos de color verde que indican los cambios a realizar. Hay que insertar una imagen y dos escenas. La imagen es el logotipo de Descartes que está en la carpeta descartes_basico. Las escenas han sido descargada de la Web Descartes e instalada en el disco duro C: como se explicó en la Práctica 2 de este curso. La primera debería estar en el fichero C:\Descartes\3_eso\regularidades\regularidades_5.htm (es la última escena) y la segunda en el fichero C:\Descartes\3_eso\regularidades\regularidades_1.htm (es la primera escena).

O bien, crear una página nueva desde FrontPage Express cuyo acabado sea similar al que tendrá la página anterior.

Después de realizar los cambios la página quedará:

Se puede observar que para el diseño de la página se ha empleado la siguiente paleta de colores. Se facilita el código decimal de la mezcla Rojo, Verde y Azul correspondiente a cada color por si se quiere emplear en la elaboración de la página (se recomienda en esta ocasión para el profesor que va a seguir las actividades guiadas)

• El tipo de letra es Verdana, salvo los enunciados y el texto de las actividades que es Times New Roman.

Los textos del proyecto deben tener un aspecto muy similar sobre todo en el tamaño y en la característica de realzado (negrita) cuando exista.

• El encabezado de la página es una tabla de tres filas y dos columnas.

  • Las dos celdas de la tercera fila se han combinado en una sola y tiene una misión exclusivamente estética pues no aporta mas información que el color de su fondo.

  • Las dos primeras celdas de la primera columna se combinan en una sola celda para contener la imagen logotipo de Descartes (logo.gif)

  • La primera celda de la segunda columna contiene

• La segunda celda de la segunda columna contiene

• El texto después del encabezamiento:

• Para estructurar el texto de las actividades 1-4 junto con la primera escena de Descartes, se recurre a insertar una tabla de dos filas y dos columnas. La dos celdas de la segunda fila se combinan en una sola y contiene el enunciado de la actividad 4. La celda de la izquierda en la primera fila contiene los enunciados de las actividades 1, 2 y 3.

Esta estructura permite asignar color de fondo a las actividades.

Título: Tipo de letra Times New Roman; tamaño 14; negrita. Resto: normal; cursiva.

• Las actividades 5 y 6 debajo de la segunda escena de Descartes son el contenido correspondiente a cada una de las dos celdas de una tabla de dos filas. Esto permite asignar color de fondo a las celdas con actividades.

• El texto de pie de página se refiere al nombre del autor y fecha de realización del proyecto. Para conseguir las dos bandas de color una por encima y otra por debajo de este texto, se recurre a una tabla de tres filas y una columna (tres celdas en columna).

• En la primera celda de la primera fila de la tabla de encabezado se inserta la imagen logotipo de Descartes.

• Aparecen dos escenas de Descartes. La primera va insertada en la celda de la derecha de la primera fila de la tabla que contiene las actividades correspondientes a la escena. La segunda escena está centrada horizontalmente entre los bordes laterales de la página. Estas escenas han sido copiadas la unidad didáctica existente en la Web Descartes para 3º de ESO titulada

  "REGULARIDADES NUMÉRICAS Y GEOMÉTRICAS"

• Otros elementos gráficos son las líneas horizontales que separan ciertos espacios de la página: Una separa el encabezado de la sección que empieza con la ESCENA A, otra separa la actividad 7 del pie de página. Esta línea que ocupa el 100% del ancho de página tiene una anchura de 3 puntos, en formato sólido y color R=0, V=102, A=153.

  ---

• El color de fondo de la página y el color de las celdas de las tablas también constituyen elementos gráficos. Es muy interesante manejar con habilidad los colores pues los contrastes ente los mismos ayudan a crear un entorno agradable para consultar la página a la vez que ayuda a estructurar las zonas por contenidos de naturalezas diferentes.

Planificación de la actividad

Abre la página modelo Ejercicio_4.htm con FrontPage Express y guárdala con el nombre Proyecto_p4.htm.

Establece las propiedades de la página poniendo título o nombre ("Proyecto Práctica 4"), color de fondo y márgenes.

Modifica la página tal y como te indica los textos de color verde y borra estas indicaciones.

Firma en el pie de página con el nombre y dos apellidos del autor/a y pon la fecha actual al proyecto.

La actividades propuestas anteriormente se corresponden con las desarrolladas en las Actividades Guiadas. Si se desea pueden seguirse las indicaciones que se dan allí o consultar alguno de los pasos que no se sepa resolver:

• Crear una página nueva desde FrontPage Express.

• Establecer propiedades de la página.

• Personalizar la paleta de colores.

• Poner formato al texto.

• Insertar líneas horizontales estableciendo propiedades de anchura y color.

• Insertar tablas. Establecer propiedades. Dividir y combinar celdas. Poner bordes y color de fondo.

• Insertar una imagen.

• Insertar escenas de Descartes.