• Descripció

En l'actual panorama, el suport en què arriben a l'usuari la majoria de productes multimèdia és el web. Per tant, és essencial dominar els diferents aspectes de la creació de pàgines web, començant pels llenguatges que componen el web: HTML pel contingut, CSS per a la presentació, JavaScript per al 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 tractaran els dos primers aspectes: els llenguatges HTML i CSS.

• L'assignatura en el conjunt del pla d'estudis

Aquesta assignatura és la base del màster de Desenvolupament d'aplicacions web, i la resta d'assignatures l'utilitzen com a suport. També s'ofereix l'assignatura, com a optativa, al màster de Desenvolupament d'aplicacions per a dispositius mòbils, on la combinació d'HTML i CSS, més la posterior programació en JavaScript, és una tecnologia molt important per al desenvolupament multiplataforma.

• Camps professionals en què es projecta

L'assignatura és de vital importància per a qualsevol activitat que impliqui la creació de pàgines i aplicacions web. Així doncs, serà essencial per a dissenyadors web i desenvolupadors tant de front-end com de back-end i d'altres aplicacions basades en tecnologies web, independentment de la plataforma a travès de la qual arribin a l'usuari.

• Coneixements previs

Aquesta assignatura no requereix coneixements previs.

• Objectius i competències

Competències

• Capacitat per crear i dissenyar els elements gràfics i visuals d'un producte o aplicació multimèdia usant procediments creatius, fonaments bàsics del disseny i un llenguatge formal.
• Capacitat per utilitzar de manera 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 ús.
• Crear pàgines web d'acord amb els estàndards.
• Assegurar la correcta aplicació de les normes i millors pràctiques d'accessibilitat.

• Continguts

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
• 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&oacute
• Elements flotants i clearing
• Posicionament estàtic i relatiu amb CSS
• Posicionament absolut i fix amb CSS
• Encapçalaments, peus, columnes i plantilles

• Consulta dels recursos d'aprenentatge de què disposa l'assignatura

• Informacions sobre l'avaluació a la UOC

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.

• Consulta del model d'avaluació