Du kan finde skærmbilleder af de enkelte skabeloner længere nede på siden. Klikker du på et billede, kan du se skabelonen i fuld størrelse. Lad dig ikke afskrække af de specielle farver i skabelonerne. Dem kan du selvfølgelig sagtens ændre, ligesom du kan ændre størrelsen på de forskellige bokse.

Når du har fundet en skabelon, som du vil bruge, kan du evt. kopiere dens mappe til en anden placering og derefter åbne filen index.html i KompoZer. Du kan nu tilrette skabelonen ved at erstatte min tekst med din egen, indsætte dine egne billeder og fx ændre baggrundsfarven i de forskellige bokse.

Hver skabelon indeholder en forklaring om, hvordan skabelonen er opbygget, og hvordan du tilretter den til dit behov.

Nogle af skabelonerne benytter baggrundsbilleder som et lille trick til at lave spalter lige lange. Billederne kan umiddelbart kun bruges, hvis du vil benytte samme baggrundsfarve på boksene, som jeg har brugt, og det vil du jo nok ikke. Løsningen er, at du enten selv laver nogle tilsvarende billeder med dine foretrukne farver, eller at du bruger et billedbehandlingsprogram til at ændre farverne i mine billeder.

Fællestræk i skabelonerne

Alle skabeloner er pakket ind i en boks, som placeres midt på siden. Jeg har lavet boksen med en bredde på 770 pixels, fordi den dermed kan ses af langt de fleste besøgende. Du kan sagtens lave boksen bredere eller helt slette den. Vælger du at gøre den bredere, skal du dog være opmærksom på, at du risikerer, at nogle brugere ikke vil kunne se hele siden, men i stedet vil få vist en vandret rullebjælke. Du skal også være opmærksom på, at tekstlinjer ikke bliver så lange, at det er besværligt at læse teksten.

Vil du slette den midterstillede boks, er det nemmeste at åbne siden i KompoZer. Åbn herefter css-editoren, og slet stilklassen side.

Jeg har brugt forskellige baggrundsfarver på de forskellige bokse, for at du nemmere kan skelne mellem boksene. Du kan nemt vælge nogle andre baggrundsfarver ved hjælp af KompoZers css-editor.

Jeg har lavet et par ekstra stilklasser, som du måske kan bruge, fx til markering af fed tekst samt højre- og venstrestillen af billeder. Har du ikke brug for stilklasserne, kan du evt. slette dem fra css-editorens oversigt.

Skabelonerne er lavet som tilbehør til hæftet Hjemmesider med KompoZer fra forlaget Libris.

Hjemmesider med KompoZer

Hæftets hjemmeside

Du kan downloade skabelonerne i en zip-fil. Du kan herefter pakke zip-filen op på din egen computer, og indlæse den ønskede skabelon i KompoZer.

Skabelonerne er gratis, og du kan frit bruge dem som udgangspunkt til dine egne sider. Alle skabeloner benytter et eksternt stilark til at styre layoutet på siden. Dermed kan du nemt ændre layoutet til dit eget behov ved hjælp af css-editoren i KompoZer.

skabelon 1-1 skabelon 1-1-1 skabelon 1-1-1-1 skabelon 1-1-2-1 skabelon 1-1-3-1 skabelon 1-2-1 skabelon 1-3-1 skabelon 1-1-rund skabelon 1-1-1-rund skabelon 1-1-1-1-rund skabelon 1-1-2-1-rund skabelon 1-1-2-1-rund-alternativ skabelon 1-1-3-1-rund skabelon 1-1-3-1-rund-alternativ

Flere muligheder

Siden til højre er ikke en skabelon, men indeholder eksempler på alternative hjørneformer lavet med css eller billeder.

Flere hjørner

Tilbage til hæftets hjemmeside