Hur man ändrar länkformat med sidegenskaper i Dreamweaver - dummies

Om du är som många designers som använder Dreamweaver, gillar du förmodligen inte understruken som automatiskt visas under all länkad text på en webbsida. Det är verkligen lätt att ta bort den understruken och ändra färg, typsnitt och storlek på dina länkar med Dreamweavers Sidegenskaper dialogruta. Du kan också ändra andra inställningar för hela sidan, till exempel bakgrundsfärgen och sidmarginalerna, från dialogrutan Sidegenskaper.

Det enklaste sättet att ändra alla dina länkformat på en gång är att ändra dem i dialogrutan Sidegenskaper. När du använder det här alternativet skapar Dreamweaver motsvarande taggväljars stilar automatiskt och listar dem i panelen CSS Styles. Andra sidomöjligheter i denna dialogruta fungerar på samma sätt, och du kan redigera alla dessa alternativ med hjälp av CSS-verktygen.

Om du vill ändra hyperlänk och andra stilar med dialogrutan Sidegenskaper öppnar du en befintlig sida eller skapar en ny och följer dessa steg:

1. Välj Ändra → Sidegenskaper.

   Alternativt kan du klicka på Sidegenskaper-knappen i egenskapskontrollen. Dialogrutan Sidegenskaper visas.

2. Till vänster i dialogrutan Sidegenskaper väljer du kategorin Länkar (CSS).

   

3. Ange ett typsnitt och en storlek för dina länkar.

   Om du vill använda samma teckenstorlek och ansikte för dina länkar som du använder i resten av texten på din sida, är det bäst att lämna dessa alternativ tomma. Då, om du ändrar textinställningarna för sidan, behöver du inte komma ihåg att ändra dem för dina länkar också.

4. Ange färger för varje hyperlänstillstånd genom att klicka på motsvarande färgbrunn och välja en färg från dialogrutan Färg.

   Du kan ändra alla eller alla länkens färginställningar. Om du inte anger en länkfärg använder webbläsaren standard länkfärg. Här är en förklaring av var och en av de fyra länklanden:

   • Länkfärg: Den färg som länkarna visas när sidan laddas först och den länkade sidan ännu inte har besökts av webbläsaren. Den motsvarande HTML-taggen är.

   • Besökta länkar: Den färg som dina länkar ändras till efter att en webbläsare redan har tittat på den länkade sidan. Den motsvarande HTML-taggen är.

   • Rollover Links: Den färg som en länk ändras till som en användare rullar en markör över en länk. Den motsvarande HTML-taggen är.

   • Aktiva länkar: Den färg som en länk ändras till som en användare, aktivt klickar på en länk. Den motsvarande HTML-taggen är.

5. Välj en stil i rullgardinsmenyn Understylning.

   Som standard understryks länkar som visas i en webbläsare. Många designers föredrar att ta bort understruken som automatiskt visas under länkad text genom att välja Aldrig understrukna. Du kan ge besökarna visuell syn på underlaget, men bara när de rullar en markör över en länk, välj sedan alternativet Visa underlinje endast på Rollover-alternativet.

6. Klicka på OK.

   Dialogrutan Sidegenskaper stängs, stilinställningarna tillämpas automatiskt på alla länkar på sidan och motsvarande stilar läggs till i panelen CSS Styles.

För att läsa fullständigt testlänkformat, förhandsgranska din sida i en webbläsare eller klicka på knappen Live View högst upp i arbetsytan. Det är bra att testa länkinställningar i en webbläsare när du gör ändringar som de i föregående övning. Ta en titt på hur dina länkar visas.

Kontrollera till exempel om de aktiva och besökta länkfärgen ser bra ut mot bakgrundsfärgen på sidan. Kom ihåg att alla stilar du skapar med dialogrutan Sidegenskaper påverkar alla länkar på din sida om du inte specifikt tillämpar en annan stil på en enskild länk som överstyrar den omdefinierade taggstilen.

Om du vill använda olika länkstilar i olika delar av samma sida kan du skapa sammansatta stilar för att skapa olika länkstilar.