Programa Intel Educar

Curso Esencial
Plan de unidad
Plan de unidad

Autor de la unidad
Nombre y apellido Yolanda De La Cruz Daz
Nombre de la institucin educativa IPT. Alejandro Castillo
Ubicacin de la institucin educativa La Palma Darin, Distrito de Chepigana
Otros datos de la institucin educativa Al Costado del Ministerio de !ras Pu!li"as
Descripcin de la unidad
Ttulo de la unidad
Viajando hacia lo desconocido
Resumen de la unidad
HTML es el lenguaje que se emplea para el desarrollo de pginas de internet. Est
compuesto por una serie de etiquetas que el navegador interpreta y da forma en la
pantalla.
Esta unidad presentara la forma e importancia de crear una pgina web, donde el
alumno podr desarrollar abilidades esenciales para utili!ar apropiadamente la
informaci"n que encuentra en la internet es decir, para clasi#carla, organi!arla,
anali!arla y sinteti!arla correctamente, apoyndose en Herramientas $nformticas y
otros recursos. Mediante los cuales vern y pondrn en prctica como por ejemplo
inserci"n de te%to, color, imgenes, tablas entre otras.
Espacio/s curricular/es o asignatura/s
&signatura 'rincipal( $nformtica )rea *( T+cnica de ,ise-o
Ao ni!el
Tecnolog.a de la informaci"n /*0
Tiempo necesario apro"imado
1 sesiones de 23 minutos 2 semanas
2008 Corporacin Intel. Todos los derechos reservados. !"ina # de $
Programa Intel Educar
Curso Esencial
#undamentos de la unidad
$ontenidos
contenido procedimental actitudinal
%.,ise-o web
4onceptos
generales.
&enguaje de 'arcas
()T'&*
,e#nici"n de
,Etiquetas, atributos,
creaci"n de
comentarios
Estructura de un
documento HTML.
4abecera, cuerpo,
inserci"n de te%to,
creaci"n de prrafo,
formato de te%to,
fuente, tablas ,
imgenes.
'lani#caci"n y dise-o de
una pgina web
programando todos los
elementos estructurales
de un documento HTML.
$nserta te%tos prrafos
y agrega te%tos con
diferentes fuentes a un
documento HTML.
4rea dentro de un
documento HTML listas
diferentes( ordenadas,
no ordenadas y de
de#nici"n.
4anali!aci"n de la importancia de
plani#car un documento web con
la estructura adecuada para la
integraci"n de los elementos
dentro de ella.
$nter+s por la creaci"n de
elementos de ordenaci"n dentro
de un documento HTML.
+,jeti!os del aprendi-aje
$nterpreta los diferentes elementos involucrados en el dise-o visual de un sitio
web.
,esarrolla las diferentes Estructuras de contenidos aplicando t+cnicas de
navegaci"n.
4rea, edita y utili!a imgenes para integrarla en un sitio web.
&plica las instrucciones fundamentales de HTML en una pgina web.
Indicadores Logros
4rear un documento con la estructura adecuada de un documento HTML insertando
prrafos, formatos de te%tos, fuentes y los tres tipos de listas.
Preguntas orientadoras del plan de unidad
Pregunta esencial .$mo !iajar hacia lo desconocido/
Preguntas de unidad 54"mo utili!ar HTML para crear tu primera pgina
web6
2008 Corporacin Intel. Todos los derechos reservados. !"ina 2 de $
Programa Intel Educar
Curso Esencial
Preguntas de contenido
57u+ es HTML6
57u+ erramientas utili!ar.as para darle color al
fondo y de una pgina web creada en HTML para
llamar la atenci"n del servicio y producto que
promuevo6
57u+ erramienta utili!ar.a para insertar y dar
est+tica a tu pgina web6
54ul es la importancia de contar con una pgina
web6
Plan de e!aluacin
$ronograma de e!aluaciones
Antes de empe-ar el
tra,ajo del proecto
Durante el
desarrollo del
proecto
0na !e- completado el
proecto
,esarrollo de 're
T+s
$nvestigaci"n
presentaci"n y E%posici"n
oral 8carla9
,esarrollo 'os T+s
Talleres
8avances9
4onfecci"n de la
pgina web. :e
evaluara
mediante una
r;brica la
elaboraci"n de la
pgina web.
Resumen de e!aluaciones
E!aluacin Proceso propsito
/. 're T+s
*. $nvestigaci"n
/. & trav+s del pre t+s en forma de
preguntas de selecci"n m;ltiples se
contactara las abilidades y destre!as
que posee un estudiante en la
elaboraci"n de una pgina web.
2008 Corporacin Intel. Todos los derechos reservados. !"ina % de $
Programa Intel Educar
Curso Esencial
<. 'rcticas y talleres 8avances de la
construcci"n y dise-o de la
pgina web
2. 'resentaci"n y sustentaci"n de la
pgina web
=. 'os t+s
*. 4on la investigaci"n los estudiantes
desarrollaran una serie de preguntas
que le orientaran con los
conocimientos bsicos para la
elaboraci"n de una pgina web en
HTML.
<. 4on los talleres se podr medir el nivel
de conocimiento y comprensi"n de los
estudiantes en el proceso de evoluci"n
en la creaci"n y desarrollo de la pgina
web
2. 4on la presentaci"n y sustentaci"n
obtenemos informaci"n acerca del
estado de aprendi!aje del estudiante
en cuanto al uso de las erramientas
utili!adas en el desarrollo de una
pgina web
=. & trav+s del 'os t+s se podr medir el
conocimiento, destre!as y abilidades
adquirido por los estudiantes durante
el proceso del desarrollo de la pgina
web.
Detalles de la unidad
)a,ilidades pre!ias
4onocimiento del uso de las computadoras
4onocimientos de equipo multimedia
Trabajo en equipo
Procedimientos
Acti!idad de inicio
Pre T1s
,esarrolle un 're T+s sobre lo que sabe sobre la creaci"n de una pgina web en HTML
Acti!idades de desarrollo
2008 Corporacin Intel. Todos los derechos reservados. !"ina & de $
Programa Intel Educar
Curso Esencial
Diseo 2e, $onceptos generales3
57u+ es una pgina web en HTML y cules son sus erramientas6
%3 $n!estigue 4ue es una p5gina 2e, sus herramientas entrando
( ttp(>>www.monogra#as.com>trabajos?/>disenar@paginas@web@lenguaje@tml>disenar@paginas@web@
lenguaje@tml*.stmlAi%!!<B3jCsTDa
$ntercambiar opiniones
Dormaran grupo de < estudiantes y revisaran las siguientes direcciones
investigadas previamente buscando lo ms relevante
Elabore una s.ntesis con los temas investigados, en su cuaderno de
trabajo, para una mejor comprensi"n del tema.
63 Talleres E!aluati!os de A!ances del desarrollo de la p5gina 2e,
Ena ve! que aya reali!ada la tarea anterior de la investigaci"n en
grupo de < estudiantes pondrn en prctica cada una de las
erramientas y etiquetas $nserci"n de te%to, imgenes, colores,
entorno, otrosF que se utili!aran para la confecci"n y desarrollo de la
pgina web en HTML , la cual ser supervisados para ver el avance de
la construcci"n de la misma
73 el diseo de la p5gina 2e, de,er5 ser sustentado por medio de la
T8$9 (computador data sho2*3
Acti!idad de cierre
GPost T1s
,esarrolle un 'ost T+s
Adecuaciones curriculares
Estudiante con
necesidades
especiales
4on la ayuda de trabajos en grupo y espacios curriculares
desarrollarn talleres que le permitan entender y familiari!arse
con las erramientas de programaci"n HTML que le ayudaran a
desarrollar su pagina
:o hispano;
parlantes
Mediante observaci"n de diapositivas y talleres e%plicativos
visuali!ados por medio de Tics 8data sow9 los estudiantes
podrn observar identi#car cada una de las etiquetas y
funcionamiento las cuales podrn utili!ar para el desarrollo de
su pgina web
Estudiante
talentoso
Ena ve! asimilado los conocimientos adquiridos desarrollaran
todas las abilidades implementndola en la construcci"n de su
pagina web
'ateriales recursos necesarios para la unidad
2008 Corporacin Intel. Todos los derechos reservados. !"ina ' de $
Programa Intel Educar
Curso Esencial
Tecnologa < )ard2are 8equipo necesario9
4mara
4omputadora8s9
4mara digital
Heproductor de ,I,
4one%i"n a $nternet
,isco lser
$mpresora
:istema de
proyecci"n
Escner
Televisor
I4H
4mara de v.deo
Equipo de v.deo
conferencia
Jtro
Tecnologa < 9o=t2are 8necesario9
Kase de datos>Hoja de
clculo
,iagramador de
publicaciones
'rograma de correo
electr"nico
Enciclopedia en 4,@HJM
Editor de imgenes
Kuscador Leb
Multimedia
,esarrollo de pginas
web
'rocesador de te%to
Jtro
'ateriales impresos
Copias "on instru""iones
9uministros
#es$menes
Recursos de Internet
8EHL:9 que apoyan la implementaci"n de su unidad
( ttp(>>www.monogra#as.com>trabajos?/>disenar@
paginas@web@lenguaje@tml>disenar@paginas@web@
lenguaje@tml*.stmlAi%!!<B3jCsTDa
Otros Recursos
(os pro"ramas de Intel) *ducacin son +inanciados por la ,undacin Intel y la Corporacin Intel.
-erechos reservados 2008. Corporacin Intel. Todos los derechos reservados. Intel. el lo"o de Intel. la iniciativa de Intel *ducacin y el
ro"rama Intel *ducar son marcas re"istradas de Intel Corporation o de sus subsidiarias en los *stados Unidos y otros pa/ses. 0Otros nombres
y marcas pueden ser reclamadas como la propiedad de terceras partes.
2008 Corporacin Intel. Todos los derechos reservados. !"ina $ de $