1. Descubriendo
un sitio web

2. OBJETIVO
Habilidad TIC para la indagación:
Investigación:
Investigar consiste en llevar a cabo una indagación o
investigación orientada a objetivos definidos, comprobar algo ya
comprendido, descubrir información nueva y comprender algo
nuevo. Por medio de la investigación, los alumnos evalúan de
forma crítica diversas fuentes, establecen conexiones y sintetizan
conclusiones para aplicar los conocimientos a contextos de la
vida real.
Idea central:
Los medios digitales brindan información para comprender el
mundo real.

3. ÍNDICE DE
ACTIVIDADES
HABILIDADES DE
ACTIVIDADES
CÓMPUTO
AVANZADAS
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 Power
Point
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.

4. ACT. 5-1
:
BUSCADOR VS NAVEGADOR
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:
Buscador
Navegador
(al menos 3)
(al menos 3)
Definición
Ejemplos
• 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.

5. INFO
WEB SITE: TYPES AND DOMAINS
Tipos de sitio web
Tipos de dominios
• Blogs
Genéricos o internacionales
• Buscadores
• .com
• .org
• .net
• .edu
• .info
Territoriales
• Comercio electrónico
• Correo electrónico
• Empresa
• Institución educativa
• Noticias
• Red social
• Wiki
• …y otros
•
•
•
•
•
•
.mx (México)
.fr (Francia)
.es (España)
.br (Brasil)
.us (EUA)
etcétera

6. 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

7. 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.

8. 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:

10. 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.

11. A CONTINUACIÓN…

12. ACTIVIDAD AVANZADA 1
:
BE A RESPONSIBLE CONSUMER
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.

13. Sofía Velázquez Ramírez
5G NL 30
April 11th, 2013

15. 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.