Guide Till Web Design

Ett element på en sida är ganska svår att förklara. Det är ungefär som varje "kroppsdel" på sidan. På den här sidan finns det tre synliga element. De är markerade med röd penna på nedanstående bild.



Det första elementet kallas för header och koden för det elementet är #header. Header:n används som sidans rubrik, ungefär. Där kan man ha en bild på sig själv och berätta vad bloggen handlar om, vad man skriver om, om man till exempel har en blogg. Det är den första man tittar på när man går in på en sida så den är mycket viktig. Jag har skrivit "Guide Till Web Design" för det är just en guide jag arbetar med, inget annat.

Det andra elementet kallas för content och har #content som kodnamn. I content skriver man inläggen, innehållet -det sidan är.

Det tredje synliga elementet kallas för side och har naturligtvis #side som kodnamn. Den ligger i sidan och kallas därför för "side". I den står det arkiverat vilka inlägg man har skrivit, från vilken månad och om man har kategorisat inläggen. Det är som ett slags arkiv helt enkelt. Vissa brukar ha en porträttbild på side och något kortfattat om sig som t.ex. ålder, kön, yrke o.s.v. Det beror helt på vad det är för hemsida.

Det finns andra element som inte syns särskilt bra och det är till exempel body. Body är också ett element, men har oftast ingen fyrkant framför sig. Body brukar skrivas först av alla element och är sidans tapet, sidans grund. Hur stor du vill ha hela sidan, bakgrundsbild, -färg, -position o.s.v. redigeras i "body".

Efter varje element skriver man { och när man är klar med att ändra elementet skriver man samma tecken fast baklänges. Exempel:

#side {
background-color: #FFF;
}

Side-koden för denna sidan är:

#side {
border:7px double #000;
float:right;
width: 220px;
padding: 24px 12px 0px 12px;
background-image:url();
background-color: #FFF;
}