CURSO DE HTML5 y CSS

Desarrollo de sitios web con HTML5 y CSS3

DIRIGIDO A : Periodistas, publicistas, diseadores y todo tipo de profesionales del rea de las comunicaciones
interesados en aprender a desarrollar sitios con HTML5 y CSS.
MODALIDAD : Presencial
DURACIN : 18 horas cronolgicas
ASISTENCIA : 75%
REQUISITOS : Conocimientos y experiencia en el manejo de un computador y navegacin en internet.
CDIGO SENCE : N/A
VALOR : $185.000
N participantes : 14

Objetivo General:
Aprender a desarrollar sitios web con HTML5 y CSS3.

Objetivos Especficos:
- Conocer el entorno de desarrollo de sitios web.
- Planificacin de un proyecto web.
- Conocer los elementos y estructura bsicos para realizar pginas web.
- Creacin de contenido optimizado para la web.
- Aprender a insertar diferentes medios en pginas web como videos, audio, mapas, etc.
- Saber que es y como se desarrolla un sitio web Responsive.
- Aprender a subir sitios web a un dominio especfico.
- Tener nociones de Javascript y frameworks para el desarrollo web como Bootstrap entre otros.

Metodologa:
El mtodo de las clases es terico prctico, el alumno ir recibiendo las materias y conocimientos clase a clase
hasta completar un sitio operativo al 100% con caractersticas de un desarrollo a nivel profesional.
Durante la duracin del curso el alumno dispondr de un computador de uso personal con conexin a internet y los
software requeridos para desarrollar el curso.
Los contenidos estarn disponibles on-line durante todo el curso y quedarn a disposicin de los alumnos para ser
descargados.

Softwares a utilizar:
Visual Studio Code - Navegador web Chrome/Firefox- Filezilla FTP

RELATOR :
Roberto Cossio Correa: Diseador en Comunicacin Visual Universidad Tecnolgica Metropolitana. Mas de 9 aos
de experiencia en Desarrollo Front-end y diseo UI/UX en agencias y entidades pblicas y educativas. Especializado
en el desarrollo web con CMS tales como Wordpress, Drupal y Joomla. Sus conocimientos en el rea web abarcan:
SEO/SEM, Usabilidad, Accesibilidad, Diseo de interfaz de Usuario, Diseo de Experiencia de Usuarios, Planificacin
de Proyectos Web y Desarrollo web con HTML5, CSS3, Javascript, PHP y diversos Frameworks como Jquery,
Bootstrap 3 entre otros.

CONTENIDOS POR CLASE:

Clases Contenidos

Clase 1 - Introduccin
- Historia de HTML y su ltima versin: HTML5
- Herramientas para el desarrollo con HTML y CSS

Primeros pasos con HTML y CSS

- Estructura de HTML
- Etiquetas HTML5
- Tipos de etiquetas
- Metatags
- Cdigo semntico para la web
- Aplicacin de primeros estilos CSS

Clase 2 Planificacin de un proyecto web

- Arquitectura de la informacin
- rbol de contenidos
- Wireframes
- Diseo web

CSS
- Qu es CSS
- CSS3
- Sintaxis
- Selectores: clases, id, tags, etc
- Propiedades
- Modelo de cajas
- Animaciones y transiciones con CSS3

Clase 3 - Trabajo con imgenes optimizadas para la web

- Insercin de media: videos, google maps y otros
- Uso de tipografas en la web
- Google fonts
- Uso de conos web
- Favicon
- Compatibilidad entre navegadores
- CSS Reset y otras herramientas de compatibilidad

Clase 4 Formularios
- Estructura de formularios HTML
- Dndole estilos CSS a formularios
- Envo de formularios con php

Responsive web design

- Creacin de sitios web responsive
- CSS Media queries
- imgenes responsive
- Videos responsive
- Mapas responsive
 Clase 5 Subiendo mis archivos a la web
- Hosting
- Nombres de dominio
- FTP

Javascript:
- Introduccin a Javascript
- Aplicacin de cdigo javascript en el proyecto final
- Frameworks javascript

Clase 6 Frameworks para el desarrollo web

- Tipos de frameworks
- Desarrollo web con Bootstrap
- Trabajo prctico con bootstrap

- Introduccin a los preprocesadores CSS

- Finalizacin proyecto web

- Evaluacin

Evaluacin:
- Nota de asistencia y participacin 50%
- Nota por resultado final del proyecto 50%

INFORMACIONES:

Mara Jos Lacalle d./ Francisca Recabarren Av. Capitn Ignacio Carrera Pinto 1045, uoa
Unidad de Formacin Continua ICEI Campus Juan Gmez Millas - Santiago de Chile
Instituto de la Comunicacin e Imagen Telfono: (56 2) 2978 79 14/
Universidad de Chile E-mail: capacitacionicei@u.uchile.cl
Web: www.icei.uchile.cl