Administreres af:

Af: novicen.dk

Forud for oprettelse af et web-sted er der typisk en masse overvejelser og valg, som skal foretages. Du skal til dette web-sted bl.a. have valgt, hvordan skriften skal fremtræde på hele web-stedet og du skal vælge, hvordan vi vil styre typografien. Med de browsere der findes på markedet idag og i fremtiden er valget ikke så stort mht. styring af formateringen, da alle anerkendte browsere accepterer anvendelse af stylesheet - typografiark. Med typografiark er det muligt via tilretninger alene i ét dokument at styre fremtoningen for samtlige sider der indgår i web-stedet.

Skrifttypen er givet på forhånd til at være Arial og farven er sat til hvid. Disse forhold samt skriftstørrelser kan du efterfølgende tilrette centralt ved at bruge stylesheet.

Tryk på ikonet for redigering af typografiark lige over det store åbne felt i WebWriters højre side.

I redigeringsvinduets højre del har du en liste med de muligheder, der er tilgængelige i WebWriter. Højre del vil komme til at indeholde de styles, som du skal anvende.

Tryk på ikonet for oprettelse af ny selektor.

Vælg efter tur BODY, TD og P og tryk mellem hver på Tilføj. Tryk derefter Ok. I venstre del på fanebladet "Egenskaber" ruller du ned til "color" (farve) og klikker i værdi-feltet til højre for. Klik på pilen der kommer til syne yderst til højre i dette felt.

Klik på [farve] og vælg derefter hvid, der skal være tekstfarven på web-stedet. Gem dokumentet som "allstyles.css" i mappen /shared ved at klikke på diskettesymbolet, trykke Ctrl+S eller vælg "Filer" -> "Gem".

Tilføj tilsvarende skrifttyperne ved at rulle til feltet "font-family", vælge [font] og efter tur tilføje Arial og sans-serif. Den skrifttype du vælger skal fysisk ligge på brugerens komputer, for at den kan anvendes som gyldig font til hjemmeside-design. Du kan ikke bestemme at brugeren skal anvende en eller anden smart font.

Findes skrifttypen ikke på brugerens komputer, vil der som standard blive vist en Times New Roman. Rækkefølgen af fontene i font-family er den rækkefølge, som brugerens browser vil lede efter fontene i. Findes den pågældende font, vil denne blive anvendt og søgningen stopper. Det er derfor hensigtsmæssigt altid at afslutte med serif for skrifttyper med fødder og sans-serif for skrifttyper uden, da tilsvarende fonte for disse angivelser findes registreret i brugerens browser. Arial er en skrifttype uden fødder og der bør derfor afsluttes med sans-serif på dette web-sted.

Koden i redigeringsvinduet skal ligne denne:

Vær opmærksom på, at du kun kan vælge egenskaber for den TAG, du vil arbejde med, hvis du har sat markøren et sted mellem de to krøllede parenteser {...}

Det netop oprettede dokument er et såkaldt eksternt stylesheet og det kan indlænkes i alle de HTML-dokumenter, som indgår på web-stedet. Hermed bliver det muligt centralt at styre, hvordan dit web-sted skal fremtræde.

At du har oprettet samme style for både BODY (dokumentets krop), P (tekstafsnit) og TD (tabelceller) skyldes praktiske årsager, hvor du sikrer ensartet fremtoning næsten uanset hvordan du sætter formateringen af din tekst. Der skulle være nedarvning, således at det er tilstrækkeligt at sætte formateringen alene for BODY TAG'en. Hermed skulle alt, der ligger inden i BODY, være med samme formatering. Pga. af fejl og uhensigstmæssigheder i browserne er det imidlertid nødvendigt også at sætte font-family og color egenskaberne for P og TD TAG's for at opnå fuld formatering.

Du vil senere vende tilbage til det oprettede stylesheet dokument for at op- og tilrette yderligere styles. De opsatte betingelser er alene startparametre, som viser os vejen og som gør os i stand til at indlænke dokumentet i den skabelonside, som nu skal oprettes.