UNIDAD DE APRENDIZAJE POR PROYECTO III

CONOCIENDO HTML Y CSS

I. DATOS INFORMATIVOS:
1.1 UGEL
1.2 Institucin Educativa
1.3 Director
1.4 Sub-Director (a)
1.5 Asesora de rea
1.6 Profesores
1.7 rea
1.8 Ciclo
1.9 Grado
1.10 Seccin
1.11 Horas semanales

: Huancayo
: Mara Inmaculada
: Dr. Flix RODRIGUEZ ISIDRO
: Prof. Fredy GUTARRA
: Lic. Claudio HINOSTROZA CASQUI
: Lic. Wagner P. Huamn Francia
: EPT OPERADOR DE COMPUTADORA
: VII
: 5TO
:D-J
: 6hrs

II. SITUACIN SIGNIFICATIVA:

FALTA DE HABITOS DE LECTURA/ PROMOVEMOS LOS HABITOS DE LECTURA
La institucin Educativa Mara Inmaculada alberga a seoritas adolescentes que en su mayora provienen de los alrededores de Huancayo
cuyos padres se dedican a pequemos negocios descuidando as la asistencia de sus seoritas hijas, las alumnas han demostrado tener un
escaso hbito de lectura porque desconocen sus ritmos y estilos de aprendizaje lo cual dificulta la comprensin e interpretacin coherente , por
ello es necesario que las alumnas reconozcan sus estilos y ritmos de aprendizaje para fortalecerlas a travs del plan lector acorde con sus
necesidades e inters.
Para lograr fortalecer el hbito de lectura se trabajara con lecturas orientadas al tema relacionado en la presente unidad, finalmente logrando
que las estudiantes elaboren un folleto haciendo uso de las tcnicas de comprensin de lectura
III. APRENDIZAJES ESPERADOS
APRENDIZAJES ESPERADOS
CAPACIDADES
INDICADORES
Organiza la informacin Define los fundamentos de
de los conceptos de HTML
HTML
Identifica los tipos de Organiza las etiquetas
etiquetas en HTML
dentro de HTML
Determina las etiquetas Explica
las
etiquetas
bsicas y separadores bsicas y los separadores
Gestin de Procesos
en HTML
Productivos de diseo y
planificacin de HTML y CSS Identifica las listas Elabora listas ordenadas y
en Portales Web
ordenadas en HTML
no ordenas en HTML
Identifica las tablas en Elabora tablas en HTML
HTML
Verifica las capas y Determina las capas y los
contenedores en HTML
contenedores dentro de
HTML

CAMPO
TEMATICO
Identifica que es
HTML y para qu
sirve
Identificas
las
etiquetas de HTML
Separadores
y
etiquetas bsicas

Ejecucin de procesos para la

produccin y prestacin de
servicio HTML y CSS en
Portales Web

Elabora la estructura de una

pgina web.

Hoja de estilo CSS

Crea un slider con

imgenes
Disea un carrusel de
imgenes en HTML y CSS
Disea mens con HTML y
CSS
Elabora un portal web
esttico.
PRESENTACIN
DE

Wow Slider

COMPETENCIA

Identifica
la
estructura
de
una
pgina web
Instala, configura y
modifica WOW Slider
Elaboracin de carrusel
de imgenes
Elabora men con
HTML y CSS
Creacin un portal web
Con HTML
EVALUACIN

Listas Ordenadas y
no ordenadas
Tablas en HTML
Maquetacin Web
con CSS

PRODUCTO

TIEMPO

Diseo de una
pgina web con
HTML y CSS

6h
6h
6h
6h
6h
6h

6h

Carrusel
con
contenido
Mens en HTML y
CSS
Portal Web

6h
6h
6h
6h
6h

SUMATIVA

TRABAJOS

IV. SECUENCIA DE LAS SESIONES

SESIN 01 (6 horas):
Campo Temtico: Qu es HTML?
SESIN 03 (6 horas):
Campo Temtico: Separadores en HTML
SESIN 05 (6 horas):
Campo Temtico: Tablas en HTML
SESIN 07 (6 horas):
Campo Temtico: Hoja de estilo CSS
SESIN 09 (6 horas):
Campo Temtico: Carrusel con contenidos
SESIN 11 (6 horas):
Campo Temtico: Portal Web

SESIN 02 (6 horas):
Campo Temtico: Etiquetas en HTML
SESIN 04 (6 horas):
Campo Temtico: Lista ordenadas y no ordenadas
SESIN 06 (6 horas):
Campo Temtico: Maquetacin Web
SESIN 08 (6 horas):
Campo Temtico: Wow Slider
SESIN 10 (6 horas):
Campo Temtico: Mens en HTML
SESIN 12 (6 horas):
Campo Temtico: Evaluacin Final

V. EVALUACIN:
COMPETENCIAS

Gestin de Procesos
Productivos de diseo y
planificacin de HTML y
CSS en Portales Web

Ejecucin de procesos
para la produccin y
prestacin de servicio
HTML y CSS en Portales
Web

CAPACIDADES
Organiza la informacin
de los conceptos de
HTML
Identifica los tipos de
etiquetas en HTML
Determina las etiquetas
bsicas y separadores
en HTML
Identifica
las
listas
ordenadas en HTML
Identifica las tablas en
HTML
Verifica las capas y
contenedores en HTML
Identifica la estructura
de una pgina web
Instala, configura y
modifica WOW Slider
Elaboracin de carrusel
de imgenes
Elabora men con HTML
y CSS
Creacin un portal web
Con HTML

INDICADORES
Define los fundamentos de
HTML

EVIDENCIAS/PRODUCTO

Organiza las etiquetas

dentro de HTML
Explica las etiquetas bsicas
y los separadores

INSTRUMENTOS

Lista de cotejo

Ficha de

Elabora listas ordenadas y

no ordenas en HTML
Elabora tablas en HTML
Determina las capas y los
contenedores dentro de
HTML
Elabora la estructura de una
pgina web.
Crea un slider con imgenes

Observacin
Diseo de una pgina web
con HTML y CSS

Practicas
calificadas

Disea un carrusel de
imgenes en HTML y CSS
Disea mens con HTML y
CSS
Elabora un portal web
esttico.

Pruebas de
desarrollo

VI. MATERIALES BSICOS Y RECURSOS A UTILIZAR EN LA UNIDAD:

Item
Descripcin
Cantidad
1
Papelotes
10
2
Plumones de colores
5
3
Papeles
20
4
Folder
1
TOTAL COSTOS DE MATERIALES DEL PROYECTO
VII. FUENTES DE CONSULTA:

Unidad de Medida
Unidad
Unidad
Unidad
Unidad

Costo Unitario
0.50
2.00
4.00
2.00

Importe
5.00
6.00
4.00
2.00
S/ 17.00

PARA EL DOCENTE
GESTION COMPETITIVA PARA UNA PEQUEA Y
MEDIANA EMPRESA IBM
- EDUCACION PARA EL TRABAJO Programa de Educacin
en reas Rurales
- HTML y CSS en Diseo Web - SENATI
Manual de gestin por el ministerio de educacin mecep-carrillo y
otros-2000
-

PARA LA ESTUDIANTE
Revistas y Folletos varios
Pginas de internet

Huancayo, Agosto de 2016

____________________________
SUBDIRECTOR DE EPT

____________________________
PROFESOR DE REA

____________________________
ASESOR DE REA