El documento presenta las actividades de una unidad sobre sistemas organizativos y cómo afectan a la sociedad y el medio ambiente. La unidad incluye presentaciones sobre empresas socialmente responsables y consejos para ser consumidores responsables, así como lecciones sobre tipos de sitios web, partes de una página web y la diferencia entre buscadores y navegadores.

2. OBJETIVO
Indagar sobre: ¿Cómo nos organizamos?
Una indagación sobre la interrelación de los sistemas y
comunidades creados por los seres humanos; la
estructura y la función de las organizaciones; la toma de
decisiones en las sociedades; las actividades
económicas y su repercusión en los seres humanos. Y
el medio ambiente.
Idea central:
Las diferentes actividades económicas repercuten en
las sociedad y el medio ambiente.

3. ÍNDICE DE
ACTIVIDADES
HABILIDADES DE
INDAGACIÓN
5-3 Español.
Presentación Power Point
sobre las Empresas
Socialmente Responsables.
5-4 Inglés.
Cartel usando Power Point
con tips para ser un
consumidor responsable.
HABILIDADES DE
CÓMPUTO
5-1 Sitios web: Tipos,
partes y dominios
5-2 Diseña una página
web con “mockingbird”
5-5 Buscador VS
Navegador
Tabla comparativa en Word

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

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

6. ACT. 5-1:
OBSERVA PÁGINAS WEB
• Observa las páginas web que encontrarás en:
• https://delicious.com/computacioncap/tiposdeweb
• Guía de observación:
• Ubica las 4 partes de cada página (encabezado, pie, navegación, contenido)
• ¿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?
• Comenta con tu maestra y con tus compañeros.

7. ACT. 5-2:
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-2 y envía al buzón.
Ejemplo:

9. ACT. 5-3 (ESPAÑOL):
E.S.R.
Presentación en Power Point:
• Diapositiva 1: Portada
• Título: Empresas socialmente responsables
• Nombre, grado y grupo, número de lista.
• Diapositiva 2: ¿Qué es una Empresa Socialmente Responsable? –
escribe una definición.
• Diapositiva 3: Decálogo de las ESR – resúmelos brevemente.
• Diapositiva 4 a 6: Ejemplos de Empresas Socialmente Responsables y
sus acciones. – una empresa en c/diapositiva, ¡entra a sus
sitios web!
• Diapositiva 7: Reflexión: ¿Qué opinas de las ESR?
• Diapositiva 8: Referencias
• Ilustra con imágenes
Guarda como GradoGrupo NL Unidad5-3 y envía al buzón.
http://delicious.com/computacioncap/ESR

10. ACT. 5-4 (INGLÉS):
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-4 y envía al buzón.

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

13. ACT. 5-5 (ESPAÑOL):
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:
• 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-5 y envía al buzón.
Buscador Navegador
Definición
Ejemplos (al menos 3) (al menos 3)

14. ACTIVIDAD AVANZADA:
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-AA y envía al buzón.

15. ¡LLÉVELO, LLÉVELO!