7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

1/18

Informtica

Unidad # 1Segundos aos de bachillerato seccin A hasta J.

Semana del 06 al 12 de Febrero

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

2/18

Indicador de Logro

1.4 Utiliza los comandos HTML para completasitio web, interesndose por crear al menos trevnculos ejecutables del sitio en prctica.

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

3/18

Actividad # 1 Conocimientos previos

Actividad # 2 Calentamiento Video motivacional

Actividad #3 Desarrollo estructura web con hipervnculo

Actividad #4 Desarrollo de ejercicios de clase (actividad i

Actividad #5 Recapitulacin/cierreActividad #6 Retroalimentacin/tareas

AGENDA

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

4/18

Prop

sito:Describir conocimientos previos de la estructura y diseo de una

Instrucciones:

1. Trabaje en equipos de tres

2. Describa en su cuaderno la estructura y diseo de una pagina

3. Comparta con otros equipos de la clase4. Comparta con toda la clase

5. Use las siguientes preguntas guas

Actividad # 1: Conocimientos previ

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

5/18

Sintaxis de la etiqueta TABLE?

Ejemplos de diferentes editores HTML?

Escriba los diferentes tipos de hipervnculos.

Para que se utilizan las anclas con los hipervnculos?

Preguntas guas para la actividad #1

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

6/18

Propsito Preparar el ambiente de trabajo para que los alumnos se sientan

confort agradable de aprender.

Instrucciones:1. Trabaje de forma Individual

2. Preste atencin al video motivacional siguiente

3. Prepare un ambiente agradable de aprendizaje para todos

4. Comparta con la clase lo aprendido en el video

Actividad # 2: Calentamiento Vidmotivacional

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

7/18

Comente con la clase que le agrada mas del video.

Trabaje en equipos y mencione dos cosas buenas de sus compa

Estructuras guas

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

8/18

Propsito Utilizar comandos HTML para completar un sitio web utilizan

hipervnculos. Instrucciones:

1. Trabaje en equipos de tres

2. Utilice comando HTML para completar el sitio web, creando la pprincipal con hipervnculos

3. Comparta con otros grupos como har su pagina principal

4. Comparta con la clase el desarrollo de su pagina principal

5. Siga las instrucciones de las siguientes diapositivas

Actividad #3: Desarrollo estructura wcon hipervnculos

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

9/18

Comente con la clase los diferentes tipos de hipervnculos.

Utilizacin de Hipervnculos.

Un hipervnculo es un enlace, normalmente entre dos pginas webmismo sitio, pero un enlace tambin puede apuntar a una pgina d

web, a un fichero, a una imagen, etc. Para navegar al destino al queenlace, hemos de hacer clic sobre l. Tambin se conocen como hipeenlaces o links

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

10/18

Dependiendo de cual sea el destino , hacer clic en un hipervnculo puocurran varias cosas. Si el destino es otra pgina web, el navegador la mostrar, pero si el destino es un documento de Word, el navegador nposibilidad de abrir una sesin de Word para visualizarlo o de guarda

Hipervnculo de texto:

Hipervnculo deimagen

Hipervnculo local o

interno:

Hipervnculo Externo

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

11/18

Ejemplo de etiqueta

Ejemplo del uso de marcadores -

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

12/18

Etiqueta caracterstica

ETIQUETA CIERRE FUNCION

Expande las especificado

Expande las

nmero espe

Sintaxis:< table width="50%">< table width="200px">

Ancho de toda la tabla. puede ser medido en el porcentaje de todapantalla o en cantidad de pixeles, unidad de medid de las pantalla

< table border="10">Ancho del borde de la tabla, esto depende, puede colocar el borde

hasta uno con solo cambiar el numero que va entre las comillas.Otras formas de formatear una tabla

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

13/18

Ejemplos

Item 1Item 2Item 3Item 4

Item 5

Item 1ItemItem 3

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

14/18

Desarrolle los ejercicios expuestos en clase anterior utilizando nuevas caractersticas de la etiqueta tabla.

Modifique las paginas para agregarles un hipervnculo que coimagen que la lleve hasta la pagina principal.

Estructuras guas de la actividad

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

15/18

Propsito Evaluar el desarrollo de ejercicios

Instrucciones: Trabaje en pareja

Desarrolle una pagina web tomando como ejemplo la estrula tarea de la clase anterior

Evalu el desarrollo de la estructura

Tome en cuenta las siguientes indicaciones:

Actividad #4 Desarrollo de ejercicioclase (actividad integradora).

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

16/18

UTILICE EL DISEO PRESENTADO EN LA CLASE ANTERIGENERAR LA PAGINA WEB.

Cree tablas para colocar el contenido.

Trabaje con fondo de color.

Aplique etiquetas de texto.

Todas las paginas deben tener titulo para identificarse

Imgenes y sus descripciones.

Genere un hipervnculo a cualquier red social

Instrucciones

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

17/18

Propsito

Evaluar lo aprendido en la clase

Instrucciones

1. Responda las siguientes preguntas Cules son las caractersticas de la etiqueta

Cules son los diferentes tipos de hipervnculos?

Explique el uso de colspan y rowspan

Actividad #5 Recapitulacin/cier

7/27/2019 Diseo_de_Paginas_Web_clase_3Lista

18/18

Investigar el uso de los blogs.

Cree un resumen de todas las clases utilizando su plataforma comparta con toda la clase.

Inserte imgenes y ejemplos desarrollados en clase.

Actividad #6 Retroalimentacin/ta