Modalitat: presencial
Destinataris: PAS de l’UJI amb preferència del personal del Servei de Comunicació i Publicacions
Objectius:
El curs es planteja com una introducció a la Web com a plataforma per a la publicació de continguts, la qual cosa implica conèixer tant les tecnologies principals que permeten la creació i el fluix (publicació) de contingut, com els estàndards, metodologies i ferramentes per a la creació i modificació de pàgines web. El curs prestarà especial atenció a l’estructura del contingut en una pàgina web con HTML i la presentació del mateix amb recursos gràfics i CSS.
Continguts
1. Introducció a la Web com a plataforma per a la publicació de continguts
-
La Web: Internet, Navegadors, HTML i CSS (W3C)
-
Pàgines estàtiques i pàgines dinàmiques (WebApps)
-
Multimèdia: text, imatge, àudio i vídeo (HTML5)
-
Accessibilitat web: WAI
-
Usabilitat i experiència d’usuari (UX)
-
Responsive design
2. Creació de pàgines web
-
Arxius html, etiquetes, atributs, valores i contingut
-
Navegadors i ferramentes de desenvolupament relacionades:
-
Chrome Devtools, Firefox Firebug
-
Compatibilitat mitjançant diferents navegadors (CrossBrowser) i ferramentes del tipus BrowserStack
-
Elements i formats multimèdia del contingut i recursos gràfics de la web
3. Estructura del contingut en pàgines web: HTML
-
Capçalera, peu, contingut i regions auxiliars
-
Etiquetes del HTML
-
Introducció als canvis en l’estructura semàntica de les pàgines con HTML5
-
Experimentació amb elements HTML d’una pàgina amb ferramentes del navegador: Chrome Devtools
4. Presentació del contingut: CSS i mitjans gràfics
-
Incloure estils en una pàgina web: inline ( attributo style), internal (etiqueta style) i external (etiqueta link)
-
Selectors (regles), propietats i valores
-
Elements, classes i IDs
-
Efectes de l’ordre en les regles i en les propietats: perquè no es deuen utilitzar ni IDs ni !important (però s’utilitzen)
-
Agrupació de regles
-
Canviant l’aspecte d’una web amb CSS
-
Colors
-
Alts i amples
-
Fons, bordes, marges i padding
-
Text, fonts i tipografia: FontYourFace
-
MediaQueries i altres elements de responsive design
-
Introducció a les noves possibilitats de presentació amb CSS3
-
Experimentació amb el CSS dels elements HTML d’una pàgina amb ferramentes del navegador: Chrome Devtools
5. Aspectes propis de la maquetació de correus electrónicos amb HTML i CSS
6. Frameworks CSS (o de front-end web)
-
Zurb Foundation
-
El grid i la seva aplicació a l’estructura de pàgines i de continguts
-
Responsive: com es comporta el grid depenent de la resolució del dispositiu
-
Introducció a la resta de possibilitats
-
Adaptació de Zurb Foundation a la web de l’UJI i com treballar a partir de les estructures i els estils preestablerts
7. Accessibilitat
-
Punts destacats en l’accessibilitat d’una pàgina web
-
Ferramentes per a avaluar l’accessibilitat
Durada: 20 hores
Participants: mínim 10 i màxim 20 persones
Lloc: TD 0130 AI (ESTCE)
Calendari:
Juny,13,14,17,20,21,24,27 i 28
Juliol, 1 i 4
Horari: de 11 a 13 hores
Professorat: Alessandro Mascherpa
Termini d’inscripció: del 3 al 10 de juny de 2013
Avaluació
Per poder superar el curs i obtenir el certificat corresponent, cal obtenir la qualificació d’apte/apta en la prova final. Per poder presentar-se a aquest examen és condició necessària haver assistit, com a mínim, al 80% de les hores del curs.