Desenvolupament web (HTML + CSS)

24/10/2014 | RRHH
Compartir

Compartir

Facebook
X
Linkedin
Whatsapp
Gmail
Imprimir

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

  1. La Web: Internet, Navegadors, HTML i CSS (W3C)
  2. Pàgines estàtiques i pàgines dinàmiques (WebApps)
  3. Multimèdia: text, imatge, àudio i vídeo (HTML5)
  4. Accessibilitat web: WAI
  5. Usabilitat i experiència d’usuari (UX)
  6. Responsive design

2.    Creació de pàgines web

  1. Arxius html, etiquetes, atributs, valores i contingut
  2. Navegadors i ferramentes de desenvolupament relacionades:
    • Chrome Devtools, Firefox Firebug
    • Compatibilitat mitjançant diferents navegadors (CrossBrowser) i ferramentes del tipus BrowserStack
  3. Elements i formats multimèdia del contingut i recursos gràfics de la web

3.    Estructura del contingut en pàgines web: HTML

  1. Capçalera, peu, contingut i regions auxiliars
  2. Etiquetes del HTML
  3. Introducció als canvis en l’estructura semàntica de les pàgines con HTML5
  4. Experimentació amb elements HTML d’una pàgina amb ferramentes del navegador: Chrome Devtools

4.    Presentació del contingut: CSS i mitjans gràfics

  1. Incloure estils en una pàgina web: inline ( attributo style), internal (etiqueta style) i external (etiqueta link)
  2. 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
  3. 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
  4. Introducció a les noves possibilitats de presentació amb CSS3
  5. 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)

  1. Zurb Foundation
  2. El grid i la seva aplicació a l’estructura de pàgines i de continguts
  3. Responsive: com es comporta el grid depenent de la resolució del dispositiu
  4. Introducció a la resta de possibilitats
  5. Adaptació de Zurb Foundation a la web de l’UJI i com treballar a partir de les estructures i els estils preestablerts

7.    Accessibilitat

  1. Punts destacats en l’accessibilitat d’una pàgina web
  2. 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. 

Informació proporcionada per: Servei de Recursos Humans