|
Administreres af: |
|
Tilpas de enkelte sider |
Tilbage til oversigtstabel Tilbage |
Af: novicen.dk
Du har klargjort din skabelonside og det næste du skal gøre, er at oprette de enkeltsider, som du har refereret til i henvisningerne i menuen. Sørg for at du har åbnet din skabelonside i WebWriter og vælg derefter "FIler" -> "Gem som..." fra menuen. Efter tur gemmer du nu web-siden som index.htm, info.htm, nyheder.htm, referencer.htm og kontakt.htm. Du skal altså genbruge de navne du angav, da du oprettede henvisninger på de enkelte knapper.
Skabelonsiden skal du ikke nødvendigvis anvende mere og den kan i praksis slettes. Får du senere brug for at oprette nye sider i dit web-sted, vil du kunne anvende en af de eksisterende sider, som på lignende måde vil kunne tilrettes.
Du kan åbne alle web-stedets sider i WebWriter på en gang ved at du markerer øverste dokument, holder <skift>-tasten nede og derefter dobbeltklikker på det nederste dokument.
Når du har oprettet alle enkeltsiderne, bør du checke, at alle henvisningerne virker, som du har regnet med. Test web-stedet i browserne ved at du klikker på samtlige links og ser at siderne skifter. Du kan se skiftet ved, at adresselinien i browseren skifter til nyt indhold. Hvis ikke adresselinien skifter og du faktisk skulle bevæge dig over til en ny side eller der fremkommer en fejl, skal du have tilrettet henvisningerne. Den hurtigste måde vil i givet fald være at rette filnavnet, så det kommer til at passe til henvisningen i menuen. Ellers skal du have tilrettet samtlige menuers henvisning på den pågældende knap og det vil være et større arbejde.
| Til top |
De enkelte sider i web-stedet skal nu tilpasses så de får det rigtige indhold. Teksterne til de sider med store tekststykker finder du i det downloadede web-sted, hvor de er placeret i filen tekster.txt. Herfra kan de enkelte tekststykker kopieres ind på web-siderne og tilpasses det aktuelle dokument. Du kan åbne tekster.txt direkte i WebWriter ved at dobbeltklikke på filen.
Kopier fra tekster.txt det tekststykke som har overskriften "deSign". Vælg derefter index.htm til redigering i WebWriter og marker teksten, hvor indholdet skal indsættes. Fjern teksten og skab luft, ved at indsætte tomme linier.
Indsæt nu den tekst, du har i udklipsholderen. Marker derefter overskriften "deSign" og formater den som overskrift H3, ved at du vælger højresiden af font-knappen i ikonlinien. H TAG's giver 6 forskellige muligheder for formatering og du kan styre størrelsen af hver enkelt fra dit stylesheet. Det kommer du til senere. Lige nu drejer det sig om at få gjort dokumenterne ensartede, så de alle kan arbejde ud fra samme stylesheet og dermed fremstå ensartede på web-stedet.
Ovenfor den tekst, der skal fremstå som brødtekst indsætter du en afsnitsformatering. Enten vælger du PI-tegnet fra ikonlinien, "Indsæt"-menuen og derefter "Afsnit" eller du trykker <skift>+<retur>. Forud for brødteksten indsætter du yderligere noget ekstra luft i browserens visning, ved at du mellem overskriften og afsnitsformateringen til brødteksten indsætter en afsnitsformatering efterfulgt af et hårdt mellemrum - Ctrl+<space>. Det hårde - tvungne - mellemrum skal åbne - aktivere - afsnitsformateringen på tilsvarende måde, som du tidligere aktiverede tabelcellerne for at få visning af baggrundsbilledet. Aktivering af afsnitsformateringen er nødvendig i både Netscape og Explorer browsere.
Du kan skabe luft i koden ved at indsætte tomme linier efter behov. Det vil ikke påvirke det endelige udseende.
Den resulterende kode for tekststykket bliver forholdsvis overskuelig. Du skal kunne teste siden i browseren uden at det giver anledning til fejl. Teksten er endnu ikke formateret men det tilretter du senere i dit stylesheet.
Henvisningerne på de enkelte knapper skal tilpasses, da det ikke tjener noget formål, at du kan linke en web-side til sig selv. Samtidig skal du have valgt den knap, som viser at den pågældende side er aktiv. Find derfor frem til menu'ens første knap, der henviser til index.htm, som er den side, du i øjeblikket er ved at redigere. Fjern den indledende A TAG og den efterfølgende /A TAG - A TAG ophævet - der ligger omkring billedet. Ret derefter filnavnet på SRC-attributten for billedet, så det kommer til at passe med den indtrykkede knap. Du kan enten tilrette filnavnet direkte i kildekoden eller du kan højreklikke i IMG TAG'en og derefter vælge dig frem til det rigtige billede.
Du kan tilrette titlen på web-siden ved at højreklike i TITLE TAG'en eller tilrette koden direkte. Der skal for startsiden stå "deSign - startside" og for de øvrige sider, skal titlen være repræsentativ for indholdet.
På tilsvarende måde tilretter du siderne info.htm og nyheder.htm. I nyheder.htm skal der forud for hver af de to stykker brødtekst indsættes en afsnitsformatering. For hver rettelse du foretager, bør du teste din web-side i browserne.
Husk at indsætte ekstra luft med afsnitsformatering og tvunget mellemrum mellem overskriften og den øverste brødtekst på begge web-sider. Husk også, at du skal have tilrettet henvisningen til baggrundsbilledet, i den tabelcelle hvor indholdet vises, på alle web-siderne.
For siden med referencer - referencer.htm - skal du have indsat mindst to links til eksterne web-steder. For hver henvisning skal du have indsat den tekst som skal gøres klikbar og på linien umiddelbart under, skal du have indsat en kort, forklarende tekst. Linieskiftet foretages med en BR TAG - <BR> - og du kan indsætte denne TAG ved at vælge det tilsvarende ikon i ikonmenuen eller ved at taste Ctrl+<retur>.
Når du har indsat og formateret teksten, markerer du den tekst, som skal være henvisning og vælger derefter dialogen for henvisning med den tilsvarende ikon. Som adresse skal du have hele sidens URL inkl. det foranstående http://, da der er tale om en ekstern henvisning - altså en henvisning som ligger udenfor dit eget web-sted. Eksempelvis kan du angive http://www.ksc.dk og du skal være opmærksom på at angive sidens URL fuldstændig korrekt.
Du skal have henvisningen til at åbne i et nyt browservindue og derfor skal du sætte destinationsrammen til _blank.
Husk, at du også på reference-siden skal have tilrettet titel, henvisningen på knappen og knappen i menuen samt baggrundsbilledet.
Test alle de sider af, som du nu har tilrettet.
| Til top |
Formateringen af teksten sker i det stylesheet, som du oprettede i begyndelsen af denne gennemgang. Du skal nu have tilpasset dette, så teksten kommer til at fremstå harmonisk og ensartet for hele web-komplekset. Find derfor frem til dit stylesheet og åbne det ved at dobbeltklikke på det.
Stil markøren mellem de eksisterenede krøllede parenteser, således at du kan komme til at redigere i formateringen for de opsatte TAG's - BODY, P og TD. Find frem til "font-size" i oversigten til venstre og stil størrelsen - som tal - til 12px. Vær opmærksom på, at du også skal indtaste "px" og at der ikke må være mellemrum i den samlede størrelsesangivelse.
For at formatere overskriften ensartet på alle dokumenter, skal du have oprettet en ny selektor, der passer til denne. Overskrifterne er formateret med en H3 TAG og derfor kan du stille størrelsen ved at sætte en style på denne TAG. Opret derfor en ny selektor som H3 og vælg for denne at sætte font-size til 16px.
Som følge af at du har oprettet en skabelonside, hvor dit stylesheet var indlænket og at du har kopieret denne side ud som enkeltfiler, vil dit stylesheet være indlænket i alle dine filer. Du vil derfor med en tilrettelse i dit stylesheet kunne formatere samtlige dine web-sider på en gang.
Når du tester web-stedet af, vil du se, at de oprettede henvisninger ikke har den farve, som kunne ønskes. Du skal derfor have oprettet endnu en selektor som kan styre farven på dine henvisninger. Af koden kan du se at henvisningerne styres af en A TAG og det vil derfor være en sådan, du skal have oprettet. Sæt farven til hvid ved at vælge "color" fra oversigten.
Det er ikke nødvendigt med yderligere tilretninger af formateringen, da de øvrige parametre nedarves til H3 og A TAG'ene fra BODY TAG'ens formatering. Du vil derfor nu have en fuldgyldig formatering i arial, hvid og med den skriftstørrelse, som er specificeret for hver enkelt element.
| Til top |