Når du opretter nye typografier i Dreamweaver, skal du beslutte, om du vil gemme typografien i et internt eller eksternt typografiark. I et internt typografiark gemmes stilreglen øverst i HTML-dokumentet, hvor du vil anvende typografien. I et eksternt typografiark gemmes nye typografier i et separat dokument, der kan vedhæftes til enhver fil på dit websted.
Eksterne typografiark giver de største fordele, fordi det er mere effektivt at bruge ét sæt typografier på tværs af mange sider end at oprette typografier for hver side på dit websted. Når det er sagt, er interne typografiark nogle gange et godt valg, som når du opretter en typografi, der kun gælder for elementer på én side.
Interne typografiark gemmes i den samme HTML-fil, hvor de anvendes. Du opretter altså ikke en fil, når du opretter et internt typografiark, som du gør, når du opretter et eksternt typografiark.
I stedet tilføjer du blot, når du opretter et internt typografiark
tags i din fil.
Oprettelse af en ny intern stil i Dreamweaver kræver kun to trin. Klik først på plus-ikonet (+) i panelet Kilder øverst i panelet CSS Designer. Vælg derefter Definer på side fra rullelisten. Du er færdig. Dreamweaver indsætter
tag.
Helt øverst i CSS Designer-panelet finder du Sources-panelet. Dette panel viser navnet eller navnene på alle typografiark, der er tilgængelige for den åbne side. Det samme panel bruges til at oprette eller linke til typografiark, mens du opretter eller anvender typografier.
For at oprette et eksternt typografiark skal du først oprette og gemme en ny HTML-fil eller åbne en eksisterende fil i Dreamweaver og derefter følge disse instruktioner:
Klik på plus-ikonet (+) i panelet Kilder øverst i panelet CSS Designer.
En rulleliste åbnes med tre muligheder: Opret en ny CSS-fil, Vedhæft eksisterende CSS-fil og Definer på side.
Vælg indstillingen Opret en ny CSS-fil fra rullelisten.
Dialogboksen Opret en ny CSS-fil åbnes.
Indtast et navn til din nye typografiark-fil.
Du kan navngive typografiark, hvad du vil, så længe du ikke inkluderer mellemrum eller specialtegn ud over bindestregen (-) eller understregningen (_).
Vælg indstillingen Link.
Link betragtes som den bedste praksis i de fleste tilfælde og vælges som standard i Dreamweaver.
For det meste bruges importindstillingen kun, når du ønsker at anvende flere eksterne typografiark på siden, men kun ønsker at linke til ét typografiark. I så fald kan du bruge Import-indstillingen til at knytte flere typografiark til et.
Klik på pilen ud for Betinget brug for at se yderligere indstillinger.
Indstillingerne for betinget brug bruges til at opsætte medieforespørgsler til typografiark.
Klik på OK.
Typografiarket gemmes og linkes til den HTML-side, du har åben i Dreamweaver. Bemærk: Hvis du arbejder på en ny HTML-side, skal du sørge for, at du har gemt siden. Ellers vil du ikke være i stand til at oprette og linke en ny CSS-fil.
Når du har oprettet et eksternt typografiark, kan du linke det samme typografiark til så mange sider, som du vil, ved at følge trinene i den øvelse, der følger umiddelbart efter. Du kan også tilføje så mange stilregler, som du vil, til ethvert eksternt typografiark, som er dækket af forskellige øvelser, der følger med at oprette klasse, tag og andre typer stilarter.
Lær, hvordan du anvender gennemsigtighed på SVG-grafik i Illustrator. Udforsk, hvordan du udsender SVG'er med gennemsigtige baggrunde og anvender gennemsigtighedseffekter.
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 […]
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 […]
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 […]
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 […]
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 […]
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 […]
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 […]
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 […]
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 […]
