Webbsida med stilmall
Kopplingar i Dreamweaver
- Om du har öppnat upp DreamWeaver så bör du kunna se en ruta på höger del av skärmen och en flik med namnet "Files". Under "Files" ska du välja det projekt som du skapade i den tidigare artikeln där du skapade ett nytt projekt. Om projektet inte redan är valt - se till att välja det så att du arbetar i rätt katalog.
Om du INTE hittar "Files" så väljer du "Window --> Files" längst upp bland menyerna för att den ska visas. Rutan för files går även att förminska så att den "rullar in" mot högra kanten på skärmen. Leta isåfall efter en liten knapp med en pil på ungefär i mitten av skärmen på höger sida.
- Välj "File --> New..." längst uppe i menyn till vänster.
- I fliken "General", välj "Basic Page" och "HTML". Längst nere till höger ändrar du även till "XHTML 1.0 Strict" (under "document type"). Klicka på "Create".
- Välj "File" och döp filen till ett namn som innehåller bokstäverna a-z, skippa stora bokstäver och svenska bokstäver för att undvika problem. Använd bindestreck om du vill. Klicka "Save".
- Välj "Text --> CSS styles --> Attach Style Sheet". Gå sedan till den katalog där du lade CSS-filen och markera den CSS-fil som du skapade tidigare och klicka på "OK".
- Kolla källkoden i split view så att du ser hur koden ser ut för länkningen till din CSS-fil.
Koden bör se ut enligt nedan och ligga inom head-taggen:
<link href="css.css" rel="stylesheet" type="text/css" />
Om du sparat filen i en annan katalog i din rotkatalog så kan sökvägen se lite annorlunda ut.
Klart! Nu har du kopplat din CSS-fil (stilmall) till din webbsida och du kommer enkelt att kunna kontrollera layouten via CSS-filen när det är dags att börja lägga in text. Först är det dock bäst att du lär dig att strukturera upp din webbsida med div-element som du lär dig i nästa artikel.
Nästa artikel: Skapa div och id
