Saltar la navegación

3. Un mundo por explorar

Retor dice

Hoy en día casi todos utilizamos a diario el servicio de internet.

Ahora, la pregunta que nos debemos hacer es, ¿qué es lo que podemos encontrar en internet?

Correcto, en internet podemos encontrar mucha información. Como por ejemplo: deportes, el tiempo, tutoriales, vídeos, música, etc. Para mostrar esta información se utilizan las páginas web.

En las siguientes actividades vais a descubrir un mundo desconocido, conoceréis cómo son las páginas web.

¡Empezamos nuestro viaje!

1. Detectives de la web

Imagen de un dibujo que representa a un detective. Como os indica la imagen de la izquierda, en esta actividad os vais a convertir en detectives de la web.

En esta actividad conoceréis la otra cara de las páginas web.

¿Cómo están hechas nuestras página favoritas?

Si seguís las siguientes instrucciones lo descubriréis:

    1. Abrid el navegador Mozilla Firefox.
    2. Buscar una página web que normalmente visitéis.
    3. Haced clic con el botón derecho del ratón en una zona de la página y seleccionad la opción Inspeccionar.
    4. Os deberá aparecer algo parecido a la siguiente imagen:

Imagen que muestra el código HTML de una página web. Haz clic sobre la imagen para agrandarla

Ya habéis encontrado el lenguaje con el que están hechas todas las páginas web.

Fijaos en la zona que indica la flecha blanca de la imagen anterior. ¿Qué os llama la atención del código que aparece en dicha zona?

Lumen dice ¿No sabéis en qué os tenéis que fijar?

Lo comprendo perfectamente.

Por eso os voy a dar una sugerencia. Fijaos en el texto que aparece entre los símbolos de menor que (<) y mayor que (>).

Seguro que un buen detective sabe utilizar esta pista.

2. OTRO RETO

RETO 304: APRENDO HTML 1. MI PRIMERA PÁGINA WEB CON CÓDIGO. BLUEFISH

Realiza todas las Tareas hasta el punto 4.4 de este REA y estarás preparado para abordar el RETO FINAL (crear tu propia web con código html).

Mucho ánimo!

3. Identifico lo que tengo que hacer

Ya conoces qué reto te proponemos alcanzar y te acabamos de plantear una actividad que te acercará a la meta. Pero para tener éxito en tu camino, necesitarás algunas estrategias que te servirán para esta y otras tareas parecidas. Las irás descubriendo en tu Diario de Aprendizaje.
¡Te proponemos que lo abras y completes el PASO 1 (Identifico lo que tengo que hacer) de la ficha correspondiente a este reto en tu Diario de aprendizaje antes de empezar la actividad que acabas de leer!


Recuerda:

  1. Pregunta a tu profesor o profesora si lo vas a rellenar en papel o en el ordenador.
  2. Si lo rellenas en el ordenador, no te olvides de guardarlo en una carpeta que más tarde puedas localizar.

¡Ánimo, que lo harás genial!

¡Ya has terminado la actividad “1. Detectives de la web"!. Cuando empezamos algo que no habíamos hecho antes podemos sentir algo de miedo e inseguridad, esto es algo muy normal.
Si completas el PASO 2 (¿Seré capaz de hacerlo?) del Diario de aprendizaje, podrás comprobar que solo con reflexionar sobre esto te ayudará a relajarte, a continuar con la actividad y completarla con éxito. También conseguirás sentir menos inseguridad cuando tengas que realizar las próximas actividades.
¡Ánimo, que lo harás genial!

4. Buscando la estructura perfecta

Imagen de una lupa buscando algo.

Después de la actividad anterior, seguimos nuestra investigación.

En esta actividad vuestro grupo, deberá encontrar la estructura perfecta de una página web.

Se trata de hacer lo siguiente:

    1. Abre la siguiente página web de la wikipedia.
    2. Haced clic con el botón derecho del ratón, y seleccionar la opción Inspeccionar.
    3. Localizamos las siguientes etiquetas, recordad que van entres los signos de  < y >:
      • !DOCTYPE html
      • html
      • /html
      • head
      • /head
      • body
      • /body
    4. Ahora debéis minimizar el contenido de las etiquetas head y body. Si os fijáis, a la izquierda de estas etiquetas hay un pequeño triángulo. Si pulsáis sobre él se puede maximizar o minizar el contenido de las etiquetas.
    5. Os deberá quedar como la siguiente imagen:

Imagen donde se muestra el contenido de la página de Wikipedia en HTML pero las etiquetas de cabecera y cuerpo están minimizadas.Haz clic para ver la imagen ampliada

Esta estructura se repite en todas las páginas web.

Ahora vuestro grupo debe hacer lo siguiente:

  1. Anotad el orden de las etiquetas. Podéis hacerlo en:
    • Vuestro cuaderno de clase.
    • Utilizando un documento de texto del ordenador.
  2. Abrid varias páginas web y comprobad que se cumple la estructura anterior.

¡Felicidades por el gran trabajo de investigación que habéis hecho!

Motus dice ¿Crees que tus compañeros y compañeras están emocionados con esta actividad?

Cuando estabais haciendo esta actividad, ¿cómo se estaban sintiendo?

Puede que algunos compañeros o compañeras se hayan sentido inseguros o tensas para hacer la actividad. Seguro que alguien ha tranquilizado al equipo y ha ayudado a hacerla.

Es posible que alguien estuviese enfadada o enfadado, quizás porque no sabía cómo hacerla.

Cuando trabajamos en podemos tener diferentes sensaciones al hacer una actividad. Conocerlas y comprenderlas nos ayudará a hacer la tarea con éxito. Para ello, sigue estos consejos en las próximas actividades en equipo:

  • Piensa en cómo te estás sintiendo tú.
  • Observa y pregunta a tus compañeras y compañeros para saber cómo se sienten.

5. Localizamos etiquetas

A continuación os presento una imagen interactiva.

Si deslizáis la barra central (slider) podéis ver dos imágenes:

  1. A la izquierda podéis ver una página web en la ventana de un navegador.
  2. A la derecha tenéis el código HTML correspondiente a la imagen anterior.

Vuestro grupo deberá:

  1. Localizar el mayor número de etiquetas.
  2. Asignar a cada etiqueta qué es lo que hace.

Lumen dice Tengo una ayuda para tí

Localiza el texto coincidente y observa:

  • En la imagen de la derecha las etiquetas que están al inicio y fin del texto.
  • A la izquierda, fíjate en lo que hace.

¡Ya has localizado una etiqueta y su efecto!

6. Os presento a Bluefish

Cuando vemos algo por primera vez, intentamos hacernos una idea de lo que puede ser, para qué puede servir,... y muchas cosas más.

Esta actividad trata precisamente de eso, conocer a Bluefish.

En la siguiente imagen podéis ver cómo es la pantalla incial de Bluefish.

Imagen que muestra la pantalla inicial de la aplicación Bluefish.Haz clic sobre la imagen para verla ampliada

Si quieres conocer de cerca a Bluefish, puedes abrir la aplicación y navegar por sus menús.

Imagen de la tecla Windows de nuestro ordenador. Para entrar en la aplicación debes:

    1. Pulsa la tecla Windows.
    2. Si escribes Bluefish, te aparecerá la aplicación.
    3. Si no aparece, quizás necesites instalarla en tu equipo. En este caso habla con tu profesor o profesora.

En esta actividad vuestro grupo deberá.

  1. Dibujar en una hoja de papel la pantalla inicial del editor Bluefish. No es necesario dibujar todos los detalles.
  2. Sobre el dibujo anterior, dividir las diferentes zonas del editor.
  3. Una vez creadas las diferentes zonas, deberéis pensar cuál será su finalidad y anotadlo en vuestro dibujo.

7. Este ciclo debe tener un orden

El ciclo de vida de una página web comprende desde la identificación de su necesidad hasta su publicación.

En esta actividad se trata de que imagineis todos los pasos que hay que dar para realizar el reto que nos han encomendado.

Imagen de una lista desordenada de tareas: entregar el trabajo, escribir el código, comprobar el resultado, diseñar en papel y buscar lo que necesitamos.

Con tu compañero o compañera realiza un listado ordenado de los pasos necesarios para resolver el reto. Puedes usar:

  • Tu cuaderno de clase.
  • Un documento de texto del ordenador.

Lumen dice ¿Necesitas ayuda para realizar la actividad?

Si necesitáis ayuda podéis investigar en la web, buscando el ciclo de vida de una página web.

Creado con eXeLearning (Ventana nueva)