Sådan opretter du en ny tagstil i Adobe Dreamweaver CS6

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

Ved at bruge eksisterende tags på din side kan du vælge at anvende automatisk formatering, hvor som helst visse HTML-tags bruges. For eksempel kan du lave enhver tekst inde i en

(Overskrift 1) tag automatisk fed, 36 pixels og rød.

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

Åbn en HTML-side, der indeholder tekst.

I egenskabsinspektøren skal du klikke på HTML-knappen i venstre side af panelet for at få vist egenskabsinspektøren i HTML-visning.

Vælg en tekstlinje, og fed den ved at klikke på B-knappen i ejendomsinspektøren.

Skift til CSS-visning af Ejendomsinspektøren ved at klikke på CSS-knappen yderst til venstre i panelet.

Målet er at tildele definitive typografioplysninger til tagget, der fed tekst, så enhver fed tekst på siden også vises rød.

Lad den markerede tekst med fed skrift være markeret, og vælg fra rullelisten Målret regel i Property Inspector.

Mens teksten stadig er markeret, skal du bruge farvevælgeren i højre side af egenskabsinspektøren (placeret under knapperne B og I) til at vælge en rød farve, der skal anvendes på den valgte, fed tekst.

Dialogboksen Ny CSS-regel vises.

Sådan opretter du en ny tagstil i Adobe Dreamweaver CS6

Fra rullelisten Vælgertype skal du vælge Tag (omdefinerer et HTML-element); vælg Stærk fra rullelisten Vælgernavn; vælg (Kun dette dokument) på rullelisten Regeldefinition.

Vælgertypen bestemmer, hvordan formateringen vil blive anvendt på et valgt HTML-tag på siden. Tag-typografier anvendes automatisk overalt, hvor dette element vises på siden.

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

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

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

Sådan opretter du en ny tagstil i Adobe Dreamweaver CS6

Hvis du gerne vil redigere og finjustere den regel, du har oprettet, kan du klikke på knappen Rediger regel under rullelisten Målrettet regel for at åbne dialogboksen CSS-regeldefinition. Denne dialogboks åbner som standard til kategorien Type, hvor du kan ændre typerelaterede 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.


Sådan anvender du gennemsigtighed på SVGer

Sådan anvender du gennemsigtighed på SVGer

Lær, hvordan du anvender gennemsigtighed på SVG-grafik i Illustrator. Udforsk, hvordan du udsender SVG'er med gennemsigtige baggrunde og anvender gennemsigtighedseffekter.

Arbejde med billeder i Adobe XD

Arbejde med billeder i Adobe XD

Når du har importeret dine billeder til Adobe XD, har du ikke megen redigeringskontrol, men du kan ændre størrelse og rotere billeder, ligesom du ville have en hvilken som helst anden form. Du kan også nemt runde hjørnerne af et importeret billede ved hjælp af hjørne-widgets. Maskering af dine billeder Ved at definere en lukket form […]

Sådan justeres tekstegenskaber i Adobe XD

Sådan justeres tekstegenskaber i Adobe XD

Når du har tekst i dit Adobe XD-projekt, kan du begynde at ændre tekstegenskaberne. Disse egenskaber omfatter skrifttypefamilie, skriftstørrelse, skrifttypevægt, justering, tegnafstand (kjerning og sporing), linjeafstand (førende), udfyldning, kant (streg), skygge (slæbeskygge) og baggrundssløring. Så lad os gennemgå, hvordan disse egenskaber anvendes. Om læsbarhed og skrifttype […]

Arbejde med tegnebrætter i Photoshop CC

Arbejde med tegnebrætter i Photoshop CC

Ligesom i Adobe Illustrator giver Photoshop tegnebrætter mulighed for at bygge separate sider eller skærmbilleder i ét dokument. Dette kan især være nyttigt, hvis du bygger skærme til en mobilapplikation eller en lille brochure. Du kan tænke på et tegnebræt som en speciel type laggruppe, der er oprettet ved hjælp af panelet Lag. Dens […]

Former og polygoner i InDesign

Former og polygoner i InDesign

Mange af de værktøjer, du finder i panelet InDesign Tools, bruges til at tegne linjer og former på en side, så du har flere forskellige måder at skabe interessante tegninger til dine publikationer. Du kan skabe alt fra grundlæggende former til indviklede tegninger inde i InDesign, i stedet for at skulle bruge et tegneprogram såsom […]

Ombryd tekst i Adobe Illustrator CC

Ombryd tekst i Adobe Illustrator CC

Indpakning af tekst i Adobe Illustrator CC er ikke helt det samme som at pakke en gave ind – det er nemmere! En tekstombrydning tvinger tekst til at ombryde en grafik, som vist i denne figur. Denne funktion kan tilføje en smule kreativitet til ethvert stykke. Grafikken tvinger teksten til at ombryde den. Først skal du oprette […]

Sådan ændrer du størrelsen på figurer i Illustrator

Sådan ændrer du størrelsen på figurer i Illustrator

Når du designer i Adobe Illustrator CC, skal du ofte have en form, der har en nøjagtig størrelse (f.eks. 2 x 3 tommer). Når du har oprettet en form, er den bedste måde at ændre størrelsen på den til nøjagtige mål ved at bruge Transform-panelet, vist i denne figur. Få objektet valgt, og vælg derefter Vindue→ Transformer til […]

Sådan opretter du QR-koder i InDesign CC

Sådan opretter du QR-koder i InDesign CC

Du kan bruge InDesign til at oprette og ændre QR-kodegrafik. QR-koder er en form for stregkode, der kan gemme information såsom ord, tal, URL'er eller andre former for data. Brugeren scanner QR-koden ved hjælp af sit kamera og software på en enhed, såsom en smartphone, og softwaren gør brug af […]

Sådan får du et nyt billede til at se gammelt ud i Photoshop CS6

Sådan får du et nyt billede til at se gammelt ud i Photoshop CS6

Der kan være et tidspunkt, hvor du har brug for et nyt billede for at se gammelt ud. Photoshop CS6 har dig dækket. Sort-hvid fotografering er et nyere fænomen, end du måske tror. Daguerreotypier og andre tidlige fotografier havde ofte en brunlig eller blålig tone. Du kan skabe dine egne sepia-tonede mesterværker. Tonede billeder kan skabe […]

Live Paint-funktionen i Adobe CS5 Illustrator

Live Paint-funktionen i Adobe CS5 Illustrator

Ved at bruge funktionen Live Paint i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du oprette det billede, du ønsker, og udfylde områder med farve. Live Paint-spanden registrerer automatisk områder sammensat af uafhængige krydsende stier og fylder dem i overensstemmelse hermed. Malingen inden for en given region forbliver levende og flyder automatisk, hvis nogen […]