8/13/2019 Diseo_de_Paginas_Web_clase_2

1/16

Diseo de Paginas

WebINFORMTICA

UNIDAD # 1

SEGUNDOS AOS DE BACHILLERATO SECCIN A HASTA J.

HORA 7:00 AM A 9:15

SEMANA DEL 30 DE ENERO AL 05 DE FEBRERO

8/13/2019 Diseo_de_Paginas_Web_clase_2

2/16

Indicador de Logro

1.2 Utiliza las herramientas que dan formato alcontenido de una pgina web, interesndose po

crear una pgina web aplicando los conceptos dlenguaje HTML.

8/13/2019 Diseo_de_Paginas_Web_clase_2

3/16

AGENDA

Actividad # 1 Conocimientos previos

Actividad # 2 Calentamiento Video motivacional

Actividad #3 Estructura de una pagina web, utilizacietiquetas

Actividad #4 Desarrollo de ejercicios de clase Actividad #5 Recapitulacin/cierre

Actividad #6 Retroalimentacin/tareas

8/13/2019 Diseo_de_Paginas_Web_clase_2

4/16

Actividad # 1: Conocimientos previo Propsito

Describir conocimientos previos sobre los temas a desarrclase.

Instrucciones:

1. Trabaje en equipos de tres.

2. Describa en las hojas de color como estructurara una p

3. Comparta con toda la clase.

4. Use las siguientes preguntas guas.

8/13/2019 Diseo_de_Paginas_Web_clase_2

5/16

Preguntas guas para la actividad #

Cul es el objetivo general de la pagina web?

Hacia que tipo de poblacin va dirigida la pagina we

Cules son las partes que componen la estructura de web?

8/13/2019 Diseo_de_Paginas_Web_clase_2

6/16

Actividad # 2: CalentamientoVideo motivacional

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

confort agradable de aprender.

Instrucciones

1. Trabaje Individual.

2.Preste atencin al video motivacional siguiente.

3. Prepare un ambiente agradable de aprendizaje para todos.

8/13/2019 Diseo_de_Paginas_Web_clase_2

7/16

Creando grupo

Cree grupos de tres para trabajar en el diseo de paginas web.

Por medio de dinmica genere grupos de trabajos de tresintegrantes para desarrollar la siguiente actividad.

8/13/2019 Diseo_de_Paginas_Web_clase_2

8/16

Actividad #3 Estructura de unapagina web, utilizacin de etiqueta

Propsito Utilizacin de las herramientas que dan formato al contenido de una

pgina web.

Instrucciones

1. Segn lo investigado escriba en su cuaderno la utilizacin de lassiguientes etiquetas del cdigo html.

1.

2.

3.

4.

5. .

8/13/2019 Diseo_de_Paginas_Web_clase_2

9/16

8/13/2019 Diseo_de_Paginas_Web_clase_2

10/16

8/13/2019 Diseo_de_Paginas_Web_clase_2

11/16

Para creacolumnas

Para creaordenada

8/13/2019 Diseo_de_Paginas_Web_clase_2

12/16

8/13/2019 Diseo_de_Paginas_Web_clase_2

13/16

Actividad #4 Desarrollo deejercicios de clase.

Propsito interesarse por crear una pgina web aplicando los conceptos de

lenguaje HTML

Instrucciones

Trabaje de forma individual

Abra un documento de bloc de notas

Cree una carpeta para colocar el sitio web

Desarrolle una pagian web con las siguientes indicaciones.

8/13/2019 Diseo_de_Paginas_Web_clase_2

14/16

indicaciones

Disee y cree tres paginas web utilizando todas las etiquetasnecesarias para darle formato a la pagina.

pagina 1 ser de tres lugares tursticos

Pagina 2 ser de la preparacin de tres comidas tpicas

Pagina 3 smbolos patrios.

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.

8/13/2019 Diseo_de_Paginas_Web_clase_2

15/16

Actividad #5 Recapitulacin/cierre

Propsito Evaluar lo aprendido en la clase

Instrucciones

1. Responda las siguientes preguntas

1. Que debo hacer para crear una tabla en cdigo html2. Necesito poner el titulo de las paginas para que aparezca en las pestaas

del navegador.

3. Que pasa si no guardo la informacin en una capeta

4. No funciona el color que le puse a mi etiqueta body por que puede ser.

5. No me muestra la imagen que coloque en mi pagina web cual es el error

8/13/2019 Diseo_de_Paginas_Web_clase_2

16/16

Actividad #6Retroalimentacin/tareas

Investigar el funcionamiento de la etiqueta que permite loshipervnculo.

Escriba en su cuaderno los diferentes ejemplos de hipervnculos

Estructure una pagina web que servir para enlazar las demspaginas que desarrollo en esta clase.

El men debe estar linkeado para las paginas que ya se crearon.

Participar en el foro de clase en el blog de su profes@r.