| Llenguatges i estàndards web | Codi: 06.510 : 6 |
El futur graduat en Multimèdia tindrà una formació variada en tots els camps de producció de productes multimèdia, cosa que el capacitarà com a usuari d'una gran quantitat d'àrees i el posarà en contacte amb creatius de les diferents àrees de producció.
En l'actual panorama, el suport en què arriben a l'usuari la majoria de productes multimèdia és la web. Per tant, el futur graduat ha de dominar els diferents aspectes de la creació de pàgines web, començant pels llenguatges que componen la web: l'HTML pel contingut, el CSS per la presentació, el JavaScript pel comportament i els diferents llenguatges de programació de servidor i gestors de bases de dades per a la creació d'aplicacions.
En aquesta assignatura es tracten els dos primers aspectes: els llenguatges HTML i CSS.
En la banda de programació i desenvolupament d'aplicacions tenim les assignatures Programació, Programació web i Disseny de bases de dades, i tant Arquitectura de la informació com Disseny d'interfícies multimèdia són també continuacions lògiques de l'assignatura.
Aquesta assignatura no requereix de coneixements previs.
Competències
- Capacitat per crear i dissenyar els elements gràfics i visuals de un producte o aplicació multimèdia fent servir procediments creatius, fonaments bàsics del disseny i un llenguatge formal.
- Capacitat per fer servir de forma apropiada els llenguatges de programació i les eines de desenvolupament per a l'anàlisi, disseny i implementació d'aplicacions.
- Capacitat d'organitzar i gestionar la informació fent servir tecnologies de bases de dades, llenguatges i models estàndards.
- Capacitat per a integrar i gestionar continguts digitals en aplicacions multimodals d'acord amb criteris estètics, tècnics i funcionals.
- Conèixer els llenguatges de marcat i les tecnologies per manipular-los
- Ser capaç d'organitzar el contingut i dissenyar la interacció (arquitectura de la informació, guions, hipertext, hipermèdia)
- Tenir coneixements de percepció visual, composició (cognició, emoció i atenció)
Objectius
- Comprendre la necessitat de la utilització dels estàndards web i els avantatges del seu us.
- Crear pàgines web d'acord amb els estàndards.
- Assegurar la correcta aplicació de les normes i millors pràctiques d'accessibilitat.
Introducció i conceptes bàsics
- Introducció al currículum d'estàndards web/continguts
- La història d'Internet i el web i l'evolució dels estàndards web
- Com funciona Internet?
- El model d'estàndards web: HTML, CSS i JavaScript
- Estàndards web: un bonic somni, però quina és la realitat?
- Arquitectura de la informació: planificació d'un web
- Què necessita una bona pàgina web?
Fonaments de (X)HTML i CSS
- Conceptes bàsics d'HTML
- L'element de l'HTML
- Escollir el doctype correcte per als documents HTML
- Etiquetar contingut textual en HTML
- Conceptes bàsics de CSS
- Herència i cascada
- Creació d'estils de text amb CSS
- Construcció de l'esquelet d'una pàgina web
Llistes, imatges, enllaços, div, span i el model de caixes
- Llistes HTML
- Imatges en HTML
- Enllaços HTML: construïm un web!
- Imatges de fons en CSS
- Estils de llistes i enllaços
- Contenidors genèrics: els elements div i span
- El model de composició de CSS: caixes, vores, marges, farcit
- Combinacions de color i models de disseny
Validació i accessibilitat
- Validar l'HTML
- Conceptes bàsics d'accessibilitat
- Proves d'accessibilitat
Taules
- Taules HTML
- Estils de les taules
- La tipografia al Web
Formularis
- Formularis HTML: conceptes bàsics
- Disseny, composició i presentació de formularis amb CSS
- Elements semàntics menys coneguts
"Layout"
- Creació de múltiples pàgines amb menús de navegació
- Elements flotants i "clearing"
- Posicionament estàtic i relatiu amb CSS
- Posicionament absolut i fix amb CSS
- Encapçalaments, peus, columnes i plantilles
Conceptes bàsics d'accessibilitat
Proves d'accessibilitat
| Guia de Dreamweaver | |
| Vídeo de presentació de l'assignatura | Audiovisual |
| Elements flotants i "clearing" | Audiovisual |
| H2PAC | Web |
| Currículum d'estàndards Web Opera | |
| Currículum d'estàndards Web Opera | Web |
| Responsive Web Design. Wiki | Web |
La Normativa acadèmica de la UOC disposa que el procés d'avaluació es fonamenta en el treball personal de l'estudiant i pressuposa l'autenticitat de l'autoria i l'originalitat dels exercicis fets.
La manca d'originalitat en l'autoria o el mal ús de les condicions en què es fa l'avaluació de l'assignatura és una infracció que pot tenir conseqüències acadèmiques greus.
L'estudiant serà qualificat amb un suspens (D/0) si es detecta manca d'originalitat en l'autoria d'alguna activitat avaluable (pràctica, prova d'avaluació contínua (PAC) o final (PAF), o la que es defineixi al pla docent), sigui perquè ha utilitzat material o dispositius no autoritzats, sigui perquè ha copiat textualment d'internet, o ha copiat d'apunts, de materials, de manuals o d'articles (sense la citació corresponent), d'altres estudiants, o per qualsevol altra conducta irregular.
La qualificació de suspens (D/0) en les qualificacions finals d'avaluació contínua pot comportar l'obligació de fer l'examen presencial per a superar l'assignatura (si hi ha examen i si superar-lo és suficient per a superar l'assignatura segons indiqui el pla docent).
Quan aquesta mala conducta es produeixi durant la realització de les proves d'avaluació finals presencials, l'estudiant pot ser expulsat de l'aula, i l'examinador farà constar tots els elements i la informació relatius al cas.
D'altra banda, aquesta conducta pot donar lloc a la incoació d'un procediment disciplinari i l'aplicació, si escau, de la sanció que correspongui.
La UOC habilitarà els mecanismes que consideri oportuns per a vetllar per la qualitat de les seves titulacions i garantir l'excel·lència i la qualitat del seu model educatiu.
|
Aquesta assignatura es pot superar per una doble via: |