Ejercicios de la Práctica 3

A continuación, aparecen los ejercicios que te permitirán repasar los conceptos de la Práctica 3, así como los de las anteriores. En casi todos estos ejercicios se incluye el enlace a alguna página Web. Estas páginas tienen como objetivo mostrar el resultado total o parcial que se espera que obtengas tras realizar un determinado número de acciones indicadas en el propio ejercicio.

FrontPage te permite copiar una página ya creada sobre otra que estés realizando, pero obviamente, de momento, eso no es algo que os vaya a permitir aprender. Por tanto, esas páginas sólo deben servir como referencia visual, pero no se debe copiar nada de ellas. En cada ejercicio aparecen también enlaces a las imágenes que vayas a necesitar, así como a archivos que contienen el texto de la página, para que no tengas que teclearlo.

Ejercicio 1

  1. Trata de crear una página Web como la que contiene el siguiente enlace:

    Página del monstruo

    Los siguientes archivos te serán útiles:

    Texto de la página

    Imagen del monstruo

     

  2. Cambia el color del fondo de la página para que éste sea amarillo. Cuando vayas a escoger el color, no selecciones el primer amarillo que encuentres, pulsa sobre la opción más colores y elige el más tenue, para que no resulte molesto a la vista.
  3. Pon viñetas a los 3 enlaces de miedo. Observa que sólo deben quedar con viñeta las tres líneas donde aparecen los enlaces. Las descripciones de los enlaces no deben tener viñeta, pero deben estar sangradas a la misma altura que las viñetas.
  4. Cambia las viñetas para que sean cuadrados en lugar de círculos. Para ello debes pulsar sobre cada viñeta con el botón derecho del ratón y seleccionar propiedades de lista.
  5. La apariencia final de la página debe ser:

Página final

Ejercicio 2

  1. Crea una página Web como la que acompaña al siguiente enlace:

¿Qué es el HTML?

Necesitarás los siguientes archivos:

Texto de la página

Imagen de fondo

Primera imagen

Segunda imagen

Debes tener en cuenta que las imágenes han sido reducidas aproximadamente a la mitad de su tamaño original. Observa que se ha dejado un ancho horizontal alrededor de las imágenes para que el texto no aparezca pegado a las mismas.

Ejercicio 3

  1. Crea una página Web como la que acompaña al siguiente enlace:

Bienvenido

Los siguientes archivos te resultarán de utilidad:

Texto de la página

Imagen logo

Imagen mujer

Imagen tercera

Imagen cuarta

Observa que:

  1. A todas las imágenes se les ha cambiado el tamaño para que acoplen mejor en la página. Además, a algunas de ellas se les ha añadido un ancho horizontal para aumentar la separación con respecto al texto.
  2. La primera imagen ha sido biselada.
  3. La segunda imagen ha sido puesta como una miniatura para que al hacer clic sobre ella se expanda automáticamente.
  4. A la tercera imagen se le ha añadido un borde de tamaño 2, y a la cuarta otro de tamaño 9.
  5. FrontPage 2000 aparece siempre en negrita en todo el texto, y Wold Wide Web lo hace siempre en cursiva. Emplea la herramienta de búsqueda del menú de edición para localizar rápidamente las ocurrencias de estas palabras.
  6. Accede a la opción Formato-->Tema y escoge un tema para esta página. Prueba con varios de ellos hasta encontrar uno que consideres apropiado. Piensa que el tema que selecciones no sólo debe depender de tus gustos personales, sino que además debe de estar en consonancia con el contendido de la página y el tipo de público al que vaya dirigida.

Ejercicio 4

Crea una página personal que contenga la siguiente información sobre ti:

  1. Datos personales
  2. Estudios realizados
  3. Experiencia laboral
  4. Aficiones

Dale el formato que prefieras a la página, tratando de utilizar distintos elementos, y añade algunas imágenes que puedas encontrar en otras páginas Web de Internet. A continuación, publícala en tu cuenta de anubis. Recuerda que debes tener un directorio llamado www con permisos de ejecución para todos los usuarios. Tu página, así como todos los archivos asociados, deben ir dentro de este directorio, o de algún otro que dependa de él.