Indholdsfortegnelse:
- Sådan opretter du et internt stilark i Dreamweaver
- Sådan opretter du et eksternt stilark i Dreamweaver
Video: How to link CSS to HTML 2024
Når du opretter nye stilarter i Dreamweaver, skal du beslutte, om du vil gemme stilen i et internt eller eksternt stilark. I et internt stilark gemmes stilreglen øverst i HTML-dokumentet, hvor du vil anvende stilen. I et eksternt stilark gemmes nye stilarter i et separat dokument, som kan vedhæftes til enhver fil på dit websted.
Eksternt stilark giver de største fordele, fordi brugen af et sæt stilarter på tværs af mange sider er mere effektivt end at skabe stilarter for hver side på dit websted. Når det er sagt, er undertiden interne stilark et godt valg, f.eks. Når du opretter en stil, der kun gælder for elementer på en side.
Sådan opretter du et internt stilark i Dreamweaver
Interne stilark gemmes i samme HTML-fil, hvor de anvendes. Således opretter du ikke en fil, når du opretter et internt stilark, som du gør, når du opretter et eksternt ark.
I stedet når du opretter et internt stilark, skal du blot tilføje tags i tags øverst i HTML-filen, du har åbnet i Dreamweaver. Så når du opretter stilarter, gemmer du de nye stilregeldefinitioner inden for 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 på CSS Designer panelet. Vælg derefter Definer i side fra rullemenuen. Du er færdig. Dreamweaver indsætter tags i koden i din fil og lister det interne stilark i panelet Kilder med tagget.
Sådan opretter du et eksternt stilark i Dreamweaver
Øverst på CSS Designer panel finder du panelet Kilder. Dette panel viser navnet eller navne på de stilark, der er tilgængelige for den åbne side. Det samme panel bruges til at oprette eller linke til stilark, når du opretter eller bruger stilarter.
For at oprette et eksternt stilark skal du først oprette og gemme en ny HTML-fil eller åbne en eksisterende fil i Dreamweaver, og følg derefter disse instruktioner:
-
Klik på plus-ikonet (+) i panelet Kilder øverst på CSS Designer panelet.
En rullemenu åbnes med tre muligheder: Opret en ny CSS-fil, vedhæft eksisterende CSS-fil og definer i side.
-
Vælg indstillingen Opret en ny CSS-fil i rullelisten.
Dialogboksen Opret en ny CSS-fil åbnes.
-
Indtast et navn til din nye stilarkfil.
Du kan navngive stilark alt hvad du vil, så længe du ikke indeholder mellemrum eller specialtegn andet end bindestreget (-) eller understregning (_).
-
Vælg Link-indstillingen.
Link anses for at være den bedste praksis i de fleste tilfælde og vælges som standard i Dreamweaver.
For det meste anvendes indstillingen Importer kun, hvis du vil anvende flere eksterne stilark til siden, men kun ønsker at linke til et stilark. I så fald kan du bruge indstillingen Importer til at knytte flere stilark med en.
-
Klik på pilen ved siden af Betinget brug for at få vist yderligere indstillinger.
Indstillingerne for betinget brug bruges til at indstille medieforespørgsler efter stilark.
-
Klik på OK.
Stilarkivet er gemt og knyttet til den HTML-side, du har åbnet i Dreamweaver. Bemærk: Hvis du arbejder på en ny HTML-side, skal du sørge for, at du har gemt siden; Ellers kan du ikke oprette og linke en ny CSS-fil.
Når du har oprettet et eksternt stilark, kan du linke det samme stilark til så mange sider som du vil ved at følge trinene i øvelsen, der følger med det samme. Du kan også tilføje så mange stilregler som du kan lide til et eksternt stilark, som er dækket af forskellige øvelser, der følger med at oprette klasse, tag og andre typer stilarter.