Kako promijeniti stilove veze sa svojstvima stranice u Dreamweaveru

Ako ste poput mnogih dizajnera koji koriste Dreamweaver, vjerojatno vam se ne sviđa podcrtavanje koje se automatski pojavljuje ispod cijelog povezanog teksta na web stranici. Doista je lako ukloniti tu podcrtanu crtu i promijeniti boju, font i veličinu vaših veza pomoću dijaloškog okvira Svojstva stranice Dreamweavera. Također možete promijeniti druge postavke za cijelu stranicu, kao što su boja pozadine i margine stranice, u dijaloškom okviru Svojstva stranice.

Najlakši način za promjenu svih stilova veze odjednom je da ih promijenite u dijaloškom okviru Svojstva stranice. Kada koristite ovu opciju, Dreamweaver automatski stvara odgovarajuće stilove birača oznaka i navodi ih na ploči CSS stilova. Ostale postavke za cijelu stranicu u ovom dijaloškom okviru rade slično, a sve te opcije možete uređivati ​​pomoću CSS alata.

Da biste promijenili hipervezu i druge stilove u dijaloškom okviru Svojstva stranice, otvorite postojeću stranicu ili stvorite novu i slijedite ove korake:

Odaberite Izmijeni→ Svojstva stranice.

Alternativno, možete kliknuti gumb Svojstva stranice u Inspektoru svojstava. Pojavljuje se dijaloški okvir Svojstva stranice.

S lijeve strane dijaloškog okvira Svojstva stranice odaberite kategoriju Veze (CSS).

Odredite font i veličinu za svoje veze.

Ako želite koristiti istu veličinu fonta i lice za svoje veze kao što koristite u ostatku teksta na svojoj stranici, najbolje je ostaviti ove opcije praznima. Zatim, ako promijenite postavke teksta za stranicu, nećete se morati sjetiti da ih promijenite i za svoje veze.

Odredite boje za svako stanje hiperveze tako da kliknete odgovarajuću jažicu boje i odaberete boju u dijaloškom okviru Boja.

Možete promijeniti bilo koju ili sve postavke boje veze. Ako ne navedete boju veze, preglednik koristi zadanu boju veze. Evo objašnjenja svakog od četiri stanja veze:

• Boja veze: Boja u kojoj se vaše veze pojavljuju kada se stranica prvi put učita, a povezanu stranicu još nije posjetio preglednik. Odgovarajuća HTML oznaka je .

• Posjećene veze: Boja u koju se vaše veze mijenjaju nakon što je preglednik već pregledao povezanu stranicu. Odgovarajuća HTML oznaka je .

• Preokret veze: Boja veze u koju se mijenja dok korisnik prebacuje kursor preko veze. Odgovarajuća HTML oznaka je .

• Aktivne veze: Boja veze u koju se mijenja dok korisnik aktivno klika vezu. Odgovarajuća HTML oznaka je .

Odaberite stil s padajućeg popisa Stil podvlačenja.

Prema zadanim postavkama, veze prikazane u web pregledniku su podvučene. Mnogi dizajneri radije uklanjaju podcrtavanje koji se automatski pojavljuje ispod povezanog teksta odabirom Nikad ne podcrtaj. Posjetiteljima možete dati vizualni znak za podcrtavanje, ali samo dok pomjeraju kursor preko veze, pa odaberite opciju Prikaži samo podcrtano pri prelasku.

Kliknite OK.

Dijaloški okvir Svojstva stranice zatvara se, postavke stila se automatski primjenjuju na sve veze na stranici, a odgovarajući stilovi se dodaju na ploču CSS stilova.

Da biste u potpunosti testirali stilove veza, pregledajte svoju stranicu u web-pregledniku ili kliknite gumb Live View na vrhu radnog prostora. Dobra je praksa testirati postavke veze u pregledniku kada unosite promjene poput onih u prethodnoj vježbi. Pogledajte kako se pojavljuju vaše veze.

Na primjer, provjerite izgledaju li boje aktivne i posjećene veze dobro u odnosu na boju pozadine stranice. Imajte na umu da svi stilovi koje izradite pomoću dijaloškog okvira Svojstva stranice utječu na sve veze na vašoj stranici osim ako izričito ne primijenite drugačiji stil na pojedinačnu vezu koja nadjačava redefinirani stil oznake.

Ako želite koristiti različite stilove poveznica u različitim dijelovima iste stranice, možete stvoriti složene stilove da biste stvorili različite stilove poveznica.