Descubriendo

un sitio web

OBJETIVO

Habilidad TIC para la indagación:

Investigación:

Investigar consiste en llevar a cabo una indagación oinvestigación orientada a objetivos definidos, comprobar algo yacomprendido, descubrir información nueva y comprender algonuevo. Por medio de la investigación, los alumnos evalúan deforma crítica diversas fuentes, establecen conexiones y sintetizanconclusiones para aplicar los conocimientos a contextos de lavida real.

Idea central:

Los medios digitales brindan información para comprender el mundo real.

ÍNDICE DE

ACTIVIDADES

ACTIVIDADES

AVANZADAS

A.A. 1

Cartel usando Power Point

con tips para ser un

consumidor responsable.

A.A. 2 Completa tu página web

(de Mockingbird) usando

Power Point.

HABILIDADES DE

CÓMPUTO

5-1 Comparación entre buscador y navegador

5-2 Observación de tipos de sitio web y sus partes

5-3 Diseña una página web con “mockingbird”

5-4 Página web y PowerPoint

Abre Word:

• Encabezado a la derecha: Nombre, grado y grupo, NL.

• Título centrado: Buscador VS. Navegador

• Inserta una tabla de 3x3 y llénala:

• Ilustra con los logos de los buscadores y navegadores.

• Hasta abajo incluye:

• Conclusión: ¿Qué aprendí?

• Referencias: ¿Dónde obtuve la información?

Guarda como GradoGrupo NL Unidad5-1 y envía al buzón.

Buscador Navegador

Definición

Ejemplos (al menos 3) (al menos 3)

ACT. 5-1 :

BUSCADOR VS NAVEGADOR

INFO

WEB SITE: TYPES AND DOMAINS

Tipos de sitio web

• Blogs

• Buscadores

• Comercio electrónico

• Correo electrónico

• Empresa

• Institución educativa

• Noticias

• Red social

• Wiki

• …y otros

Tipos de dominios

Genéricos o internacionales

• .com

• .org

• .net

• .edu

• .info

Territoriales

• .mx (México)

• .fr (Francia)

• .es (España)

• .br (Brasil)

• .us (EUA)

• etcétera

INFO

WEB SITE: PARTS OF A WEB PAGE

• Partes principales de una página web:

• Header (encabezado)

• Footer (pie)

• Navigation (navegación vertical u horizontal)

• Content (contenido: puede ser texto, imagen, video, etc.)

• También puede haber:

• Mapa del sitio

• Publicidad

• Aplicaciones, widgets…

https://delicious.com/computacioncap/websites

ACT. 5-2 :

OBSERVA PÁGINAS WEB

• Observa las páginas web que encontrarás en:

• https://delicious.com/computacioncap/tiposdeweb

• Ubica las 4 partes de cada página (encabezado, pie, navegación, contenido)

• Abre un nuevo documento de Word y contesta las siguientes preguntas:

• ¿Qué diferencias hay entre cada página? ¿Qué coincidencias?

• ¿Qué dominio usa cada una? ¿Por qué?

• ¿Por qué hay más de una versión de algunos sitios (Ing/Esp)?

• ¿Tienen más de un menú de navegación?

• ¿Tienen mapa del sitio?

• ¿Puedes encontrar otras páginas de estos tipos? ¿Cuáles?

• Guarda como: GradoGrupo NL Unidad5-2

• Comenta con tu maestra y con tus compañeros.

ACT. 5-3 :

CONSTRUYE UNA PÁGINA WEB

• Entra a: https://gomockingbird.com/mockingbird/

• Lee las instrucciones en la página, luego puedes borrar todo y empezar a arrastrar tus “widgets” del panel izquierdo para crear tu página web.

• Asegúrate de que tu página tenga las cuatro partes (header, footer, navigation & content) bien delimitadas.

• Utiliza una etiqueta de texto grande y llamativa para nombrar las partes de tu página (en inglés).

• ¡Cuidado! No podrás guardar, debes terminar en una sola clase.

• Al terminar, haz clic en PREVIEW y haz una captura de pantalla de tu página: Cmd + shift + 4 (selecciona el área de tu página).

• Nombra tu archivo: GradoGrupo NL Unidad5-3 y envía al buzón.

Ejemplo:

ACT. 5-4:

PÁGINA WEB EN POWER POINT

• Abre un nuevo archivo de Power Point.

• En la portada escribe:

• Título: Las partes de un sitio web

• Subtítulo: Tu nombre, grado y grupo, NL, fecha.

• En Firefox, entra a un sitio web que tú elijas (que no sea un buscador, ni el blog de computación).

• Haz una captura de pantalla y pégala en la segunda diapositiva.

• Utilizando cuadros de texto, señala sus partes (header, footer, navigation, content) y el tipo de información que se presenta en cada una de ellas.

• Nombra tu archivo: GradoGrupo NL Unidad5-4 y envía al buzón.

A CONTINUACIÓN…

Cartel en Power Point:

• Elige un TEMA y DISEÑO EN BLANCO

• Título: “Be a Responsible Consumer”

• Diseña un fondo de diapositiva atractivo (degradado, imagen…)

• FORMATO – FONDO DE DIAPOSITIVA

• Utiliza cuadros de texto, imágenes y animaciones para presentar

de manera creativa los tips que encontrarás en:

• http://delicious.com/computacioncap/greenconsumer

• Incluye un cuadro de texto con tus datos:

• Nombre, grado y grupo, NL.

Guarda como GradoGrupo NL Unidad5-AA1 y envía al buzón.

ACTIVIDAD AVANZADA 1 :

BE A RESPONSIBLE CONSUMER

Sofía Velázquez Ramírez5G NL 30April 11th, 2013

ACTIVIDAD AVANZADA 2 :

TERMINA TU PÁGINA WEB

¿Recuerdas el boceto de página web que hiciste con Mocking Bird?

Entra a Power Point y hazlo “realidad”.

Copia el diseño que hiciste en Mocking Bird usando cuadros de texto, figuras e

imágenes, pero esta vez pon imágenes y texto de verdad.

¿Cuál va a ser el logo de tu página web? Busca una imagen en google o

dibújalo en Kid Pix y cópialo en tu Power Point.

Crea el diseño, las imágenes y la información de la Portada (Home Page) de

tu sitio web.

• Si prefieres, configura tu diapositiva de power point como VERTICAL

(ARCHIVO – Configurar Página)

• Recuerda considerar los tipos de sitios web y las partes que debe incluir.

Guarda como GradoGrupo NL Unidad5-AA2 y envía al buzón.