SlideShare una empresa de Scribd logo
Descubriendo
un sitio web
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.
Í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.
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.
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
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…
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.
Sofía Velázquez Ramírez
5G NL 30
April 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.

Más contenido relacionado

La actualidad más candente

Capacitación intel (1)....
Capacitación intel (1)....Capacitación intel (1)....
Capacitación intel (1)....
ledysllasmin
 
Manual de microsoft powerpoint
Manual de microsoft powerpointManual de microsoft powerpoint
Manual de microsoft powerpoint
mariana261196
 
Presentacion qué es powerpoint
Presentacion qué es powerpointPresentacion qué es powerpoint
Presentacion qué es powerpoint
Fabián Recuero
 
Materia de computacion
Materia de computacionMateria de computacion
Materia de computacion
Sammy Moreno
 

La actualidad más candente (17)

5to: Indicaciones Bajo Presión
5to: Indicaciones Bajo Presión5to: Indicaciones Bajo Presión
5to: Indicaciones Bajo Presión
 
Guía básica de Publisher 2016
Guía básica de Publisher 2016Guía básica de Publisher 2016
Guía básica de Publisher 2016
 
Diseño de Portafolios Electrónicos
Diseño de Portafolios ElectrónicosDiseño de Portafolios Electrónicos
Diseño de Portafolios Electrónicos
 
Módulo 1: ¡Bienvenido!
Módulo 1: ¡Bienvenido!Módulo 1: ¡Bienvenido!
Módulo 1: ¡Bienvenido!
 
Ardora
ArdoraArdora
Ardora
 
Portafolio electronico juan ramon jimenez final
Portafolio electronico juan ramon jimenez finalPortafolio electronico juan ramon jimenez final
Portafolio electronico juan ramon jimenez final
 
Capacitación intel (1)....
Capacitación intel (1)....Capacitación intel (1)....
Capacitación intel (1)....
 
Mucho más que dibujos con Google Drive en el aula
Mucho más que dibujos con Google Drive en el aulaMucho más que dibujos con Google Drive en el aula
Mucho más que dibujos con Google Drive en el aula
 
Manual de microsoft powerpoint
Manual de microsoft powerpointManual de microsoft powerpoint
Manual de microsoft powerpoint
 
Presentacion qué es powerpoint
Presentacion qué es powerpointPresentacion qué es powerpoint
Presentacion qué es powerpoint
 
Power point -_leyla_fernanda_perez_-_exposicion[2]
Power point -_leyla_fernanda_perez_-_exposicion[2]Power point -_leyla_fernanda_perez_-_exposicion[2]
Power point -_leyla_fernanda_perez_-_exposicion[2]
 
Guia 1
Guia 1Guia 1
Guia 1
 
Manual de LIbre Office Impress
Manual de LIbre Office ImpressManual de LIbre Office Impress
Manual de LIbre Office Impress
 
Herramientas tecnologicas de trabajo colaborativo
Herramientas tecnologicas de trabajo colaborativoHerramientas tecnologicas de trabajo colaborativo
Herramientas tecnologicas de trabajo colaborativo
 
Presentacion3
Presentacion3Presentacion3
Presentacion3
 
El Slideshare
El SlideshareEl Slideshare
El Slideshare
 
Materia de computacion
Materia de computacionMateria de computacion
Materia de computacion
 

Similar a U5 sitio web_indicaciones5tosvr

U5 llévelo indicaciones5to
U5 llévelo indicaciones5toU5 llévelo indicaciones5to
U5 llévelo indicaciones5to
SofiaVR
 
5to: Indicaciones ONUlandia U2 SVR
5to: Indicaciones ONUlandia U2 SVR5to: Indicaciones ONUlandia U2 SVR
5to: Indicaciones ONUlandia U2 SVR
SofiaVR
 
Portafolioelectrnico4697926004 1207616238353934-8
Portafolioelectrnico4697926004 1207616238353934-8Portafolioelectrnico4697926004 1207616238353934-8
Portafolioelectrnico4697926004 1207616238353934-8
Gabriela Santos
 
Presentacion tienes 5 segundos
Presentacion tienes 5 segundosPresentacion tienes 5 segundos
Presentacion tienes 5 segundos
Javi Berti
 
Examen informática educativa
Examen informática educativaExamen informática educativa
Examen informática educativa
EduardOzil
 

Similar a U5 sitio web_indicaciones5tosvr (20)

U5 llévelo indicaciones5to
U5 llévelo indicaciones5toU5 llévelo indicaciones5to
U5 llévelo indicaciones5to
 
Paginas web ok
Paginas web okPaginas web ok
Paginas web ok
 
5to: Indicaciones ONUlandia U2 SVR
5to: Indicaciones ONUlandia U2 SVR5to: Indicaciones ONUlandia U2 SVR
5to: Indicaciones ONUlandia U2 SVR
 
Portafolioelectrnico4697926004 1207616238353934-8
Portafolioelectrnico4697926004 1207616238353934-8Portafolioelectrnico4697926004 1207616238353934-8
Portafolioelectrnico4697926004 1207616238353934-8
 
Proyecto de aula nuevo periodo 3 Grado 11
Proyecto de aula nuevo periodo 3 Grado 11Proyecto de aula nuevo periodo 3 Grado 11
Proyecto de aula nuevo periodo 3 Grado 11
 
Diferencias de blogger y webquest
Diferencias de blogger y webquestDiferencias de blogger y webquest
Diferencias de blogger y webquest
 
6to: Indicaciones Dejando Huella
6to: Indicaciones Dejando Huella6to: Indicaciones Dejando Huella
6to: Indicaciones Dejando Huella
 
Tarea #1
Tarea #1Tarea #1
Tarea #1
 
Actividades para el proyecto escolar
Actividades para el proyecto escolarActividades para el proyecto escolar
Actividades para el proyecto escolar
 
Prsentacion tienes 5 segundos
Prsentacion tienes 5 segundosPrsentacion tienes 5 segundos
Prsentacion tienes 5 segundos
 
Presentacion tienes 5 segundos
Presentacion tienes 5 segundosPresentacion tienes 5 segundos
Presentacion tienes 5 segundos
 
Tareas y proyectos_parcial 2_info_i_2014_b
Tareas y proyectos_parcial 2_info_i_2014_bTareas y proyectos_parcial 2_info_i_2014_b
Tareas y proyectos_parcial 2_info_i_2014_b
 
Actividades tic
Actividades ticActividades tic
Actividades tic
 
Actividades tic
Actividades ticActividades tic
Actividades tic
 
Páginas_web guia didactica.pdf
Páginas_web guia didactica.pdfPáginas_web guia didactica.pdf
Páginas_web guia didactica.pdf
 
Examen informática educativa
Examen informática educativaExamen informática educativa
Examen informática educativa
 
Informatica
Informatica Informatica
Informatica
 
Elaboración de-paginas-web
Elaboración de-paginas-webElaboración de-paginas-web
Elaboración de-paginas-web
 
Guia blog
Guia blogGuia blog
Guia blog
 
Guia blog
Guia blogGuia blog
Guia blog
 

Más de SofiaVR

Más de SofiaVR (20)

Ict in the pyp chromebooks eng
Ict in the pyp chromebooks engIct in the pyp chromebooks eng
Ict in the pyp chromebooks eng
 
4to investigacion 15-16
4to investigacion 15-164to investigacion 15-16
4to investigacion 15-16
 
15 16 reglas kidblog i pads
15 16 reglas kidblog i pads15 16 reglas kidblog i pads
15 16 reglas kidblog i pads
 
Happiness pp
Happiness ppHappiness pp
Happiness pp
 
Blogs previous teachers
Blogs   previous teachersBlogs   previous teachers
Blogs previous teachers
 
Blogs maestros anteriores
Blogs maestros anterioresBlogs maestros anteriores
Blogs maestros anteriores
 
Indicaciones eval maestros
Indicaciones eval maestrosIndicaciones eval maestros
Indicaciones eval maestros
 
5. apps que necesitan internet
5. apps que necesitan internet5. apps que necesitan internet
5. apps que necesitan internet
 
4. cómo enviar por correo
4. cómo enviar por correo4. cómo enviar por correo
4. cómo enviar por correo
 
3. cómo importar a la computadora
3. cómo importar a la computadora3. cómo importar a la computadora
3. cómo importar a la computadora
 
2. cómo guardar en carrete de fotos
2. cómo guardar en carrete de fotos2. cómo guardar en carrete de fotos
2. cómo guardar en carrete de fotos
 
2. cómo guardar en carrete de fotos
2. cómo guardar en carrete de fotos2. cómo guardar en carrete de fotos
2. cómo guardar en carrete de fotos
 
3 f 25 unidad4 6
3 f 25 unidad4 63 f 25 unidad4 6
3 f 25 unidad4 6
 
3 f 8 unidad4 6
3 f 8 unidad4 63 f 8 unidad4 6
3 f 8 unidad4 6
 
3 b 2 unidad4 6
3 b 2 unidad4 63 b 2 unidad4 6
3 b 2 unidad4 6
 
Rules kidblog i pads english
Rules kidblog i pads englishRules kidblog i pads english
Rules kidblog i pads english
 
Reglas kidblog i pads
Reglas kidblog i padsReglas kidblog i pads
Reglas kidblog i pads
 
Airdrop Manual English
Airdrop Manual EnglishAirdrop Manual English
Airdrop Manual English
 
Manual Airdrop Español
Manual Airdrop EspañolManual Airdrop Español
Manual Airdrop Español
 
Reglas publicaciones
Reglas publicacionesReglas publicaciones
Reglas publicaciones
 

Último

Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdfAsistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Demetrio Ccesa Rayme
 
evalaución de reforzamiento de cuarto de secundaria de la competencia lee
evalaución de reforzamiento de cuarto de secundaria de la competencia leeevalaución de reforzamiento de cuarto de secundaria de la competencia lee
evalaución de reforzamiento de cuarto de secundaria de la competencia lee
MaribelGaitanRamosRa
 
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Monseespinoza6
 
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdfUn libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
sandradianelly
 

Último (20)

Proyecto integrador Vereda Cujacal Centro.pptx
Proyecto integrador Vereda Cujacal Centro.pptxProyecto integrador Vereda Cujacal Centro.pptx
Proyecto integrador Vereda Cujacal Centro.pptx
 
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdfAsistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
 
Material-de-Apoyo-Escuela-Sabatica-02-2-2024.pptx.ppt
Material-de-Apoyo-Escuela-Sabatica-02-2-2024.pptx.pptMaterial-de-Apoyo-Escuela-Sabatica-02-2-2024.pptx.ppt
Material-de-Apoyo-Escuela-Sabatica-02-2-2024.pptx.ppt
 
evalaución de reforzamiento de cuarto de secundaria de la competencia lee
evalaución de reforzamiento de cuarto de secundaria de la competencia leeevalaución de reforzamiento de cuarto de secundaria de la competencia lee
evalaución de reforzamiento de cuarto de secundaria de la competencia lee
 
Proyecto Integrador 2024. Archiduque entrevistas
Proyecto Integrador 2024. Archiduque entrevistasProyecto Integrador 2024. Archiduque entrevistas
Proyecto Integrador 2024. Archiduque entrevistas
 
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
 
ensayo literario rios profundos jose maria ARGUEDAS
ensayo literario rios profundos jose maria ARGUEDASensayo literario rios profundos jose maria ARGUEDAS
ensayo literario rios profundos jose maria ARGUEDAS
 
PRESENTACION DE LA SEMANA NUMERO 8 EN APLICACIONES DE INTERNET
PRESENTACION DE LA SEMANA NUMERO 8 EN APLICACIONES DE INTERNETPRESENTACION DE LA SEMANA NUMERO 8 EN APLICACIONES DE INTERNET
PRESENTACION DE LA SEMANA NUMERO 8 EN APLICACIONES DE INTERNET
 
Tarrajeo, tipos de tarrajeos, empastados, solaqueos y otros revestimientos.
Tarrajeo, tipos de tarrajeos, empastados, solaqueos y otros revestimientos.Tarrajeo, tipos de tarrajeos, empastados, solaqueos y otros revestimientos.
Tarrajeo, tipos de tarrajeos, empastados, solaqueos y otros revestimientos.
 
Horarios Exámenes EVAU Ordinaria 2024 de Madrid
Horarios Exámenes EVAU Ordinaria 2024 de MadridHorarios Exámenes EVAU Ordinaria 2024 de Madrid
Horarios Exámenes EVAU Ordinaria 2024 de Madrid
 
6.Deícticos Dos_Enfermería_EspanolAcademico
6.Deícticos Dos_Enfermería_EspanolAcademico6.Deícticos Dos_Enfermería_EspanolAcademico
6.Deícticos Dos_Enfermería_EspanolAcademico
 
Sesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdfSesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdf
 
corpus-christi-sesion-de-aprendizaje.pdf
corpus-christi-sesion-de-aprendizaje.pdfcorpus-christi-sesion-de-aprendizaje.pdf
corpus-christi-sesion-de-aprendizaje.pdf
 
Semana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptxSemana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptx
 
Módulo No. 1 Salud mental y escucha activa FINAL 25ABR2024 técnicos.pptx
Módulo No. 1 Salud mental y escucha activa FINAL 25ABR2024 técnicos.pptxMódulo No. 1 Salud mental y escucha activa FINAL 25ABR2024 técnicos.pptx
Módulo No. 1 Salud mental y escucha activa FINAL 25ABR2024 técnicos.pptx
 
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdfUn libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
 
Fase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometricoFase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometrico
 
Diagnostico del corregimiento de Junin del municipio de Barbacoas
Diagnostico del corregimiento de Junin del municipio de BarbacoasDiagnostico del corregimiento de Junin del municipio de Barbacoas
Diagnostico del corregimiento de Junin del municipio de Barbacoas
 
263818760-Un-Embrujo-de-Cinco-Siglos.doc
263818760-Un-Embrujo-de-Cinco-Siglos.doc263818760-Un-Embrujo-de-Cinco-Siglos.doc
263818760-Un-Embrujo-de-Cinco-Siglos.doc
 
El fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docxEl fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docx
 

U5 sitio web_indicaciones5tosvr

  • 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:
  • 9.
  • 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.
  • 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
  • 14.
  • 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.