Com canviar els estils denllaç amb les propietats de la pàgina a Dreamweaver

Si sou com molts dissenyadors que utilitzen Dreamweaver, probablement no us agradi el subratllat que apareix automàticament sota tot el text enllaçat d'una pàgina web. És molt fàcil eliminar aquest subratllat i canviar el color, el tipus de lletra i la mida dels vostres enllaços amb el quadre de diàleg Propietats de la pàgina de Dreamweaver. També podeu canviar altres paràmetres per a tota la pàgina, com ara el color de fons i els marges de la pàgina, des del quadre de diàleg Propietats de la pàgina.

La manera més senzilla d'alterar tots els estils d'enllaç alhora és canviar-los al quadre de diàleg Propietats de la pàgina. Quan utilitzeu aquesta opció, Dreamweaver crea automàticament els estils de selecció d'etiquetes corresponents i els enumera al tauler Estils CSS. Altres paràmetres de tota la pàgina d'aquest quadre de diàleg funcionen de la mateixa manera, i podeu editar totes aquestes opcions utilitzant les eines CSS.

Per canviar l'hiperenllaç i altres estils amb el quadre de diàleg Propietats de la pàgina, obriu una pàgina existent o creeu-ne una de nova i seguiu aquests passos:

Seleccioneu Modifica → Propietats de la pàgina.

Alternativament, podeu fer clic al botó Propietats de la pàgina a l'inspector de propietats. Apareix el quadre de diàleg Propietats de la pàgina.

A l'esquerra del quadre de diàleg Propietats de la pàgina, seleccioneu la categoria Enllaços (CSS).

Especifiqueu una font i una mida per als vostres enllaços.

Si voleu utilitzar la mateixa mida de lletra i la mateixa cara per als vostres enllaços que utilitzeu a la resta del text de la vostra pàgina, el millor és deixar aquestes opcions en blanc. Aleshores, si canvieu la configuració del text de la pàgina, no haureu de recordar-vos de canviar-la també per als vostres enllaços.

Especifiqueu els colors per a cada estat d'hiperenllaç fent clic al fons de color corresponent i seleccionant un color al quadre de diàleg Color.

Podeu canviar qualsevol o tots els paràmetres de color de l'enllaç. Si no especifiqueu un color d'enllaç, el navegador utilitza el color d'enllaç predeterminat. Aquí teniu una explicació de cadascun dels quatre estats d'enllaç:

• Color de l'enllaç: el color amb què apareixen els vostres enllaços quan es carrega la pàgina per primera vegada i el navegador encara no ha visitat la pàgina enllaçada. L'etiqueta HTML corresponent és .

• Enllaços visitats: el color al qual canvien els enllaços després que un navegador ja hagi vist la pàgina enllaçada. L'etiqueta HTML corresponent és .

• Enllaços de desplaçament : el color en què canvia un enllaç quan l'usuari passa el cursor per sobre d'un enllaç. L'etiqueta HTML corresponent és .

• Enllaços actius: el color en què canvia un enllaç quan un usuari fa clic activament en un enllaç. L'etiqueta HTML corresponent és .

Seleccioneu un estil a la llista desplegable Estil de subratllat.

Per defecte, els enllaços que es mostren en un navegador web estan subratllats. Molts dissenyadors prefereixen eliminar el subratllat que apareix automàticament sota el text enllaçat escollint Mai subratllar. Podeu donar als visitants la indicació visual del subratllat, però només quan passen el cursor per sobre d'un enllaç, així que trieu l'opció Mostra el subratllat només al passar el pas.

Feu clic a D'acord.

El quadre de diàleg Propietats de la pàgina es tanca, la configuració d'estil s'aplica automàticament a qualsevol enllaç de la pàgina i els estils corresponents s'afegeixen al panell Estils CSS.

Per provar completament els estils d'enllaç, previsualitzeu la vostra pàgina en un navegador web o feu clic al botó Visualització en directe a la part superior de l'espai de treball. És una bona pràctica provar la configuració dels enllaços en un navegador quan feu canvis com els de l'exercici anterior. Fes una ullada a com apareixen els teus enllaços.

Per exemple, comproveu si els colors dels enllaços actius i visitats es veuen bé amb el color de fons de la pàgina. Recordeu que qualsevol estil que creeu amb el quadre de diàleg Propietats de la pàgina afecta tots els enllaços de la vostra pàgina tret que apliqueu específicament un estil diferent a un enllaç individual que substitueixi l'estil d'etiqueta redefinit.

Si voleu utilitzar estils d'enllaç diferents a diferents parts de la mateixa pàgina, podeu crear estils compostos per crear estils d'enllaç diferents.