Webbsida med stilmall
Så här kopplar du ihop din webbsida med en CSS-fil
En stilmall är en helt separat CSS-fil som webbsidan hämtar information ifrån för att bestämma hur innehållet på en webbsida ska presenteras. Genom att använda dig av en stilmall så kan du helt och hållet separera informationskoden (html-taggar och text) från presentationskoden (kod som styr utseendet på sidan).
Du kan använda hur många stilmallar som helst på sin hemsida. Vanligast är dock att du använder dig av en stilmall som gäller för de flesta sidorna på din webbsajt. På detta sätt skapar en enhetlig design som du enkelt kan forändra med några få rader kod.
Skapa en CSS stilmall
En stilmall har filändelsen .css. Du kan enkelt skapa den i en vanlig texteditor (Tillbehör --> anteckningar i Windows).
- Skapa en tom sida i "Anteckningar".
- Spara den med valfritt filnamn. Så länge som den har filändelsen ".css" och du håller dig till bokstaverna a-z så kommer allt att fungera utan problem.
- Klart. Nu har du skapat en CSS-fil. Även om den inte innehåller någon information ännu.
CSS-filen bör ligga i den katalog där du har övriga filer som hör till hemsidan för att allt ska fungera så smidigt som möjligt.
Koppla stilmallen till en webbsida
För att koppla ihop CSS-filen med en webbsida så ska följande kod klistras in i head-taggen på webbsidan:
<link href="css.css" rel="stylesheet" type="text/css" />
Tänk på att filnamnet kan skilja sig från namnet ovan och att sökvägen kan vara en annan (Sökvägen skrivs med "href=").
När du använder dig av DreamWeaver så fylls all kod in automatiskt och du behöver bara välja vilken fil som du vill koppla till webbsidan.
Nästa artikel: Stilmall med deklarationer
