Llenguatges i estndards web_PAC2

Prova dAvaluaci Contnua-2

Sobre la barra de navegaci
entitats CSS Sha implementat a cada pgina una barra de navegaci per poder accedir a tots els documents des de la mateixa interfcie. Per fer-ho sha creat lID #barNavegacio, que cont una llista no ordenada a la que se li ha modificat lestil de llista (list-style-type: none;) per eliminar els smbols. Alhora, sha modificat la seva visualitzaci perqu es els elements li es presentin en lnia (display:inline;). Un cop establertes les especificacions de la taula, sha adjudicat un ID a cada enlla de la taula (#link1, #link2, #link3, #link4) per establir especificacions destil sobre les pseudoclasses que controlen els estats de lenlla. Al respecte voldria comentar que he tingut problemes amb lestil de a:visited. Tot i establir lordre marcat per la regla mnemotcnica LOVE-HATE, els navegadors han interpretat de manera correcta totes les especificacions a excepci de la vora inferior, que no apareix.

Sobre les entitats utilitzades a respostes.html

entitats HTML (respostes.html) Element utilitzat per crear divisions lgiques entre els diferents elements del document. El primer actua com a contenidor de tota la resta. (element de bloc) <h1> Element utilitzat per marcar lencapalament del document. Semnticament indica que aquest s ttol principal del document. (element de bloc) <dl> <dt> <dd> Elements utilitzat per crear diferents llistes de definici. Cada llista es correspon amb una de les preguntes de la prctica. A lelement <dt> hi queda inclosa la pregunta i a lelement <dd> la resposta. (element de bloc) <p> Element utilitzat per incloure els pargrafs genrics que conformen el text. (element de bloc) <code> Element utilitzat per indicar que el contingut s un codi. Pot anar acompanyat de latribut class= per indicar de quint tipus de codi parlem. (element en lnia) <ul> <li> Elements utilitzat per crear diferents llistes denumeraci amb vinyetes o smbols. (element de bloc)

<div>

-1-

Llenguatges i estndards web_PAC2

<ol> <li> <pre>

Elements utilitzat per crear diferents llistes denumeraci amb nombres. (element de bloc) Element utilitzat per conservar la presentaci de les lnies de codi duna de les primeres pgines web. (element de bloc) Element utilitzat per marcar un trencament de lnia. (element en lnia) Element utilitzat per marcar el significat de les abreviatures. (element en lnia) Element utilitzat per ressaltar visualment i semntica certes parts del text. (element en lnia) Element utilitzat per conservar la presentaci de les lnies de codi duna de les primeres pgines web. (element de bloc)

<br/>

<abbr>

<strong>

<pre>

entitats CSS (respostes.html) Regla destil que especifica:

body

marge i farcit. color de fons. aliniaci i mida de font. famlia i color de font.

Aquestes especificacions seran heretades per la resta delements. #main ID adjudicat a lelement <div> que especifica:

amplada i marge del contenidor. vora i color de fons.

#top

ID adjudicat a lelement <div> per donar format a la part superior del document. Especifica:

alada i farcit. color i imatge del fons. aliniaci, pes i mida de la font. espai dinterlletrat. color de la font.

#foot

ID adjudicat a lelement <div> per donar format a la part inferior del document. Especifica:

alada marge i farcit. color i imatge del fons. aliniaci i mida de la font.

.tit

Classe adjudicada a lelement <div> per donar format al ttol del

-2-

Llenguatges i estndards web_PAC2

document. Especifica:

marge. color de fons. vora dreta i esquerra. aliniaci, mida, famlia i color de la font.

dl

Selector adjudicat a lelement <dl> per donar format a les llistes de definici del document. Especifica:

marge. espai interlinial.

dl dt

Selector de descendents per donar format als termes de les llistes de definici del document. Especifica:

marge, farcit i vora inferior. color i imatge de fons. pes i color de la font.

dd ul dd ol

Selector de descendents per donar format a llistes imbrincades dins de llistes de defnici. Especifica:

marge i farcit. amplada i alada. marge, farcit i vora. color de fons. pes de la font. flux del text al voltant de l'element. amplada. marge, farcit i vora. color i imatge de fons. interliniat. mida i famlia de la font. alada i amplada. marge, farcit i vora. color de fons. mida de la font. amplada. marge mida, estil, pes i famlia de la font. aliniaci del text.

.marc

Classe adjudicada a lelement <ul>. Especifica:

.formatat

Classe adjudicada a lelement <li>. Especifica:

#flotant1

ID per donar format a l'element flotant sobre els sprites. Especifica:

#flotant2

ID per donar format a l'element flotant sobre el doctype. Especifica:

.anotacio

Classe adjudicada pels peus de flotant. Especifica:

.premissa

Classe adjudicada a les dues presmisses de la darrera activitat.

-3-

Llenguatges i estndards web_PAC2

Especifica:

alada. color de fons. vora esquerra i inferior. farcit esquerre. estil i pes de la font.

Els

documents

respostes.html

respostes.css

han

estat

validats

correctament. Per fer-ho s'ha utilitzat: validador de marcat HTML (X)HTML de documents web (W3C). validador de CSS i documents (X)HTML amb fulls d'estils (W3C).

-4-

Llenguatges i estndards web_PAC2

Sobre les entitats utilitzades a novetats.html

entitats HTML (novetats.html) Element utilitzat per crear divisions lgiques entre els diferents elements del document. El primer actua com a contenidor de tota la resta. (element de bloc) <h1> Element utilitzat per marcar lencapalament del document. Semnticament indica que aquest s ttol principal del document. (element de bloc) <ul> <li> <ol> <li> <a> Elements utilitzat per crear diferents llistes denumeraci amb vinyetes o smbols. (element de bloc) Elements utilitzat per crear diferents llistes denumeraci amb nombres. (element de bloc) Element utilitzat enllaar amb documents externs. S'ha emprat l'atribut href="" per incloure la URL dels documents enllaats. (element en lnia)

<div>

entitats CSS (novetats.html) Regla destil que especifica:

body

marge i farcit. famlia de font. interliniat.

Aquestes especificacions seran heretades per la resta delements. .header Classe adjudicada a lelement <h1> per donar format al ttol del document. Especifica:

amplada, marge i vora inferior. mida, pes i famlia de font. aliniaci. color de font.

.main

Classe adjudicada a lelement <div> per donar format al contenidor del text central. Especifica:

marge superior.

.llista

Classe adjudicada a lelement <ul> per donar format a les llistes de vinyetes. Especifica:

marge i farcit. decoraci del text (elimina subratllat).

.llista>li

Selector de fills per donar format a l'element <li> de les llistes de vinyetes. Especifica:
-5-

Llenguatges i estndards web_PAC2

marge i farcit. color i imatge de fons.

.llista li

Selector de descendents per donar format a l'element <li> de les llistes de vinyetes. Especifica:

marge superior i inferior.

llista li a:link

Selector de descendents per donar format a l'element <a> present a les llistes de vinyetes quan es troba en estat de reps. Especifica:

color de la font. decoraci del text (elimina subratllat).

llista li a:visited

Selector de descendents per donar format a l'element <a> present a les llistes de vinyetes quan lenlla sha visitat. Especifica:

color de la font. decoraci del text.

llista li a:focus

Selector de descendents per donar format a l'element <a> present a les llistes de vinyetes quan lenlla est seleccionat. Especifica:

color de la font. decoraci del text.

llista li a:hover

Selector de descendents per donar format a l'element <a> present a les llistes de vinyetes quan lenlla est seleccionat. Especifica:

color de la font. decoraci del text.

llista li a:active

Selector de descendents per donar format a l'element <a> present a les llistes de vinyetes quan lusuari activa lenlla. Especifica:

color de la font. decoraci del text.

Els documents novetats.html i novetats.css han estat validats correctament. Per fer-ho s'ha utilitzat: validador de marcat HTML (X)HTML de documents web (W3C). validador de CSS i documents (X)HTML amb fulls d'estils (W3C).

-6-

Llenguatges i estndards web_PAC2

Sobre les entitats utilitzades a impremta.html

entitats HTML (impremta.html) Element utilitzat per crear divisions lgiques entre els diferents elements del document. El primer actua com a contenidor de tota la resta. (element de bloc) <h1> Element utilitzat per marcar lencapalament del document. Semnticament indica que aquest s ttol principal del document. (element de bloc) <p> Element utilitzat per incloure els pargrafs genrics que conformen el text. (element de bloc) <span> Element genric utilitzat per incloure estils dins del marcat quan no hi ha cap altre element susceptible de poder-ho fer. (element en lnia) <a> Element utilitzat enllaar amb documents externs. S'ha emprat l'atribut href="" per incloure la URL dels documents enllaats. (element en lnia) entitats CSS (impremta.html) Regla destil que especifica:

<div>

body

marge i farcit. color de fons. aliniaci. famlia i color de font.

Aquestes especificacions seran heretades per la resta delements. #main ID adjudicat a lelement <div> que especifica:

amplada i marge del contenidor. vora i color de fons.

#top

ID adjudicat a lelement <div> per donar format a la part superior del document. Especifica:

alada i farcit. color i imatge del fons. aliniaci, pes, mida i color de la font. espai dinterlletrat.

#foot

ID adjudicat a lelement <div> per donar format a la part inferior del document. Especifica:

alada marge i farcit. color i imatge del fons. aliniaci i mida de la font.
-7-

Llenguatges i estndards web_PAC2

.titol

Selector d'element per donar format al ttol del document. Especifica:

marge superior i farcit. interliniat. aliniaci, mida, famlia i color de la font.

.textCentral

Classe adjudicada a lelement <div> per donar format al text central del document. Especifica:

marge superior i farcit.

.nomPropi

Classe adjudicada a lelement <span> per donar format als noms propis que apareixen al document. Especifica:

variant de font (converteix el text a versaletes).

.data

Classe adjudicada a lelement <span> per donar format a les dates que apareixen al document. Especifica:

color de font. amplada, marge i farcit. color i imatge de fons. mida de font i aliniaci. amplada, marge i farcit. color i imatge de fons. mida de fons i aliniaci. amplada, marge i farcit. color i imatge de fons. mida de fons i aliniaci.

#box1

ID adjudicat a lelement <div> per donar format a la primera caixa. Especifica:

#box2

ID adjudicat a lelement <div> per donar format a la segona caixa. Especifica:

#box3

ID adjudicat a lelement <div> per donar format a la tercera caixa. Especifica:

.legal

Classe adjudicada a l'element <p> per donar format a la informaci legal. Especifica:

estil de font (la transforma en cursiva).

a:link

Pseudoclasse adjudicada a l'element <a> per donar format als enllaos no visitats. Especifica:

color de font.

a:hover

Pseudoclasse adjudicada a l'element <a> per donar format als enllaos apuntats pel ratol. Especifica:

color de font.

Els

documents

impremta.html

impremta.css

han

estat

validats

correctament. Per fer-ho s'ha utilitzat: validador de marcat HTML (X)HTML de documents web (W3C). validador de CSS i documents (X)HTML amb fulls d'estils (W3C).

-8-

Llenguatges i estndards web_PAC2

-9-