Hvordan du endrer koblingsstiler med sideegenskaper i Dreamweaver - dummies

Hvis du er som mange designere som bruker Dreamweaver, liker du sannsynligvis ikke understreken som automatisk vises under all koblet tekst på en nettside. Det er veldig enkelt å fjerne den understreken og endre farge, skrifttype og størrelse på koblingene dine med Dreamweaver's Page Properties dialogboksen. Du kan også endre andre innstillinger for hele siden, for eksempel bakgrunnsfargen og sidemarginene, fra dialogboksen Egenskaper for side.

Den enkleste måten å endre alle koblingsstilene dine på en gang, er å endre dem i dialogboksen Egenskaper for side. Når du bruker dette alternativet, oppretter Dreamweaver de tilsvarende tagvelgerformatene automatisk og lister dem i CSS-stilpanelet. Andre innstillinger i hele denne dialogboksen fungerer på samme måte, og du kan redigere alle disse alternativene ved hjelp av CSS-verktøyene.

Hvis du vil endre hyperkobling og andre stilarter med dialogboksen Egenskaper for side, åpner du en eksisterende side, eller oppretter en ny og følger disse trinnene:

1. Velg Endre → Sideegenskaper.

   Alternativt kan du klikke på Sideegenskaper-knappen i egenskapsinspektøren. Dialogboksen Egenskaper for side vises.

2. Til venstre for dialogboksen Egenskaper for side velger du kategorien Koblinger (CSS).

   

3. Angi en skrift og størrelse for koblingene dine.

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

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

   Du kan endre alle eller alle koblingsfargeinnstillinger. Hvis du ikke angir en koblingsfarge, bruker nettleseren standard lenkefarge. Her er en forklaring på hvert av de fire koblingslandene:

   • Link Color: Fargen der koblingene vises når siden først lastes inn, og den koblede siden ennå ikke er besøkt av nettleseren. Den tilsvarende HTML-taggen er.

   • Besøkte koblinger: Fargen din koblinger endres til etter at en nettleser allerede har sett på den lenke siden. Den tilsvarende HTML-taggen er.

   • Rollover Links: Fargen en kobling endrer til som bruker ruller en markør over en lenke. Den tilsvarende HTML-taggen er.

   • Aktive koblinger: Fargen en kobling endrer til som bruker, klikker aktivt på en kobling. Den tilsvarende HTML-taggen er.

5. Velg en stil fra rullegardinlisten Underlinestil.

   Som standard understreker koblinger som vises i en nettleser. Mange designere foretrekker å fjerne understreken som automatisk vises under koblet tekst ved å velge Aldri understreke. Du kan gi besøkende visuelt syn på understreken, men bare når de ruller en markør over en kobling, så velg alternativet Vis understrekk kun på Rollover-alternativ.

6. Klikk på OK.

   Dialogboksen Egenskaper for side lukkes, stilinnstillingene brukes automatisk til alle koblinger på siden, og de tilsvarende stilene legges til i CSS-stilpanelet.

For å fullstendige testlink-stiler, forhåndsvisning av siden din i en nettleser eller klikk på Live View-knappen øverst på arbeidsområdet. Det er god praksis å teste lenkeinnstillinger i en nettleser når du foretar endringer som de i foregående øvelse. Ta en titt på hvordan koblingene dine vises.

For eksempel, kontroller om de aktive og besøkte koblingsfarger ser bra ut mot bakgrunnsfargen på siden. Husk at alle stiler du oppretter ved hjelp av dialogboksen Sideegenskaper, påvirker alle -linkene på siden din, med mindre du spesifikt bruker en annen stil til en enkelt lenke som overstyrer den omdefinerte taggestilen.

Hvis du vil bruke forskjellige koblingsstiler i ulike deler av samme side, kan du opprette sammensatte stiler for å opprette forskjellige koblingsstiler.