Laboratori digital – Web

Magistral

Aproximació a la www i al disseny web
L’evolució de la World Wide Web. Els estàndards web i l’W3C. Tecnologies web.
El procés de disseny.

Introducció a l’HTML
Sintaxis, estructura del document, estàndards i etiquetes bàsiques.

Pràctica:
Creació de dues pàgines HTML entrellaçades.

HTML i programari
Introducció al software.
Creació d’un site. Rutes relatives i absolutes. Etiquetes HTML
Optimització de material per a web. Wireframes del projecte final.

Pràctica:
Inici del projecte web. Dissenyar gràficament el site del projecte final.

Recerca d’etiquetes HTML.

Layout HTML i CSS
L’etiqueta DIV. Els atributs id i class.

HTML5:
Elements semàntics per estructurar el document.

CSS: Tipus d’estils, sintaxis i propietats.

Pràctica:

Maquetació HTML del layout i continguts de la home del projecte final.

Recerca propietats CSS

Layout CSS 1 + Tutories
Model de caixes. Posicionament CSS amb la propietat Float. Disseny de menús de navegació.
Tutories del projecte.

Pràctica:
Maquetació CSS de la home del projecte final.

Primera entrega:
Maquetació HTML I CSS de la home del projecte final.

Layout CSS 2
Correcció primer entrega del projecte final. Propietat CSS Position. Mesures relatives.

Pràctica:
Aplicar mesures relatives a la maquetació CSS del projecte final.

Magistral
Disseny web responsive i jquery
Què és el disseny web responsive. Media Queries.
Tendències i bones pràctiques. Introducció a JQuery.

Seminari
Tutories

Disseny responsive
Dispositius i formats. Media Queries.

Pràctica:
Implementació media queries al projecte final.

Segona entrega:
Lliurament de la maquetació HTML I CSS de les 4 pàgines del projecte final.

Tipografia i formularis web
Tipografia web.
Formularis web.
Revisió i optimització del material disponible pel projecte. Tutories del projecte.

Pràctica:
Implementació tipogràfica i formulari web al projecte final. Maquetació del material final.

JQuery
Introducció JQuery.
Galeria d’imatges amb JQuery.

Projecte final
Tutories del projecte.

Pràctica:
Acabar el projecte final.

Entrega final:
Lliurament del projecte final.