Hvordan endre koblingsstiler med sideegenskaper i Dreamweaver

Hvis du er som mange designere som bruker Dreamweaver, liker du sannsynligvis ikke understrekingen som automatisk vises under all lenket tekst på en nettside. Det er veldig enkelt å fjerne den understrekingen og endre fargen, skrifttypen og størrelsen på koblingene dine med Dreamweavers dialogboks for sideegenskaper. Du kan også endre andre innstillinger for hele siden, for eksempel bakgrunnsfarge og sidemarger, fra dialogboksen Sideegenskaper.

Den enkleste måten å endre alle koblingsstilene på en gang er å endre dem i dialogboksen Sideegenskaper. Når du bruker dette alternativet, oppretter Dreamweaver de tilsvarende tagvelgerstilene automatisk og viser dem i CSS-stiler-panelet. Andre sideomfattende innstillinger i denne dialogboksen fungerer på samme måte, og du kan redigere alle disse alternativene ved å bruke CSS-verktøyene.

Hvis du vil endre hyperkoblinger og andre stiler med dialogboksen Sideegenskaper, åpner du en eksisterende side eller oppretter en ny og følger disse trinnene:

Velg Endre → Sideegenskaper.

Alternativt kan du klikke på Sideegenskaper-knappen i eiendomsinspektøren. Dialogboksen Sideegenskaper vises.

Velg kategorien Links (CSS) til venstre i dialogboksen Sideegenskaper.

Angi en skrifttype og størrelse for koblingene dine.

Hvis du vil bruke samme skriftstørrelse og ansikt for koblingene som du bruker i resten av teksten på siden din, er det best å la disse alternativene stå tomme. Deretter, hvis du endrer tekstinnstillingene for siden, trenger du ikke å huske å endre dem for koblingene dine også.

Spesifiser farger for hver hyperkoblingstilstand ved å klikke på den tilsvarende fargebrønnen og velge en farge fra dialogboksen Farge.

Du kan endre hvilken som helst eller alle koblingsfargeinnstillinger. Hvis du ikke angir en lenkefarge, bruker nettleseren standard lenkefarge. Her er en forklaring på hver av de fire koblingstilstandene:

• Koblingsfarge: Fargen som koblingene dine vises i når siden først lastes inn og den koblede siden ikke har blitt besøkt av nettleseren ennå. Den tilsvarende HTML-koden er .

• Besøkte lenker: Fargen koblingene dine endres til etter at en nettleser allerede har sett på den koblede siden. Den tilsvarende HTML-koden er .

• Rollover-lenker: Fargen en kobling endres til når en bruker ruller en markør over en lenke. Den tilsvarende HTML-koden er .

• Aktive lenker: Fargen en kobling endres til når en bruker aktivt klikker på en lenke. Den tilsvarende HTML-koden er .

Velg en stil fra rullegardinlisten Understrekingsstil.

Som standard er lenker som vises i en nettleser understreket. Mange designere foretrekker å fjerne understrekingen som automatisk vises under koblet tekst ved å velge Aldri understrek. Du kan gi besøkende det visuelle signalet om understrekingen, men bare når de ruller en markør over en lenke, så velg alternativet Vis understreking bare ved rulleover.

Klikk OK.

Dialogboksen Sideegenskaper lukkes, stilinnstillingene brukes automatisk på alle koblinger på siden, og de tilsvarende stilene legges til CSS-stiler-panelet.

For å teste lenkestiler fullt ut, forhåndsvis siden din i en nettleser eller klikk på Live View-knappen øverst i arbeidsområdet. Det er god praksis å teste koblingsinnstillinger i en nettleser når du gjør endringer som de i forrige øvelse. Ta en titt på hvordan koblingene dine vises.

Sjekk for eksempel om de aktive og besøkte lenkefargene ser bra ut mot bakgrunnsfargen på siden. Husk at alle stiler du oppretter ved å bruke dialogboksen Sideegenskaper påvirker alle koblinger på siden din med mindre du spesifikt bruker en annen stil på en individuell kobling som overstyrer den omdefinerte tagstilen.

Hvis du vil bruke forskjellige lenkestiler i forskjellige deler av samme side, kan du lage sammensatte stiler for å lage forskjellige lenkestiler.