Entrada al curso

 

   

Edición y modificación de páginas HTML

Práctica 5:

Los usuarios que dispongan de un navegador que les permita editar directamente el código HTML podrán hacer los cambios utilizando ese navegador, los demás deberán usar algún editor de texto que permita guardar solo los caracteres, sin códigos de otros atributos como tamaño, color, formato..., es decir que guarde los archivos en lo que habitualmente se denomina código de texto o TXT, como el Bloc de notas de Windows.

Para este proyecto se parte de una página ya construida y hay que modificar su contenido como se indica a continuación.

Página Inicial

Este hiperenlace muestra la página HTML de partida que hay que modificar. Obsérvese su aspecto, así como todos los textos e imágenes que en ella aparecen. En la imagen siguiente se muestra una parte de ella.

Propuesta

Modifica la página anterior para producir los cambios indicados a continuación.  

Se debe recordar que las modificaciones no serán visibles en pantalla hasta que, una vez guardado el archivo HTML modificado, no se pulse Actualizar la página en el navegador.

Se puede observar en la nueva página

Título, encabezados y otros textos
  • El nombre  de la página "Ejercicio 3" que aparece en la barra de títulos del navegador debe de ser sustituido por "Proyecto Práctica 3"

  • El encabezado de la página "Teorema de Pitágoras" y el sub-encabezado "Geometría" debe ser sustituidos respectivamente por "Triángulos Rectángulos: Teorema de Pitágoras" y "Primer Ciclo ESO"

  • Otros enunciados que también deben modificarse son:

Original

Modificación

Primer Párrafo:

"..la suma de las medidas de los tres ángulos.."

Suprimir:

"de las medidas"

Último párrafo:

"Modificar este texto libremente!!!"

Sustituir por:

Una frase libre muy corta

A modo de ejemplo:

Final de página:

Fecha: dd-mm-aa

Autor/a: nombre y dos apellidos

Curso: xxxxxxxxxxxx

CCAA: yyyyyyyyyyyy

Sustituir por:

Fecha: -la actual-

Autor/a: -del profesor que hace el proyecto-

Curso: Descartes Básico

CCAA: -Comunidad Autónoma del profesor-

 

 

Imágenes
  • Las escenas que aparecen en la página siguen siendo las mismas.

  • Debe de sustituirse la imagen del sello por un busto de Pitágoras.

El fichero de la imagen original se llama Pitsello.jpg que se localiza en la carpeta ejercicio_3_archivos de la página tiene que sustituirse por la imagen Pytagoras.jpg localizada en la misma carpeta.

  • La imagen pitagoras.gif de los cuadrados de la demostración del Teorema de Pitágoras, ha cambiado de lugar en el párrafo correspondiente. Pasa a situarse debajo inmediatamente después del primer párrafo dentro de la demostración del teorema.

Planificación de la actividad

  1

Abrir con el navegador la página ejercicio_3.htm situada en la carpeta Ejercicios

  2 Guardar la página con el nombre proyecto_p3.htm en la misma carpeta Ejercicios y abrir esta nueva página.
  3 Editar el código de la página html, bien con el navegador, si dispone de esa opción, o bien con el editor TXT que se esté usando. 
  4 Modificar la etiqueta <title> para que el nombre de la página sea Proyecto Práctica 3
  5

Modificar la página proyecto_p3.htm con los cambios que se explicitan en la sección anterior.

6

Guardar la página actual y comprobar, con el navegador, que tiene el aspecto deseado actualizando la página con la opción Actualizar

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.


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