2.4 Una página web sencilla

Actividad

Utilizando al menos las siguientes etiquetas: (1) párrafo, (2) enlace, (3) imagen, (4) título de la página y cambiando al menos (5) el estilo de fuente (negrita, itálica, etc.) y (6) el color de fondo, crea una página web con Mozilla Thimble y publícala. Una de las imágenes debe ser a su vez un enlace a otra página web.

Puedes ver un ejemplo de un proyecto de estas características en el siguiente enlace:

https://gregoriorobles.makes.org/thimble/MTgzODA4ODQ0OA==/mi-p%C3%A1gina-web-yo-mismo-con-mi-mecansismo

Antes de entregar la actividad comprueba que tu proyecto cumple los siguientes requisitos:

  • Puedes acceder a la página web que has creado con tu navegador.
  • Utilizas al menos las 6 etiquetas descritas previamente.
  • Tienes al menos dos enlaces en tu página, siendo uno de ellos una imagen.
  • Tienes definido al menos un fondo diferente del fondo por defecto (fondo blanco).
  • El título de la página es diferente al título por defecto.

1. Creación de cuenta Mozilla Persona

Con una cuenta Mozilla Persona puedes utilizar, publicar y remezclar proyectos creados en Mozilla Webmaker como son Thimble, Goggles o Appmaker.

  1. Vamos a Mozilla Thimble (https://thimble.webmaker.org/) y pulsamos sobre el botón de registrarse.

  2. Introducir una cuenta de correo-e que asociarás a la cuenta.

  3. Introducir una contraseña (de mínimo 8 caracteres).

  4. El sistema nos enviará un correo de confirmación a la cuenta que hemos introducido en el punto 2.

  5. Entra en tu cuenta de correo y confirma tu cuenta en Mozilla Persona.

  6. Esto te llevará a tu página de usuario en Mozilla Persona, donde puedes gestionar tu cuenta.

  7. Volvamos a Mozilla Thimble (https://thimble.webmaker.org/) y pulsamos sobre el botón de registrarse.

  8. Nos identificamos introduciendo nuestros credenciales

  9. Y podemos indicar cuánto va a durar esta sesión, de manera que este paso nos lo podamos saltar durante un tiempo en el ordenador donde nos encontramos.

  10. Ya sólo falta indicar qué nombre de usuario (login) queremos, así como indicar el idioma del interfaz

2. Realización del ejercicio

Una vez tengamos cuenta, podemos crear nuestra primera página web con Thimble. Verás que el editor, a la izquierda, tiene funcionalidad para ofrecer ayuda según vas introduciendo las etiquetas. Así, aparece un signo de interrogación en un punto naranja. Pinchando sobre el mismo, verás un bloque emergente con más información.

3. Entrega de la actividad

Una vez que hayamos acabado con la edición, procederemos a publicar nuestra página web.

  1. Pulsamos sobre el botón de "Guardar". Puedes editar el nombre de la página, añadir etiquetas (por ejemplo, usa la del este curso "#Progr_INTEF), e incluir una descripción. Cuando lo tengas, pulsa sobre el botón verde de "Guardar".

  2. Verás que saldrá un menú desplegable con tres acciones: un enlace con la URL de la página (ésta es la que tendrás que guardar para entregar la actividad), un enlace para editar la página, y una serie de botones para compartir tu página en Twitter y otras redes sociales.

  3. Dentro de esta página (entrega de la actividad) pulsa sobre el botón Agregar entrega, copia la URL de tu página web (Ctrl+V) dentro de la caja de texto "Texto en línea", deberías obtener un resultado similar a la siguiente figura (recuerda que la URL de tu proyecto será diferente a la que mostramos en la figura, ya que se trata sólo de un ejemplo de URL).

  4. Pulsa después sobre Guardar cambios para que tu aportación quede registrada. Una vez registrada, puedes modificarla en cualquier momento (pulsando sobre Editar mi entrega), hasta que la envíes para su calificación, pulsando sobre Enviar tarea