Sådan defineres en web-side vha tabeller

Det er vigtigt at man gør sit forarbejde godt, når man skal lave en web-side.

For at kunne styre placeringen af tekst, billeder, overskrifter osv, og for at man kan sikre sig at det vises som det skal i browseren, når nogen besøger siden ude på nettet, er det en god idé at organisere sit arbejde i tabeller

Tabeller er et dynamisk gitter (man kan ændre deres størrelse og form), man lægger ind over siden. Gitteret kan normalt ikke ses af den der besøger siden, fordi den der laver hjemmesiden skjuler det ved at fjerne gitterlinierne.

Den side, du sidder og kigge på nu består også af tabeller, som jeg har skjult.

Prøv at trykke på knappen herunder, så vil du kunne se, hvordan jeg har lagt gitteret / tabellen

Som du kunne se, er teksten lagt i tabeller.

Endnu vigtigere er det, når man skal placere et billede

Klik på knappen herunder og se en side med billeder

Billedernes placering på siden er bestemt af, hvorledes de er placeret i tabellen.

Se den samme side med tabellen "slået til" Tryk på knappen herunder

I det følgende gives lidt vejledning i, hvordan man arbejder med tabeller som grundlag for sin web-side. Det er kun muligt på denne begrænsede plads at trække nogle helt elementære ting frem. Man må øve sig lidt for at få et god resultat

1

Åbn programmet Front Page

2

Klik menupunktet filer i øverste venstre hjørne

3

Gå til menupunktet ny og herefter til "side eller web-sted". Klim på venstre musetast

4

Klik på menuen Ny og herefter Tom side

5

Nu åbnes en ny, tom side, du kan arbejde med.

6

Klik på menuen tabel i den øverste menurække, og herefter på indsæt og herefter på tabel. Nu åbnes et vindue, hvor man kan vælge antallet af kolonner og rækker.

Vælg fx tre kolonner og tre rækker.

I menupunktet justering vælges centreret - så kommer tabellen til at stå midt på siden.

Jeg angiver bredden (i procent) til 80, så den ikke kommer til at fylde hele siden.

Det kommer til at se sådan her ud:

NB: Hvis man arbejder med en skærmopløsning på 1025 x 768 skal man aldrig have tabelstørrelser på over 80 % da man så ikke kan se dem ordentligt på små skærme (med opløsningen 800 x 600).

Arbejder man med opløsningen 800 x 600 er det OK at arbejde med tabeller på 100 %

7

Man kan nu redigere tabellen ved at sætte curseren på én af linierne. Når den bliver til en streg, kan man trække i linien. I eksemplet herunder har jeg trukket nr. 2 lodrette streg til højre, og nr. 2 vandrette streg lidt ned

8

Man kan også samle nogle af cellerne - hvis man fx. vil indsætte et billede og gerne ved have at de øvrige celler bevarer samme størrelse.

Jeg vil samle de tre lodrette yderst til højre. Jeg placerer curseren i den øverste, holder venstre musekanp nede og trækker nedad. Cellerne bliver nu sorte; herefter klikker jeg på højre museknap og vælger punktet flet celler

Det kommer så til at se således ud

9

Nu kan jeg arbejde med cellerne.

Jeg vil lave en overskrift som jeg definerer i 14 pkt, fed og jeg vælger en farve til den (rød)

Jeg vil indsætte et billede i rubrikken til højre

Jeg vil skrive en tekst bestående at to punkter (punktmarkeringen er små knapper jeg har hentet på nettet og gemt på harddisken.

Det ser således ud

10

Nu skal det stå pænt på siden.

Jeg markerer alle celler som omtalt under pkt. 8. Højreklikker på musen og vælger egenskaber for celle.

Herefter vælger jeg vandret justering venstre og lodret justering øverst

Nu ser det således ud

11

Hvis jeg ønsker at flytte billedet (fx lidt ud til højre), placerer jeg curseren i cellen, højreklikker; vælger egenskaber for celle og vandret justering højre

Nu ser det således ud

12

Nu er jeg færdig og vil fjerne gitteret. Jeg placerer curseren et vilkårligt sted i tabellen, højreklikker og vælger egenskaber for tabel. Jeg vælger menupunktet kanter og sætter størrelsen til 0 og trykker OK.

Nu ser det således ud