Programa del Curso:

Desarrollo Web en HTML5 y CSS3

pag. 2

1

Presentacin: HTML 5 (HyperText Markup Language, versin 5) es la quinta revisin importante del lenguaje bsico de la World Wide Web. HTML 5 establece una serie de nuevos elementos y atributos que reflejan el uso tpico de los sitios web modernos. En el presente curso se desarrollaran tanto los elementos bsicos de html como las novedades creadas para HTML 5.

pag. 3

1

Objetivos:

Que los participantes:

Logren incorporar de manera sencilla las actualizaciones desarrolladas para HTML5 y CSS3.

Mdulo 1: Incorpore los elementos bsicos de HTML y CSS.

Mdulo 2: Aprenda a manejar los nuevos elementos incorporados a HTML5 y CSS3

pag. 4

1

Temario:

Mdulo I: Estructura y maquetacin web.

o Unidad 1: HTML y XHML o Unidad 2: CSS (estilos en cascada) o Unidad 3: Aplicacin de CSS a la etiqueta DIV

o Unidad 4: Adobe Dreamweaver

Mdulo II: HTML 5

o Unidad 1: Introduccin HTML 5 o Unidad 2: Qu es la WHATWG, que es HTML 5 y por qu la

necesidad de una nueva versin o Unidad 3: Canvas o Unidad 4: Audio y video

pag. 5

1

Destinatarios: - Pblico en general

pag. 6

1

Requisitos previos:

- Manejo de PC

pag. 7

1

Modalidad: La modalidad es totalmente a distancia a travs del Campus Virtual FRBA. Las actividades que se realizarn sern:

Foros proactivos de discusin semanal propuestos por el docente. Consultas al docente a travs de e-mail o chat. Clases a travs de medios virtuales en tiempo real (Aula virtual

Sincrnica) Materiales de lectura complementarios. Actividades individuales y/o grupales de aplicacin prctica, sobre la

base del aprovechamiento pedaggico de comunidades de aprendizaje (foros, Web 2.0 y contextos laborales-profesionales).

Evaluaciones integradoras finales por mdulo sobre la base de

trabajos prcticos de aplicacin de los conocimientos adquiridos.

pag. 8

1

Duracin y Carga horaria:

Duracin: 2 meses. Carga horaria: 40 hs.

pag. 9

1

Metodologa de enseanza-aprendizaje Se trata de una instancia de formacin online, basada en la modalidad asincrnica complementada por instancias sincrnicas (Aula Virtual Sincrnica). Nuestra metodologa, basada en el e-learning colaborativo, se sostiene en:

Los conocimientos expertos, experiencias laborales y profesionales y competencias para llevar adelante las tutoras proactivas y el e-learning colaborativo, de nuestros docentes; quienes, adems de su slida formacin acadmico-profesional, reciben una capacitacin continua de actualizacin y perfeccionamiento.

El Modelo de E-learning colaborativo (MEC) de nuestro Centro

de e-learning, que se basa en un diseo instruccional que explota en forma terico-operativa y pedaggica tres comunidades de aprendizaje fundamentales: 1) Los foros proactivos,2) La Web 2.0 y 3) Los contextos laborales-profesionales de los participantes.

La puesta en acto de la idea maestra de que quienes aprenden

son los participantes y, por lo tanto, deben ser incentivados y estimulados para investigar y construir conocimientos desde posiciones propias y originales.

pag. 10

1

Recomendaciones a los participantes para el mejor aprovechamiento de esta instancia de enseanza-aprendizaje

pag. 11

1

Declogo de acciones clave para el mejor aprovechamiento de la instancia de formacin: 1. Leer crticamente el material obligatorio (unidades didcticas), sin quedarse con ninguna duda respecto a los contenidos, esto es, las teoras, conceptos, ideas y propuestas. Para ello, es fundamental verter las preguntas, consultas y opiniones crticas en los foros asociados a cada una de las unidades. 2. Tambin es importante tomar posicin y opinar crticamente respecto de dichas teoras, conceptos e ideas, compartindolas en los foros para dar lugar a debates y discusiones. 3. Realizar todos los ejercicios propuestos en las unidades didcticas, que remiten a las tres comunidades de aprendizaje que vertebran el e-learning colaborativo en el que se sostiene nuestro modelo de enseanza-aprendizaje. 4. Compartir en los foros proactivos los resultados de las reflexiones y ejercicios realizados. 5. Intervenir activa y comprometidamente en los foros proactivos dirigidos y coordinados por el profesor-tutor, considerados como la herramienta fundamental de socializacin, colaboracin y aprendizaje de conjunto. 6. Leer crticamente y aprovechar los materiales complementarios sugeridos por el profesor-tutor.

pag. 12

1

7. Investigar en la Web respecto de recursos y materiales complementarios y proponerlos a la consideracin del profesor-tutor, para su discusin en los foros proactivos que este ltimo dirige y coordina. 8. Ser consciente de la importancia del aprendizaje entre pares, para lo cual es fundamental el compromiso, la intervencin y los intercambios en los foros. 9. Saber explotar al profesor-tutor mediante preguntas, consultas y bsqueda de apoyo, quien le agrega valor a la instancia de formacin a partir de sus conocimientos expertos sobre el tema, experiencias laborales y profesionales y competencia para llevar adelante las tutoras proactivas y el e-learning colaborativo. 10. Realizar las evaluaciones finales integradoras en el marco del debate entre pares dirigido y coordinado por el profesor-tutor.

pag. 13

1

Modalidad de evaluacin

pag. 14

1

Siendo la evaluacin un momento esencial en cualquier proceso de enseanza-aprendizaje, nuestras instancias de formacin se desarrollan a partir de dos tipos de ejercitaciones y prcticas evaluativas: 1) No obligatorias y 2) Obligatorias. 1) No obligatorias:

La intervencin y participacin en los foros de los participantes, a partir de las cuales se producen ricos debates y discusiones, dirigidas y coordinadas por el profesor-tutor. La retroalimentacin que aqu se produce conforma una excelente instancia de avaluacin.

La realizacin de las reflexiones y elaboracin de los ejercicios

prcticos propuestos que, en la medida en que sean compartidos en los foros, tambin constituyen ricas instancias de autoevaluacin para los participantes y evaluacin para los profesores-tutores.

Tambin los participantes, si lo deseen, pueden solicitarle a los profesores-tutores que realicen una evaluacin y de devolucin de aquellos ejercicios prcticos que les parezcan importantes. Recordemos que estos ejercicios prcticos estn pensados desde el aprovechamiento terico operativo y pedaggico de las tres comunidades de aprendizaje que hemos sealado: 1) Los foros proactivos,2) La Web 2.0 y 3) Los contextos laborales-profesionales de los participantes.

2) Obligatorias:

Son los trabajos (que pueden ser cuestionarios tipo multiple choice, anlisis y resolucin de casos, ejercicios prcticos de investigacin y desarrollo, ejercicios prcticos con consignas especficas, distintos tipos de informes, monografas, etc.), que denominamos Evaluacin Final Integradora del Mdulo (porque, por lo menos, debe haber una por mdulo). Su obligatoriedad se fundamenta en tres puntos: 1) La evaluacin integra todos los temas o los ms importantes, desarrollados en el mdulo; 2) Por sus exigencias, su resolucin obliga a los participantes a haber

pag. 15

1

desarrollado las acciones sealadas en el declogo de acciones clave para un mejor aprovechamiento de la instancia de formacin (ver pgina 12) y 3) Es un requerimiento para acreditar la aprobacin del curso, diplomatura o experto universitario.

Evaluacin obligatoria: Mdulo 1

- Desarrollo y maquetacin de un sitio web de baja complejidad en XHTML1.0 y CSS2

Mdulo 2

- Tomando como base un sitio web desarrollado en XHTML 1.0 o HTML 4.0, actualizar el mismo a la versin de HTML 5.0 y CSS 3

pag. 16

1

Direccin y cuerpo docente Coordinador: Lic. Prof. Javier Kitainik. Javier Kitainik es Licenciado en Tecnologa Educativa por la Universidad Tecnolgica Nacional, Facultad Regional Buenos Aires. Es Master en Animacin Audiovisual, titulo de posgrado otorgado por la Universidad Autnoma de Barcelona. Es Profesor en Disciplinas Industriales, ttulo otorgado por el Instituto Superior del Profesorado Tcnico dependiente del Rectorado de la Universidad Tecnolgica Nacional. Es Realizador de Cine Animado, ttulo otorgado por el Instituto de Arte Cinematogrfico dependiente de la Municipalidad de Avellaneda. Es Productor Integral de Medios Audiovisuales, ttulo otorgado por el Instituto Superior ORT. Posee la certificacin oficial para enseanza del software Maya y del software Toon Boom, otorgadas por convenio de las empresas con la Universidad Autnoma de Barcelona. Coordina los planes de estudio del rea de Diseo Web de los cursos de Extensin Universitaria de la Facultad Regional Buenos Aires de la UTN desde el ao 2006, desempendose como docente del rea desde el ao 2003. Coordina los planes de estudio de los cursos multimediales de la

pag. 17

1

Fundacin Puerta 18, dependiente de la empresa IRSA, en conjunto con la UTN. Ha desarrollado capacitaciones de Animacin Audiovisual para el Instituto y Escuelas ORT. Ha participado en la elaboracin de largometrajes cinematogrficos y publicitarios de animacin 3D , trabajando para la productora Hook Up Animation entre otras en Argentina, y para Cromosoma y Canal 3 de Catalua entre otras en Espaa. Ha participado de varios congresos y seminarios pertinentes a la tecnologa web, educacin y tecnologa educativa, animacin y contenido multimedial. Profesor-tutor: Lic. Prof. Lorena Bernis Formacin acadmica:

Lic. En Diseo Grafico (UAI Universidad Abierta Interamericana)

Profesor en Artes Visuales (UAI Universidad Abierta Interamericana)

Programador web (Club de programadores)

Especialista en Diseo Digital Experiencia laboral:

Docente de Produccin Digital I y V (UP Universidad de Palermo)

Docente de Professional Webmaster (Secretara de cultura y Extensin Universitaria- Facultad Regional Buenos Aires -UTN)

Docente de Desarrollo Web Mobile (Secretara de cultura y Extensin Universitaria- Facultad Regional Buenos Aires -UTN)

Docente de Experto Universitario en Diseo Web y Multimedial (Departamento de E-learning - Secretara de cultura y Extensin Universitaria- Facultad Regional Buenos Aires -UTN)

Docente de Desarrollo Web en HTML5 y CSS3 (Departamento de E-learning - Secretara de cultura y Extensin Universitaria- Facultad Regional Buenos Aires -UTN)

Docente de Experto Universitario en Desarrollo Web con CMS (Departamento de E-learning - Secretara de cultura y Extensin

pag. 18

1

Universitaria- Facultad Regional Buenos Aires -UTN)

Docente de Experto Universitario en PHP y MySQL (Departamento de E-learning - Secretara de cultura y Extensin Universitaria- Facultad Regional Buenos Aires -UTN)

Diseo y programacin de Sitios Web de manera Free Lance.

pag. 19

1

Bibliografa

- Javier Eguluz. Introduccin a CSS. 1 Ed. Creative Commons; 2006.

- Musciano y Kennedy. HTML, La gua completa. 1 Ed. Editorial Mc Graw Hill; 2000.

- Alonso Alvarez Garca. HTML 5, Gua Prctica. 1 Ed. Anaya Multimedia, Madrid; 2010.

Sitios web:

W3C HTML Working Group: http://www.w3.org/html/

WHATWG http://www.whatwg.org

ltima versin publicada del borrador de HTML 5 http://www.w3.org/TR/html5/

Borrador del HTML 5 por la WHATWG http://www.whatwg.org/specs/web-apps/current-work/multipage/