Prova de síntesi de Llenguatges i estàndards web. www.elsmeusapunts.es

1. Observa la següent captura de pantalla:

2. Primera part (cinc punts).
1. Fes un diagrama (layout) del diferents blocs (divs) en els que dividiries la pàgina abans de
maquetar-la (1 punt).
2. Dona l'(X)HTML corresponent a aquests blocs, incloent-hi els títols (<h1>, <h2>...) que hi ha
dins de cada un d'ells. S'hi han d'incloure les classes i ids que s'utilitzarien per a poder aplicar a
cada bloc el seu CSS corresponent (2,5 punts).
3. Explica en detall el CSS que utilitzaries per a donar a l'estructura de blocs creada en els dos
punts anteriors el maquetat de la captura (1,5 punts).

3. Segona part (cinc punts).
En aquesta imatge tens un dels blocs de l'exercici anterior:
4. Dona l'(X)HTML que utilitzaries per a aquest bloc (no cal que copiïs els textos, excepte els
que siguin necessaris per indicar els enllaços; pots inventar la URI dels enllaços). (2,5 punts)
5. Dona el CSS que utilitzaries per tal que l(X)HTML tingués l'aparença de la imatge. (2,5
punts)
Nota. Amb respecte a les imatges, independentment de si les utilitzaràs en l'HTML o en el
CSS, indica quins són els arxius que t'hauria de lliurar el responsable de la pàgina i inventa'ls-hi
un nom d'arxiu.

8. Espai
grapa
Prova
de
Síntesi
2011/12-­‐1
Assignatura
Codi
Data
Hora inici
Llenguatges i estàndards web
06.510
18/01/2012
20:00




06.510 18 01 12 PV
!!!
Enganxeu en aquest espai una etiqueta
identificativa
amb el vostre codi personal
Prova
Aquesta prova només la poden realitzar
els estudiants que han aprovat
l’ Avaluació Continuada
Fitxa tècnica de la Prova
•
Comprova que el codi i el nom de l’assignatura corresponen a l’assignatura en la qual estàs
matriculat.
•
Només has d’enganxar una etiqueta d’estudiant a l’espai corresponent d’aquest full.
•
No es poden adjuntar fulls addicionals.
•
No es pot realitzar la prova en llapis ni en retolador gruixut.
•
Temps total: 1 h.
•
En cas que els estudiants puguin consultar algun material durant la prova, quin o quins materials
poden consultar?
Cap
•
Valor de cada pregunta: Indicat a cada una d'elles
•
En cas que hi hagi preguntes tipus test: Descompten les respostes errònies?
•
Indicacions específiques per a la realització d’aquesta prova:
NO
Quant?
Al darrer full de la prova hi ha repetides les imatges. Podeu arrencar aquest full per tal de treballar amb
més comoditat.
A la primera part no cal que copieu els textos de prova. Escriure 'Lorem ipsum...' serà suficient.
•
Aquest enunciat també correspon als codis d'assignatura següents: 11.573.
Enunciats
Pàgina 1 de 8

9.
Prova
de
Síntesi
2011/12-­‐1
Assignatura
Codi
Data
Hora inici
Llenguatges i estàndards web
06.510
18/01/2012
20:00
Primera part (5 punts).
1. Fes un diagrama (layout) dels diferents blocs (divs) en què dividiries la pàgina abans de maquetar-la
(1 punt)
2. Dóna el (X)HTML corresponent a aquests blocs, incloent els títols (<h1>, <h2>...) que hi ha dins de
cadascun d'ells. Han d'incloure's les classes i ids que s'utilitzarien per poder aplicar a cada bloc el
seu corresponent CSS (2,5 punts)
3. Explica amb detall el CSS que usaries per donar a l'estructura de blocs creada en els dos punts
anteriors el maquetat de la captura (1,5 punts).
Pàgina 2 de 8

10.
Prova
de
Síntesi
2011/12-­‐1
Assignatura
Codi
Data
Hora inici
Llenguatges i estàndards web
06.510
18/01/2012
20:00
Segona part (5 punts)
En la imatge anterior tens un dels blocs de l'exercici anterior.
4. Dóna el (X)HTML que utilitzaries en aquest bloc
5. Dóna el CSS que usaries perquè aquest (X)HTML tingués l'aparença de la imatge
Nota. Pel que fa a les imatges, independentment de si les usaràs en l'HTML o en el CSS, indica quines són
les imatges que t'hauria de lliurar el responsable de la pàgina i inventa'ls un nom d'arxiu.
Pàgina 3 de 8

11.
Prova
de
Síntesi
2011/12-­‐1
Assignatura
Codi
Data
Hora inici
Llenguatges i estàndards web
06.510
18/01/2012
20:00
Pàgina 4 de 8

12.
Prova
de
Síntesi
2011/12-­‐1
Assignatura
Codi
Data
Hora inici
Llenguatges i estàndards web
06.510
18/01/2012
20:00
Pàgina 5 de 8

13.
Prova
de
Síntesi
2011/12-­‐1
Assignatura
Codi
Data
Hora inici
Llenguatges i estàndards web
06.510
18/01/2012
20:00
Pàgina 6 de 8

14.
Prova
de
Síntesi
2011/12-­‐1
Assignatura
Codi
Data
Hora inici
Llenguatges i estàndards web
06.510
18/01/2012
20:00
Pàgina 7 de 8

15.
Prova
de
Síntesi
2011/12-­‐1
Assignatura
Codi
Data
Hora inici
Llenguatges i estàndards web
06.510
18/01/2012
20:00
Pàgina 8 de 8