Curso DISEO WEB

Programa
Clase 1

Con qu nos podemos encontrar y que debemos tener en cuenta cuando afrontamos un diseo web.

Qu es Diseo Web

Clase 2

Veremos que herramientas son las ptimas para desenvolverse.

Herramientas

Clase 3

Cmo debemos organizarnos con el cliente y con nuestro equipo.

Flujo de trabajo

Clase 4

Diferencia entre lenguajes server side y client side y cuando utilizarlos.

Cmo funciona la Web

Clase 5

Hablaremos de la importancia de la usabilidad y la eficiencia en nuestro diseo.

Experiencia de Usuario

Clase 6

Aprenderemos a planear el diseo y a posicionar los elementos dentro de nuestra web.

Wireframings y Jerarquizacin

Clase 7

Porqu no debemos crear una web en photoshop y qu opciones tenemos: Styleguides.

Styleguides y Photoshop

Clase 8

Como leen los usuarios en diferentes dispositivos y que opciones tenemos para elegir tipos de fuentes.

Tipografa y Fuentes

Clase 9

Dedicaremos la clase a revisar ejercicios y corregir posibles dudas y fallos.

Ejercicios

Clase 10

Una pequea introduccin a HTML, construiremos una web sencilla para entender este lenguaje de marcado.

HTML5

Clase 11

Veremos selectores de ID, de Clases, el modelo de caja y posicionamiento de elementos.

CSS

Clase 12

Aprenderemos a usar pseudoselectores y pseudoelemetos, as como meta data.

CSS3

Clase 13

Con todo lo aprendido hasta ahora crearemos un prototipo de nuestra web.

Prototipado

Clase 14

Veremos la diferencia entre unidades fijas y relativas, y cuales debemos utilizar en los diferentes casos.

Unidades de Medida

Clase 15

En esta clase analizaremos los principios de un diseo web adaptable a todos los dispositivos y resoluciones.

Responsive Design

Clase 16

Optimizaremos nuestra web con menos peticiones a servidor optimizando las imagenes en sprites.

Sprites

Clase 17

320andUp, Boilerplate, Bootstrap. Qu son y cmo se usan y cul es el que ms nos conviene.

Plantillas y Frameworks

Clase 18

Nos introduciremos en el mundo de los preprocesadores y sus ventajas aprendiendo las bases de LESS.

Preprocesadores: LESS

Clase 19

Dedicaremos la clase a revisar ejercicios y corregir posibles dudas y fallos.

Ejercicios

Clase 20

Exploraremos las ventajas de un CMS y veremos como puede dinamizar nuestra web.

CMS: Wordpress

Clase 21

Adaptaremos la portada de nuestra web a Wordpress y entenderemos como funciona Wordpress como framework.

Adaptando una web a Wordpress

Clase 22

Dedicaremos la clase a revisar ejercicios y corregir posibles dudas y fallos.

Ejercicios

De igual manera, todos los viernes habr una tutora donde los alumnos podrn aclarar todas las dudas que existan hasta el momento.