INSTITUTO DE

INFORMTICA



Pontificia Universidad Catlica del Per Todos los derechos reservados


PONTIFICIA UNIVERSIDAD CATLICA DEL PER
DIRECCIN DE INFORMTICA ACADMICA
INSTITUTO DE INFORMTICA


Desarrollo web con HTML5 y CSS3


1. REQUISITOS

El alumno debe poseer los siguientes conocimientos:

Conocimientos de Windows, Office e Internet (Nivel Intermedio)
Conocimiento de algn programa de diseo grfico (Nivel Intermedio)
Conocimientos bsicos de HTML / CSS (Recomendado)


2. DESCRIPCIN DEL CURSO

El curso de Desarrollo web con HTML5 y CSS3, permitir construir sitios
web profesionales, accesibles y respetando los estndares web.
El participante aprender desde lo ms bsico, hasta tcnicas de
diagramacin basado en estndares con hojas de estilos CSS3.
El curso profundiza en conceptos de desarrollo web, as como en las
mejores tcnicas recomendadas para la elaboracin de nuevos sitios web.


3. OBJETIVOS

Al finalizar el curso, el estudiante estar en capacidad de:

Maquetar una web utilizando HTML5 y CSS3
Usar tcnicas de diagramacin basado en estndares web
Publicar un sitio web en un servidor web
Construir un sitio web profesional en HTML5 y CSS3

3. CONTENIDO

Sesin 1

Introduccin a Internet y tecnologas web
Las tres capas de la web
Navegadores y herramientas para desarrollo web
Usabilidad y accesibilidad web


Pontificia Universidad Catlica del Per Todos los derechos reservados
II
Importancia de la Semntica y SEO
Diferencias entre HTML, XHTML y HTML5
Principales etiquetas de HTML
Etiqueta DIV
Estructura de una pgina web
Ejercicio: Mi primera pgina web en HTML

Sesin 2

Introduccin a CSS
Selectores
Propiedades de elementos
Color y grficos de fondo
Fondo con patrones
Elementos Float
Composicin de la pgina
Estilos de composicin
Estilos globales
Icono Favicon
Ejercicio: Maquetacin bsica de una pgina web

Sesin 3

Nuevas etiquetas HTML5
Estructura de una pgina en HTML5
Multimedia, Grficos y Formularios en HTML5
Nuevas Propiedades CSS3
Bordes y Fondos
Efectos de texto
Transiciones, animaciones y efectos
Columnas mltiples
Usar fuentes personalizadas
Maquetacin principal
Maquetando Header y Footer
Maquetando el bloque principal
Ejercicio: Maquetacin de una pgina web en HTML5

Sesin 4

Creacin de la estructura de archivos
Estructura de la seccin principal y el Footer
Creacin de una hoja de estilo externa
Estilizando el Header
Estilizando el Footer y el contenido
Creacin de un men de navegacin
Banner animado slo con css3
Ejercicio: Maquetacin de un sitio web de 5 paginas

Sesin 5



Pontificia Universidad Catlica del Per Todos los derechos reservados
III
Introduccin a JavaScript
Creacin de un acorden
Creacin de un lightbox
Introduccin a Diseo Responsivo
Cmo publicar una web. Qu se necesita?
Hosting, dominios y administracin de archivos
Publicacin de un sitio web en Internet
Mejores prcticas para el desarrollo web
Ejercicio: Diseo de sitio web completo con HTML5 y CSS3 (I)

Sesin 6

Ejercicio: Diseo de sitio web completo con HTML5 y CSS3 (II)
Examen Final

5. EVALUACIN

La evaluacin del curso ser determinada por el profesor durante el primer
da de clases.

6. CONSTANCIA / CERTIFICADO

Todos los participantes que obtengan un promedio aprobatorio, recibirn un
Certificado a nombre del Instituto de Informtica de la Pontificia Universidad
Catlica del Per. Caso contrario recibirn una constancia de participacin
en el curso.


Nota: Para la obtencin de cualquiera de estas certificaciones los
participantes debern haber pasado el lmite inasistencias. Las tardanzas
tambin se contaran como falta.


7. EXPOSITOR

Ing. Luis Flix

Ingeniero de Sistemas con amplia experiencia en el desarrollo de
Tecnologas Web Multimedia y Mviles. Experto en desarrollo de juegos para
e-Learning. Especialista en desarrollo Web multiplataforma y en tecnologas
como: HTML5, CSS3, PHP, ActionScript, FLEX, JavaScript, Android.
Ha desarrollado e implementado plataformas de LMS (Moodle, Chamilo) y
CMS (Drupal, Joomla, Wordpress), para e-Learning, e-Commerce, e-
Business. Ha dado cursos, talleres y capacitaciones en diversas instituciones
educativas y empresas del medio.

Actualmente se desempea como consultor de proyectos web, docente en
INFOPUC y Desarrollador web en la Direccin de educacin Virtual de la
Pontificia Universidad Catlica del Per.