Hvordan du lager interne og eksterne stilark i Dreamweaver - dummies

Når du lager nye stiler i Dreamweaver, må du bestemme om du vil lagre stilen i et internt eller eksternt stilark. I et internt stilark lagres stilregelen øverst i HTML-dokumentet der du vil bruke stilen. I et eksternt stilark lagres nye stiler i et eget dokument som kan kobles til en hvilken som helst fil på nettstedet ditt.

Eksternt stilark gir de største fordelene fordi bruk av et sett med stiler på mange sider er mer effektivt enn å skape stiler for hver side på nettstedet ditt. Når det er sagt, er noen ganger interne stilark et godt valg, for eksempel når du lager en stil som bare gjelder for elementer på en side.

Slik lager du et internt stilark i Dreamweaver

Interne stilark lagres i samme HTML-fil der de brukes. Dermed lager du ikke en fil når du lager et internt stilark, som du gjør når du oppretter et eksternt ark.

I stedet når du oppretter et internt stilark, legger du ganske enkelt til koder i kodene øverst i HTML-filen du har åpnet i Dreamweaver. Da, når du lager stiler, lagrer du de nye stilregeldefinisjonene i kodene i filen din.

Opprette en ny intern stil i Dreamweaver krever bare to trinn. Først klikker du pluss-ikonet (+) i panelet Kilder øverst på CSS Designer-panelet. Velg deretter Definer i side fra rullegardinlisten. Du er ferdig. Dreamweaver setter inn kodene i koden i filen, og viser det interne stilarket i panelet Kilder med taggen.

Slik lager du et eksternt stilark i Dreamweaver

Øverst på CSS Designer-panelet finner du panelet Kilder. Dette panelet viser navnet eller navnene på stilarkene som er tilgjengelige for den åpne siden. Det samme panelet brukes til å opprette eller lenke til stilark som du lager eller bruker stiler.

For å lage et eksternt stilark, må du først opprette og lagre en ny HTML-fil eller åpne en eksisterende fil i Dreamweaver, og følg disse instruksjonene:

1. Klikk på plussikonet (+) i panelet Kilder øverst på CSS Designer-panelet.

   En rullegardinliste åpnes med tre alternativer: Opprett en ny CSS-fil, Legg til eksisterende CSS-fil, og definer på side.

   

2. Velg alternativet Opprett et nytt CSS-fil fra rullegardinlisten.

   Dialogboksen Lag en ny CSS-fil åpnes.

3. Skriv inn et navn for den nye stilarkfilen.

   Du kan navngi stilark alt du vil, så lenge du ikke inneholder mellomrom eller spesialtegn annet enn bindestrek (-) eller understreket (_).

   

4. Velg Link-alternativet.

   Link anses som den beste praksisen i de fleste tilfeller og er valgt som standard i Dreamweaver.

   For det meste brukes Importer-alternativet bare når du vil bruke flere eksterne stilark til siden, men vil bare koble til ett stilark. I så fall kan du bruke alternativet Importer for å knytte flere stilark med en.

5. Klikk på pilen ved siden av Betinget bruk for å vise flere innstillinger.

   Innstillingene for betinget bruk brukes til å konfigurere medieforespørsler for stilark.

6. Klikk på OK.

   Stilarkivet er lagret og koblet til HTML-siden du har åpnet i Dreamweaver. Merk: Hvis du jobber på en ny HTML-side, må du sørge for at du har lagret siden. Ellers kan du ikke opprette og koble til en ny CSS-fil.

Når du har opprettet et eksternt stilark, kan du koble det samme stilarket til så mange sider som du vil, ved å følge trinnene i øvelsen som følger umiddelbart. Du kan også legge til så mange stilregler som du liker til et eksternt stilark, som dekkes av ulike øvelser som følger med å lage klasser, tagger og andre typer stiler.