La tercera pràctica d'avaluació continua de Llenguatges i estàndards web. www.elsmeusapunts.es

1. Estudis d’Informàtica, Multimèdia i Telecomunicació
Grau en Multimèdia
Llenguatges i estàndards web
Prova d’avaluació continuada 3

Per a dubtes i aclariments sobre l'enunciat, heu de dirigir-vos al consultor
responsable de la vostra aula.

Les respostes a les quatre primeres preguntes, així com l'explicació del codi de
les dues restants, s'han de lliurar com un únic document de Microsoft Word o
OpenOffice.org, o com un document (X)HTML (comprimit juntament amb
qualsevol altre fitxer utilitzat ).

Tots els arxius de la pràctica han de lliurar-se com un únic arxiu comprimit, .zip
o .rar. També s'ha de publicar la part pràctica a l'espai web de l'estudiant de
manera que sigui visible a la web. En la documentació s'hi ha d'incloure la URL
per accedir a aquesta part de la prova.

Cal lliurar la solució en un missatge en l'espai Lliurament i registre d'AC.

La data límit de lliurament és el 13 de maig fins a les 24 hores.

No s'acceptarà com a resposta textos copiats literalment del material docent de
l'assignatura. En cas d'usar-se altres fonts, la còpia literal tampoc serà
acceptada i haurà de citar-se la font.
Propietat intel·lectual
Amb freqüència és inevitable, en produir una obra multimèdia, fer ús de recursos
creats per terceres persones. És per tant comprensible fer-ho en el marc d'una
pràctica dels estudis del Grau en Multimèdia, sempre que això es documenti
clarament i no suposi plagi en la pràctica.
Per tant, en presentar una pràctica que faci ús de recursos aliens, haurà de
presentar-se juntament amb ella un document en què es detallin tots ells,
especificant el nom de cada recurs, el seu autor, el lloc en què es va obtenir i el seu
estatus legal: si l'obra està protegida pel copyright o s'acull a alguna altra llicència
d'ús (Creative Commons, llicència GNU GPL...). L'estudiant haurà d'assegurar-se
que la llicència que sigui no impedeix específicament el seu ús en el marc de la
pràctica. En cas de no trobar la informació corresponent haurà d'assumir-se que
l'obra està protegida pel copyright.
A més, hauran d’adjuntar-se els arxius originals quan les obres usades siguin
digitals, i el seu codi font si correspon.
Un altre punt a considerar és que qualsevol pràctica que faci ús de recursos
protegits pel copyright no podrà en cap cas publicar-se a Mosaic, la revista del Grau
en Multimèdia, tret que els propietaris dels drets intel·lectuals donin la seva
autorització explícita.

2. Enunciat
Introducció
En aquesta tercera prova d'avaluació continuada treballarem els conceptes apresos en les
unitats de l'assignatura:


Taules
Formularis
Objectius





Prendre contacte amb l’(X)HTML i el CSS
Acostumar-se a usar correctament les etiquetes (X)HTML
Usar correctament el CSS per millorar la presentació de la web
Crear codi vàlid i accessible
Crear taules i formularis
Indicacions

(40 punts) S'ha de crear un document (word, pdf, ..) per respondre a les següents
qüestions:
1. Si volem que la primera fila d'una taula actuï com encapçalamentt, quin seria el
marcatge HTML correcte per aconseguir-ho? Posa un exemple.
2. Si establim diferents fons per als diferents elements d'una taula, com s'organitzen
(quin d'ells es visualitza i quin queda ocult)? Posa exemples que il·lustrin les
diferents possibilitats.
3. Quan s'envien les dades d'un formulari, què consideracions cal tenir en compte a
efectes de seguretat?
4. Com podem aplicar una quadrícula a la presentació dels elements d'un formulari?
Posa un exemple en què s'apliqui aquesta tècnica.
En aquestes quatre preguntes es valorarà la concisió i el fet d'ajustar al que es
pregunta. Es penalitzarà el copiat i enganxat indiscriminat de text, especialment quan
no s'esmentin les fonts.

(30 punts) Crea una pàgina html (taula.html). En aquesta pàgina haurà de maquetar-se la
taula que s'adjunta (tabla.gif).

(30 punts) Crea una segona pàgina html (formulari.html). En aquesta pàgina haurà de
maquetar-se un formulari que ha de servir per a la realització d'una compra en una botiga
de llibres virtual (només s'ha de fer l'encàrrec, suposem que el pagament es realitza a la
seva recepció). Hauria de tenir els següents camps:
o
o
o
o
o
o
o
o
Nom (indicant que és un camp obligatori)
Cognoms (indicant que és un camp obligatori)
Adreça postal (indicant que és un camp obligatori)
Ciutat (indicant que és un camp obligatori)
Província (es presentarà un llistat de les províncies espanyoles per elegir) (indicant
que és un camp obligatori)
Codi postal (indicant que és un camp obligatori)
Telèfon
Adreça de correu electrònic

3. o
o
o
o
Forma de pagament. Es pot triar entre efectiu, transferència i targeta de crèdit. En
aquest últim cas oferirem diverses opcions (per exemple, Visa, Mastercard i
American Express).
Opcions addicionals. Es podrà escollir, si es desitja:

Embolcall amb paper de regal.

Punt de llibre personalitzat
Per si l'usuari tria aquesta darrera opció, proporcionarem un camp que permeti
adjuntar un arxiu que contingui el disseny desitjat.
Comentaris (espai per poder escriure com a mínim 3 línies de text).
Cada pàgina ha de tenir un títol únic, que descrigui de forma adequada el seu contingut.
S'han d'utilitzar correctament les etiquetes de taules i formularis. Encara que no és un
criteri fonamental, es valorarà positivament la realització d'un bon disseny per presentar els
continguts.
Per crear els documents s'han d'utilitzar les millors tècniques de marcat explicades en el
material docent de l'assignatura. Així, s'han de marcar correctament les llistes, enllaços, els
elements span, els elements div i les imatges, i s'utilitzaran classes i ids, allà on convingui,
de la manera més semàntica possible.
S'han de publicar les dues pàgines (formant un petit lloc web) en el vostre espai personal al
Campus. S'han de vincular entre si mitjançant un menú de navegació, per al qual es pot
triar lliurement el disseny i la ubicació.
Es pot triar lliurement si utilitzar HTML 4.01 o XHTML 1.0. Totes les pàgines lliurades, i els
fulls d'estil associats, hauran de validar correctament. Poden servir com a inici dels
mateixos documents HTML i CSS que es proposaven en la primera PAC.
En el document amb les preguntes del primer apartat s'hi ha d'afegir una explicació de les
entitats HTML i CSS utilitzades:
o
Sobre les entitats HTML: s'ha d'explicar l'ús d'etiquetes diferents a <p>, <h1> ...
<h6>.
o
Sobre el CSS: ha de tractar tot el CSS usat, incloent quan s'ha usat i per què i per
a què s'apliquen els atributs definits.
Sobre l'ús de Dreamweaver. Pot usar-se Dreamweaver per a la realització d'aquesta
prova. En cas de fer-ho, l'estudiant es farà responsable de qualsevol marcat no correcte
creat per Dreamweaver. És, per tant, imprescindible repassar el codi creat per l'eina i
millorar-lo d'acord amb el explicat en l'assignatura.