La primera 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 1
•
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ó de la
cinquena, han de lliurar-se 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.
•
Cal lliurar la solució en un missatge en l'espai Lliurament i registre d'AC.
•
La data límit de lliurament és el 1 d’abril 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
•
(20 punts) L’ajuntament del teu municipi ha convocat un concurs literari de relats curts:
“A la xarxa” sobre les xarxes socials d’Internet. Aquests relats es publicaran a Internet i
els guanyadors seran escollits per votació popular. T’han encarregat la construcció d’un
lloc web per donar-lo a conèixer. Realitza la planificació d’aquest lloc web seguint les
indicacions que apareixen en el mòdul 1 del material didàctic.
•
(10 punts) Explica les diferències entre els elements de bloc i els elements de línia de
l’HTML. Posa un exemple on es vegi clara la diferència entre els dos tipus d’elements.
•
(10 punts) Sobre els fulls d’estil, respon les preguntes següents:
1) Explica les diverses maneres d’aplicar el CSS a un document HTML. Indica en
quins casos utilitzaries cadascun d’elles. Hi ha alguna que sigui més avantatjosa
que les altres; en cas afirmatiu, explica per què ho és.
2) Enumera i explica els tipus de selectors i posa un exemple de cadascun d’ells.
•
(10 punts) Explica el concepte de cascada en CSS i posa tres exemples on es
comprovi com funcionen la importància, l’especificitat i l’ordre en les fonts,
respectivament.
En aquestes quatre preguntes es valorarà la concisió i el fet d'ajustar-se al que es pregunta. Es
penalitzarà el copiat i enganxat indiscriminat de text, especialment quan no s'esmentin les
fonts.
•
(50 punts) Juntament amb aquest enunciat trobareu els arxius SoftwareLibre.rtf i
SoftwareLibre.pdf. El primer conté el text complet d’un article en llengua espanyola, i en
el segon es mostra l'aspecte de l'article tal i com hauria de quedar.
Heu de crear un arxiu (X)HTML, amb el seu corresponent CSS, amb aquest contingut.
El format ha d'ajustar-se tant com sigui possible a l’arxiu SoftwareLibre.pdf.
Per crear el document haureu d'utilitzar les millors tècniques de marcat explicades en el
material docent de l'assignatura. Així, entre altres elements, hauran de marcar-se
correctament els noms de persones, termes en anglès, abreviatures (que hauran de
mostrar el seu significat en passar per damunt amb el ratolí fent ús del 'title') i citacions,
tant de línia com de bloc. Ha de prestar-se especial atenció al títol de la pàgina i als
diferents títols de secció.
Podeu triar lliurement si usar HTML 4.01 o XHTML 1.0. La pàgina lliurada, i el full
d'estils associat, hauran de validar correctament.
A més, haureu d'afegir en el document de text que conté les respostes a les quatre
primeres preguntes una explicació de les entitats HTML i CSS utilitzades:
o
Sobre les entitats HTML: ha d'explicar-se l'ús d'etiquetes diferents a
<h1>…<h6>.
<p>,
o
Sobre el CSS: ha d'explicar-se tot el CSS usat, incloent quan s'ha usat i per què i
per a què s'apliquen els atributs definits.
S'adjunten també dos arxius, example.html i estilos.css, que podeu usar si ho desitgeu
com a base per treballar. Es tracta dels arxius que crea com a exemple Dreamweaver

3. quan se li demana que creï un document d'una sola columna, centrada, amb sintaxi
XHTML 1.0 Transitional, convenientment simplificats.
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, doncs, imprescindible repassar el codi creat per
l'eina i millorar-lo d'acord amb l'explicat en l'assignatura.