Sådan ændres Link Styles med Page Properties i Dreamweaver - dummies

Hvis du er som mange designere, der bruger Dreamweaver, kan du sandsynligvis ikke lide den understreger, der automatisk vises under al den linkede tekst på en webside. Det er meget nemt at fjerne den understregning og ændre farve, skrifttype og størrelse på dine links med Dreamweaver's Page Properties dialogboks. Du kan også ændre andre indstillinger for hele siden, f.eks. Baggrundsfarven og sidemarginalerne, fra dialogboksen Sideegenskaber.

Den nemmeste måde at ændre alle dine link stilarter på er en gang, at ændre dem i dialogboksen Page Egenskaber. Når du bruger denne indstilling, opretter Dreamweaver automatisk de tilsvarende tagvelger-stilarter og lister dem i CSS-stilpanelet. Andre sidebladeindstillinger i denne dialogboks fungerer på samme måde, og du kan redigere alle disse muligheder ved hjælp af CSS-værktøjerne.

Hvis du vil ændre hyperlink og andre stilarter med dialogboksen Egenskaber for sider, skal du åbne en eksisterende side eller oprette en ny og følge disse trin:

1. Vælg Modificér → Sideegenskaber.

   Alternativt kan du klikke på Page Properties-knappen i Property inspektøren. Dialogboksen Sideegenskaber vises.

2. Vælg kategorien Links (CSS) til venstre for dialogboksen Egenskaber for sider.

   

3. Angiv en skrifttype og størrelse for dine links.

   Hvis du vil bruge samme skriftstørrelse og ansigt til dine links som du bruger i resten af ​​teksten på din side, er det bedst at lade disse indstillinger være tomme. Så hvis du ændrer tekstindstillingerne for siden, skal du ikke huske at ændre dem for dine links.

4. Angiv farver for hver hyperlinktilstand ved at klikke på den tilsvarende farvebrønd og vælge en farve fra dialogboksen Farve.

   Du kan ændre enhver eller alle link farveindstillinger. Hvis du ikke angiver en linkfarve, bruger browseren standard linkfarve. Her er en forklaring på hver af de fire linklande:

   • Link Color: Farven, hvor dine links vises, når siden først indlæses, og den linkede side endnu ikke er blevet besøgt af browseren. Den tilsvarende HTML-tag er.

   • Besøgte links: Farven dine links ændres til, efter at en browser allerede har set den linkede side. Den tilsvarende HTML-tag er.

   • Rollover Links: Farven et link skifter til som en bruger ruller en markør over et link. Den tilsvarende HTML-tag er.

   • Aktive Links: Farven et link ændrer til som en bruger, er aktivt at klikke på et link. Den tilsvarende HTML-tag er.

5. Vælg en stil fra rullemenuen Understregsstil.

   Som standard understreges links, der vises i en webbrowser. Mange designere foretrækker at fjerne understregen, der automatisk vises under tilknyttet tekst ved at vælge Aldrig understrege. Du kan give besøgende visuel visning af understregningen, men kun når de ruller en markør over et link, så vælg alternativet Vis understreger kun på Rollover-indstilling.

6. Klik på OK.

   Dialogboksen Sideegenskaber lukkes, stilindstillingerne bliver automatisk anvendt til alle links på siden, og de tilsvarende stilarter tilføjes til panelet CSS Styles.

For at fuldstyre testlink-stilarter skal du forhåndsvise din side i en webbrowser eller klikke på knappen Live View øverst i arbejdsområdet. Det er god praksis at teste linkindstillinger i en browser, når du foretager ændringer som dem i den foregående øvelse. Se, hvordan dine links vises.

Kontroller for eksempel, om de aktive og besøgte linkfarver ser godt ud på baggrundsfarven på siden. Husk, at alle stilarter, du opretter ved hjælp af dialogboksen Sideegenskaber, påvirker alle -linkene på din side, medmindre du specifikt anvender en anden stil til et enkelt link, der tilsidesætter den omdefinerede tagstil.

Hvis du vil bruge forskellige linkformater i forskellige dele af samme side, kan du oprette sammensatte stilarter for at oprette forskellige linkformater.