Hvordan man opretter en ny tag stil i Adobe Dreamweaver CS6 - dummies

Oprettelse af en tagstil (eller typevælger ) i Adobe Dreamweaver CS6 er en enkel og sikker rute for nye brugere at forstå CSS, fordi det målretter eksisterende HTML-tags, såsom P, H1 og H2.

Brug af eksisterende tags på din side, kan du vælge at anvende automatisk formatering, hvor visse HTML-tags bruges. Du kan f.eks. Gøre en tekst inde i en

(Overskrift 1) -mærke automatisk fed, 36 pixel og rød.

Følg disse trin for at oprette en tagstil med egenskabsinspektøren:

1. Åbn en HTML-side, der indeholder tekst.

2. Klik på HTML-knappen på venstre side af panelet for at få vist Property inspektøren i HTML-visning på egenskabsinspektøren.

3. Vælg en tekstlinje og tryk på den ved at klikke på knappen B, der er placeret i ejendomsinspektøren.

4. Skift til CSS-visning af ejendomsinspektøren ved at klikke på CSS-knappen på venstre side af panelet.

   Målet er at tildele endelige stiloplysninger til mærket som fed skrift, så en fed tekst på siden vises også rødt.

5. Lad den markerede tekst vælges, og vælg i rullemenuen i målretningsreglen i ejendomsinspektøren.

6. Med den valgte tekst, skal du bruge farvevælgeren på højre side af ejendomsinspektøren (placeret under knapperne B og I) for at vælge en rød farve, der skal gælde for den valgte fed skrift.

   Dialogboksen Ny CSS-regel vises.

   

7. Vælg Tag (Omdefinerer et HTML-element) i rullelisten Selektortype; vælg Stærk fra rullemenuen Selector Name; Vælg (kun dette dokument) fra rullemenuen Regel Definition.

   Selektortypen bestemmer, hvordan formatering vil blive anvendt på et valgt HTML-tag på siden. Tagstiler anvendes automatisk, hvor dette element vises på siden.

8. Klik på OK for at oprette den nye tagstil og lukke panelet.

   Nu, hver gang du anvender taggen for at lave fed tekst (ved hjælp af B-knappen eller andre genveje), vises den fedte tekst også rødt. Du har oprettet en tagstil, der bestemmer, hvordan fed tekst vises, når den vises i et dokument.

Du kan yderligere forfine denne nye tagstil ved at vælge en fed tekst og fortsætte med at ændre tekstegenskaber fra ejendomsinspektøren.

Hvis du gerne vil redigere og finjustere den regel, du har oprettet, kan du klikke på knappen Rediger regel under rullemenuen Målrettet regel for at åbne dialogboksen CSS-regelsæt. Denne dialogboks åbnes som standard til typen Kategori, hvor du kan ændre typelignende egenskaber.

Når du er færdig med at finjustere din tagstil, skal du klikke på Anvend nederst i dialogboksen for at se dine ændringer. Du kan også klikke på OK for at anvende dine ændringer og afslutte dialogboksen.