Cum se schimbă stilurile de legătură cu proprietățile paginii în Dreamweaver - dummies

Dacă sunteți ca mulți designeri care folosesc Dreamweaver, probabil că nu vă place sublinierea care apare automat sub toate textele legate într-o pagină Web. Este foarte ușor să eliminați această subliniere și să schimbați culoarea, fontul și mărimea legăturilor dvs. cu caseta de dialog Proprietăți pagină Dreamweaver. De asemenea, puteți modifica alte setări la nivel de pagină, cum ar fi culoarea de fundal și marginile paginilor, din caseta de dialog Proprietăți pagină.

Cea mai ușoară modalitate de a modifica toate stilurile de legătură simultan este să le modificați în caseta de dialog Proprietăți pagină. Când utilizați această opțiune, Dreamweaver creează automat stilurile corespunzătoare ale selectorului de taguri și le afișează în panoul Stiluri CSS. Alte setări la nivel de pagină din această casetă de dialog funcționează similar și puteți edita toate aceste opțiuni utilizând instrumentele CSS.

Pentru a schimba hyperlinkul și alte stiluri cu caseta de dialog Proprietăți pagină, deschideți o pagină existentă sau creați o pagină nouă și urmați acești pași:

1. Alegeți Modificați → Proprietăți pagină.

   Alternativ, puteți face clic pe butonul Proprietăți pagină din inspectorul Proprietăți. Se afișează caseta de dialog Proprietăți pagină.

2. În partea stângă a casetei de dialog Proprietăți pagină, selectați categoria Legături (CSS).

   

3. Specificați un font și o mărime pentru legăturile dvs.

   Dacă doriți să utilizați aceeași dimensiune a fontului și o față pentru link-urile dvs. pe măsură ce utilizați în restul textului din pagină, este bine să lăsați aceste opțiuni goale. Apoi, dacă schimbați setările de text pentru pagină, nu va trebui să vă amintiți să le schimbați și pentru legăturile dvs.

4. Specificați culori pentru fiecare stare de hyperlink făcând clic pe culoarea corespunzătoare și selectând o culoare din caseta de dialog Culoare.

   Aveți posibilitatea să modificați oricare sau toate setările de culoare ale legăturilor. Dacă nu specificați o culoare de legătură, browserul utilizează culoarea implicită a linkului. Iată o explicație a fiecăreia dintre cele patru stări de legătură:

   • Culoare legătură: Culoarea în care apar legăturile dvs. când prima pagină este încărcată și pagina legată nu a fost vizitată încă de browser. Eticheta HTML corespunzătoare este.

   • Link-uri vizitate: culoarea pe care legăturile dvs. o schimbă după ce un browser a vizualizat deja pagina legată. Eticheta HTML corespunzătoare este.

   • Rollover Links: Culoarea pe care un link o schimba în timp ce un utilizator rotește un cursor peste un link. Eticheta HTML corespunzătoare este.

   • Linkuri active: Culoarea la care se schimbă un link în timp ce un utilizator face clic activ pe un link. Eticheta HTML corespunzătoare este.

5. Selectați un stil din lista derulantă Underline Style.

   În mod implicit, link-urile afișate într-un browser web sunt subliniate. Mulți designeri preferă să elimine sublinierea care apare automat sub text legat prin alegerea Never Underline. Puteți oferi vizitatorilor un indiciu vizual al sublinierii, dar numai în timp ce rotește un cursor peste un link, deci alegeți opțiunea Afișați numai sublinierea numai la opțiunea Rollover.

6. Faceți clic pe OK.

   Caseta de dialog Proprietăți pagină se închide, setările de stil sunt aplicate automat la orice link de pe pagină, iar stilurile corespunzătoare sunt adăugate în panoul Stiluri CSS.

Pentru a testa complet stilurile de legătură, previzualizați-vă pagina într-un browser web sau faceți clic pe butonul Live View din partea de sus a spațiului de lucru. Este o practică bună să testați setările de legătură într-un browser atunci când efectuați modificări precum cele din exercițiul precedent. Uitați-vă la modul în care apar legăturile dvs.

De exemplu, verificați dacă culorile liniei active și vizitate arată bine față de culoarea de fundal a paginii. Amintiți-vă că orice stiluri pe care le creați utilizând caseta de dialog Proprietăți pagini afectează link-urile toate pe pagina dvs., cu excepția cazului în care aplicați în mod specific un stil diferit unei legături individuale care suprascrie stilul de etichetă redefinit.

Dacă doriți să utilizați diferite stiluri de legătură în diferite părți ale aceleiași pagini, puteți crea stiluri compuse pentru a crea diferite stiluri de legătură.