Logo Curso Básico  

MenúPráctica 3: IntroducciónPráctica 3: Actividades guiadas


El proyecto de la Práctica 3 consiste en 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, y se crearán hipervínculos.

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

Para algunos esta propuesta puede ser suficiente para comenzar a trabajar con esta página, no obstante se incluye a continuación un índice de actividades, que puede servir de ayuda para quien lo quiera seguir y que se puede completar con las indicaciones que contiene la página de Actividades guiadas.


Índice de actividades

Propuesta

Modificar la página ejercicio3.htm que está en la carpeta proyectos dentro de Curso_basico.

Curso_basico/proyectos/ejercicio3.htm

Se suprimirán todos los textos de color verde que indican los cambios a realizar y se insertará una imagen: logo.gif que es el logotipo de Descartes y que se encuentra en la carpeta Descartes.

En el final de la página, se modificará el enlace (hipervínculo) y además se creará uno nuevo a la página original.htm.

Para realizar la práctica conviene saber:

Situación de la página

Para que la página se vea correctamente en el navegador debe estar situada dos carpetas por debajo de la posición de los archivos comunes de Descartes (Descartes.jar, logo.gif, boton_arriba.gif,...). Por ejemplo, podría estar bien situada dentro de carpeta proyectos.

Colores

En 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 por si fuera necesario.

Color R V A Código hexadecimal
  0 102 153 #006699
  223 234 236 #DFEAEC
  255 248 225 #FEE6B8
  254 230 184 #FFF8E1
  233 234 204 #E9EACC
Textos

El tipo de letra es Verdana.

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

Propiedades de página

Permite establecer un título (deberá ser Práctica 3) o definir el color de fondo o fijar los márgenes de la página.

Imágenes y elementos gráficos

En la primera celda de la primera fila de la tabla de encabezado se insertará la imagen logotipo de Descartes.

Descartes

Y al final de la página están otras tres:

Las dos primeras además llevan vínculos a otras páginas.

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 (habrá que cambiar su anchura) y otra separa la actividad 7 del pie de página (habrá que insertarla). Estas líneas ocupan el 100% del ancho de página y tiene una anchura de 3 puntos y con color R=0, V=102, A=153.

Tablas

La información que aparece en la página se estructura en tablas. Las dimensiones de casi todas las tablas son del 100% de la ventana (no se recomienda medidas en pixeles). Las celdas que forman la tabla tienen tamaños relativos (porcentajes de tabla) y diversos colores de fondo.

Hipervínculos

Nos trasladan a otras páginas o a otras partes de la misma página.


Planificación de la actividad

OjO

Se aconseja que durante la elaboración de la página se realice con cierta frecuencia la operación de Guardar el fichero en disco. Cualquier incidente que bloquee el ordenador y obligue a reiniciar el sistema borraría todo el trabajo realizado perdiéndose todo lo que no se guardó en disco desde la última vez.

1 Abrir la página modelo ejercicio3.htm con el navegador y seguidamente guardarla con el nombre envio3.htm. Así, todas las imágenes de la página estarán en la carpeta envio3_archivos que está junto a la página. Se puede cerrar ahora ejercicio3.htm pues ya no se necesita.
2 Localizar el archivo logo.gif para llevar una copia a la carpeta envio3_archivos.
3 Abrir la página envio3.htm con FrontPage Express para modificarla.
4 Establecer las propiedades de la página poniendo título o nombre ("Práctica 3") y color de fondo si fuese necesario.
5 Modificar la página tal y como se indica en los textos de color verde y borrar estas indicaciones.
6 Firmar en el pie de página con el nombre y dos apellidos.
7 Guardar los cambios realizados.
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:
Después de finalizar el proyecto se debe pasar a la página de Evaluación.

MenúPráctica 3: IntroducciónPráctica 3: Actividades guiadas
Metodología

© Ministerio de Educación y Ciencia. Año 2005

Autores: Juan Madrigal Muga, Ángel Cabezudo Bueno, Enrique Martínez Arcos, Josep Mª Navarro Canut, Juan Simón Santamaría