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/