5. Nos convertimos en webmaster

Retor dice Imagen de una nube de palabras relacionadas con las páginas web Habéis llegado a la parte más divertida del trabajo, os váis a convertir en webmaster, lo que significa que seréis desarrolladores de páginas web.

No os preocupéis, habéis recibido una buena formación que os permitirá ser capaces de diseñar vuestra propia página web.

Además, os he preparado una secuencia de actividades que os permitirá crear vuestra página paso a paso.

¡Empezamos a crear nuestro documento HTML!

1. Recordamos, nos organizamos y decidimos

Imagen que representa la organización de un grupo de personas para alcanzar un objetivo. Antes de comenzar a desarrollar vuestro proyecto, es importante que hagáis lo siguiente:

1. Recordar cuál es el vuestro reto inicial. Podéis volver a verlo en la página 1. Comenzamos una gran aventura.
2. Organizar vuestro grupo. Es importante que todos los miembros del grupo sepan lo que tienen que hacer.
3. Este momento es clave, vuestro grupo debe decidir la temática de vuestra página web. Es importante que la decisión sea unánime (todos los miembros del grupo), para que todo el mundo se sienta involucrado en el trabajo.

2. Diseña tu página web

Imagen que muestra un ordenador, un cuaderno, un lápiz y HTML. Representa el diseño web. Una vez completada la actividad anterior es el momento de diseñar vuestra página web.

Aunque estamos deseando empezar con el código HTML, es importante dedicar un tiempo a diseñar cómo queremos que sea nuestra página.

Para esta actividad debéis:

Utilizar lápiz y papel.
Redactar el contenido que queréis incluir en la página.
Recordad incluir títulos para destacar el texto más importante.
Buscar las imágenes que pensáis insertar en la página.
Si pensáis incluir un vídeo o sonido, también debéis prepararlo.
Los enlaces a otras páginas, también debéis tenerlos en cuenta.
Dibujar dónde irían todos los elementos anteriores. Esto no tiene que ser definitivo, pero es un punto de partida para empezar nuestra página.

3. Comenzamos nuestra página web

Imagen que muestra diferentes páginas web que nos ofrecen información. Ha llegado el gran momento, vais a crear vuestro documento HTML. Debéis hacer lo siguiente:

1. Abrir el editor Bluefish. Ya sabéis que la aplicación debe estar instalada en el ordenador. Si tenéis algún problema podéis hablar con vuestra profesora o profesor.
2. Crear un nuevo archivo con el nombre index.html.

Lumen dice ¿Os puedo ayudar?

En las actividad 1. Hola Mundo de la página 4.3. Nuestras primeras páginas encontraréis información.

4. Redactamos el contenido

Imagen que representa unas manos usando un teclado. Ha llegado el momento de redactar el contenido de vuestra página web

Deberéis tener en cuenta:

- Crear la estructura básica del documento HTML.
- Incluir los títulos que consideréis necesarios.
- Incluir los párrafos de vuestro texto.
- Incluir listas para ordenar el contenido.

Lumen dice ¿Os puedo ayudar?

En las actividades 1. Hola Mundo y 7. Las listas de la página 4.3. Nuestras primeras páginas encontraréis información.

Clavis dice ¡Pon mucha atención!

Cuando tienes que programar algo es muy importante no cometer errores en el resultado final.

Un truco para centrar la atención es que vayas siguiendo cada paso y comprobando que lo que vas haciendo está bien y el programa hace lo que tú esperabas.

Puedes ir comprobándolo en el programa que uses.

La estrategia de supervisar cada paso ayuda a controlar los posibles errores que pueda haber y resolver las dificultades. Esta estrategia se puede usar en cualquier tarea en la que tengamos que hacer varios pasos (cualquier ejercicio de programación, un problema matemático, un análisis de oraciones y muchas más).

¡Pruébala y verás que no se te olvida nada!

5. Incluye tus imágenes

Imagen del logotipo de los Recursos Educativos Abiertos (REA) de la Junta de Andalucía. Es importante incluir imágenes en nuestra página web.

La imágenes mejoran el aspecto de la información que queremos mostrar a los demás. Recordad la frase que dice: "una imagen vale más que mil palabras".

Lumen dice ¿Os puedo ayudar?

En la actividad 5. Insertar imágenes de la página 4.3. Nuestras primeras páginas encontraréis información.

6. Inserta tu vídeo

Imagen que muestra el dibujo de una cinta de película. Si tu grupo va a incluir un vídeo, es el momento de insertarlo en vuestra página.

Las personas que vean tu página les encantará ver el vídeo.

¡No dudéis en hacerlo!

Lumen dice ¿Os puedo ayudar?

En la actividad 8. No olvides el vídeo y la música de la página 4.3. Nuestras primeras páginas encontraréis información.

7. Crea un hiperenlace

Imagen que representa un hiperenlace. Los hiperenlaces ya habéis visto que ofrecen la posibilidad de visitar otros contenidos desde una página web.

Os invito a que incluyáis un hiperenlace en vuestra página web.

Lumen dice ¿Os puedo ayudar?

En la actividad 6. El hiperenlace de la página 4.3. Nuestras primeras páginas encontraréis información.

8. ¿Os atrevéis con el sonido?

Imagen que representa el sonido en una página web. Incluir sonido en la página web puede ser una opción a tener en cuenta.

Pero recordad, el recurso que utilicéis en vuestra página no debe tener derechos de autor.

Lumen dice ¿Os puedo ayudar?

En la actividad 8. No olvides el vídeo y la música de la página 4.3. Nuestras primeras páginas encontraréis información.

9. Comprobamos nuestra página

Imagen que representa la comprobación de una tarea. Ha llegado el momento de comprobar el funcionamiento de vuestra página web.

Debéis fijaros en lo siguiente:

- Aspecto general de la página.
- Errores ortográficos y de expresión.
- Que las imágenes se vean correctamente.
- Que los hiperenlaces funcionen.
- Se reproducen los vídeos y sonidos.

¡Si todo está OK, podemos pasar a la siguiente actividad!

Clavis dice Es mejor supervisar

Antes de subir la página a la web es importante que revises que todo está bien hecho.

Cuando tengas que supervisar un trabajo que has hecho antes tienes que estar muy atenta o atento para seguir todos los pasos mentales que ayuden a hacerlo bien.

En este caso es importante que pienses en por qué tomaste ciertas decisiones como el texto, las imágenes, el sonido, los vídeos, entre otros aspectos.

Quizás cuando lo revises de nuevo, te des cuenta de que hay cosas que no te gustan o que están incompletas y es el momento de mejorarlo.

Por eso, cuando supervises cada parte presta atención a cómo y por qué elegiste esa información y no otra. Puedes hacerte una tabla que te ayude a tener claro este esquema de supervisión a golpe de vista.

10. Subir nuestra página web

Imagen que representa subir una página web a la nube. Si queréis que vuestra página la pueda ver todo el mundo, es necesario subirla a un servidor. Pero antes, debéis preparar los archivos que habéis utilizado para crear vuestra página web. Vuestro trabajo debe:

- Contener una carpeta principal, por ejemplo: mi_pagina_web. Dentro de esta carpeta debéis incluir:
  - El fichero de vuestra página web, recordad que debe llamarse: index.html.
  - Las imágenes y audios que habéis utilizado en vuestra página web.

Debéis entregar la carpeta a vuestro profesor o profesora, que se encargará de subirla a la web.

¡El trabajo ya está terminado!

Obra publicada con Licencia Creative Commons Reconocimiento No comercial Compartir igual 4.0