Globale linker

Dreamweaver

Å lage eksterne Stylesheets i Dreamweaver

Skal man lage et eksternt Stylesheet, må man enten bruke en Stylesheet Editor som f.eks Topstyle, eller man kan lage det direkte i Dreamweaver.

CreativePro har laget en innføring i bruk av CSS i Dreamweaver MX 2004.

For å lage og linke til et Stylesheet i Dreamweaver, følg disse stegene:

1.

Velg Text >CSS Styles> Edit Style

Redigere CSS

2.

Klikk på Link-knappen

Dialogboks for å redigere CSS

3.

Klikk på Browse-knappen

Dialogboks for nytt Stylesheet

4.

Browse deg fram til mappen du vil at den skal ligge i og skriv inn navnet på Stylesheet'en i Filnavn-feltet og trykk Select

Skriv inn navnet på det nye Stylesheet'et

5.

Pass på at det er merket av for Add As Link, og klikk OK.

Dialogboks CSS

6.

Klikk på Stylesheet'en du akkurat lagde og klikk Edit

Dialogboks CSS

7.

Klikk på New

Dialogboks CSS

8.

Velg type Redefine HTML Tag, og velg en tag fra nedtrekksmenyen

Dialogboks CSS

9.

Fra Category-feltet velger du hva det er du vil gjøre om på taggen. Gjør dine valg og trykk OK

Dialogboks CSS

10.

Skal du omdefinere andre tagger så trykker du på New igjen, er du ferdig trykker du på Save

Dialogboks CSS

11.

Også klikker du på Done

Dialogboks CSS

12.

Trykk F10 for å gå inn i koden og se at du har fått en link til Stylesheet'et i head'en av dokumentet.

13.

Vil du linke til det samme Stylesheet'et i andre HTML-dokumenter velger du Text> CSS-styles> Attach Style Sheet

Neste sideGå til neste side hvor vi ser på hvordan vi legger in interne stylesheets