I. DATOS GENERALES

1.1. Carrera Profesional 1.2. Modulo Tcnico Profesional 1.3. Unidad Didctica1.4. Crditos1.5. Semestre Acadmico 1.6. Ciclo Lectivo 1.7. N de horas semanales/semestre 1.8. Turno 1.9. Direccin General : 1.10. Direccin Acadmica 1.11. Docente

: : :

Computacin e Informtica Computacin Web I HTML5 y CSS3

:: 2012 - I : I : 3 Semanal/48semestrales : Nocturno Felicita Elizabeth Ubills Ramrez : Alfredo Marallano Ramos : MTA - MAP. Miguel Angel Ventura Condori

II COMPETENCIA DE LA CARRERA PROFESIONAL: La Unidad Didctica de Web I Con este curso se quiere ensear al alumno qu es HTML5 y CSS3, qu etiquetas tiene, cmo realizar la estructura de una pgina web y darle presentacin con las hojas de estilos, y todo ello guiado por ejercicios prcticos en los que quede demostrado el contenido terico. III. UNIDAD DE COMPETENCIA: En este curso el alumno aprender a desarrollar sitios web basados en las nuevas etiquetas HTML5, conocer las diversas propiedades de estilo de los objetos HTML de una pgina web, crear un sitio con compatibilidad para todos los navegadores, conocer las nuevas propiedades CSS3 y crear un proyecto web que est validado por W3C IV CAPACIDADES TERMINALES Y CRITERIOS DE EVALUACIN:CAPACIDAD TERMINAL Disear plantillas para aplicaciones de Internet. CRITERIOS DE EVALUACIN Identifica y clasifica los tipos de plantillas de aplicaciones en Internet. Utiliza herramientas adecuadas para disear interfaces de fcil interactividad. Publica la aplicacin en Internet.

V. CONTENIDOS ORGANIZACIN DE ACTIVIDADES Y CONTENIDOS BSICOS:SEMANA 01 05/03/2012 ELEMENTOS DE CAPACIDAD ACTIVIDADES DE APRENDIZAJE CONTENIDOS BSICOS TAREAS PREVIAS

Introduccin a HTML5 y CSS3

Qu es HTML5 y CSS3 y para qu sirve?

- Introduccin e Historia - Compatibilidad y entornos - HTML5 y CSS3, uso del IDE SublimeText - index.html, style.css - Estructura Doctype - link : href, rel, type - Header - Figure - Nav - Section - Article - Aside - Word Break - Time - Microdatos - Video - Mltiples Fuentes

conceptos de HTML5 y CSS3, sus versiones Ejercicios Propuestos

02 12/03/2012

Creando un documento HTML y una hoja de estilo CSS

Creacin de las hojas de estilo y vinculacin con una pgina HTML

03 19/03/2012

Estructura y Semntica I

Manejo de Estructura I.

Ejercicios Propuestos

Estructura y Semntica II 04 26/03/2012 Estructura y Semntica III

Manejo de Estructura II

Ejercicios Propuestos

05 02/04/2012

Manejo de Semntica y Microdatos

Ejercicios Propuestos

06 09/04/2012

Multimedia I

Insercin de un Video

Ejercicios Propuestos

07 16/04/2012

Multimedia II

Insercin de un Audio

- Audio - Mltiples Formatos - Parmetros Adicionales - Campos Requeridos - Campos Invlidos - Date, Sliders, Color - Bordes Radius - Compatibilidad - Shadow - Tamao - Origen - Fondos Mltiples - Sombra - Word Wrapping

Ejercicios Propuestos

08 23/04/2012

Formularios

Nuevos tipos de Formularios

Ejercicios Propuestos

09 30/04/2012

CSS3 I

Bordes

Ejercicios Propuestos

10 07/05/2012

CSS3 II

Fondos

Ejercicios Propuestos

11 14/05/2012

CSS3 III

Efectos de Textos

Ejercicios Propuestos

12 21/05/2012

CSS3 IIII

Fuentes

- Google Fonts - @Import

Ejercicios Propuestos

13 28/05/2012

Maquetacin Web I

Diseando la Estructura de la Pagina Web con HTML5

- Header, Figure, Nav - Section, Article - Aside

Ejercicios Propuestos

14 04/06/2012

Maquetacin Web II

Aplicando Hojas de Estilos con CSS3

- Bordes Radius, Shadow - Google Fonts - Sombra - Video - Audio

Ejercicios Propuestos

15 11/06/2012

Maquetacin Web III

Aplicando Video y Audio

Ejercicios Propuestos

Maquetacin Web IV 16 18/06/2012

Publicacin de la Pagina Web en un Servidor Web Externo

- Contratacin - Hosting - Dominio - FTP

Ejercicios Propuestos

VI

METODOLOGA Para el desarrollo de las sesiones de aprendizaje, se har uso de la metodologa activa, discusin y exposicin en los temas a tratar. Para una mayor comprensin de estos, se desarrollarn prcticas demostrativas y dirigidas. La motivacin ser permanente a travs de dinmica, intervenciones orales y participacin directa del alumno. Se orientar el desarrollo de proyectos relacionado al comercio electrnico en internet.

VII EVALUACIN: La evaluacin se basar segn R.D. No. 279-2010-ED, del 15 de marzo del 2010. De esta manera, la evaluacin de los aprendizajes se centra en el logro de las capacidades terminales, cuyos parmetros de referencia son los criterios de evaluacin. A partir de los criterios de evaluacin sealados en la Programacin Curricular, se proponen los indicadores, tcnicas e instrumentos de evaluacin correspondientes que se detallan en las fichas de actividad. As mismo se evaluara: Asistencia Presentacin Personal Prcticas Calificadas / participaciones Orales Actitud (Comportamiento) Exmenes Mensuales Sustentacin de Proyectos

La nota aprobatoria es trece (14), el medio punto es a favor del alumno.

VIII RECURSOS Fichas de evaluacin, Guas de prctica, VideoTutoriales, equipo de Multimedia, USB. IX BIBLIOGRFICOS Y RUTAS WEB:

Manuales y Videotutoriales de HTML5 y CSS3 de Video2Brain

DIRECCIN

DIRECCIN ACADMICA

DOCENTE