Tabeller - FrontPage

FrontPage har en stor svaghed ... det er svært at kontrollere placering af tekst og grafik. Men tabeller kan hjælpe os på vej.

Grundstenen på alle hjemmesider

Tabeller er grundstenen på næsten alle hjemmesider. Det er fordi tabeller er en af de nemmeste metoder til at opnå fuld kontrol over, hvorledes dine sider tager sig ud. I praksis anvender man usynlige tabeller, som den besøgende ikke kan se, men som styrer placeringen af de enkelte elementer på hjemmesiden.

Det dårlige eksempel

Lad os fx forstille os, at vi skulle lave en side med billeder af bestyrelsesmedlemmerne i højre side og en lille tekst til venstre for hver bestyrelsesmedlem.

Åben siden bestyrelse.htm og indsæt et par tilfældige billeder og skriv noget tekst til disse! Marker et af billederne og klik Formater> Placering! Her finder du en række funktioner til brug for ombrydning, placeringsmåde og justering. Prøv at lege lidt med dem og forsøg at få billederne til at stå til højre for teksten. Du vil hurtigt finde ud af, at det er en håbløs opgave. I nedenstående eksempel har vi forsøgt vores bedste ... men prøv at ændre størrelsen på vinduet og se, hvad der sker.

SE EKSEMPEL >>

Det gode eksempel

Lad os så forsøge at sætte samme side op med brug af tabeller.

Først skal man overveje, hvordan tingene nogenlunde skal placeres. Med udgangspunkt i samme side, kan vi hurtigt regne ud, at vi skal bruge en tabel med to rækker og to kolonner.

Vælg nu Tabel> Indsæt> Tabel ! I det nye vindue har du en række muligheder, men vigtigst er det at sætte antallet af rækker og kolonner til to. Klik herefter Ok!

FrontPage indsætter nu en tabel, som sandsynligvis ikke har den rigtige størrelse. Højreklik inde i tabellen og vælg Egenskaber for tabel. Her kan du angive højde, bredde, justering m.m. 

Det er vigtigt også at definere størrelsen på hver celle i tabellen, fordi FrontPage ikke er intelligent på samme måde som fx Word. Hvis du ændrer størrelsen på en celle - fx ved at indsætte et billede - beregner FrontPage altså ikke automatisk en ny størrelse på de andre celler. Du skal højreklikke i hver enkelt celle og vælge Egenskaber for celle for at definere højde og bredde! Bredden er vigtigere at definere end højden, fordi cellen altid vil være minimum den højde og bredde, som indholdet af cellen er.

HUSK! At bredden på cellerne til sammen skal være lig med bredden på hele tabellen.

Lad os så se, hvordan siden med bestyrelsen nu tager sig ud.

SE EKSEMPEL >>

Under Egenskaber for tabel kan du definere farve og størrelse på kanterne. Ved at sætte kanttykkelsen til nul opnår vi en usynlig ramme, som den besøgende ikke kan se.

Flet eller opdel cellerne

Lige som i Word kan du flette eller opdele cellerne efter behov. Som eksempel kan vi starte med en tabel som denne:

Hvis man højreklikker i øverste venstre celle og vælger Opdel celler har man mulighed for at vælge et antal kolonner eller rækker. Vi prøver at opdele den i to kolonner. Nu ser den således ud:

Man kunne også forstille sig, at de to celler i højre side skulle være et samlet område. Det gør man ved at markere cellerne (sæt musen lige over øverste celle - når musen viser en pil klikker du - nu er begge celler markeret). Herefter højreklikker man inde i de markerede celler og vælger Felt celler. Tabellen ser nu således ud:

Man skal dog passe lidt på med at flette og inddele alt for meget. Der er nemlig nogle begrænsninger, som du vil opdage hen ad vejen. I stedet kan man anvende tabeller i tabeller.

Tabeller i tabeller

I en hvilken som helst celle i en tabel kan du indsætte en ny tabel. Lad os fx prøve at indsætte en lille tabel i højre celle. Det gør vi ved at stille os i højre celle og igen klikke Tabel> Indsæt> Tabel. Herefter højreklikkes i tabellen og størrelse mm. defineres. Det kunne se således ud:

Tomme celler

Vær opmærksom på visse browsere kun viser en celle, hvis der rent faktisk er indhold i cellen. Det har ingen betydning, hvis man arbejder med usynlige tabeller. Men i tilfælde hvor man vis vise kanten, som vi ønskede i ovenstående eksempel, vil det have stor betydning.

Bevar overblikket

Når man arbejder med hjemmesider, bruges tabeller som nævnt hele tiden. Nogle gange bliver tabellerne så komplicerede, at det kan være svært selv for programmøren at finde rundt i dem. Så sørg for at lave tingene så simpelt som muligt og vær omhyggelig med strukturen og med altid at definere størrelsen på både tabellen og cellerne.

Som eksempel på anvendelse af tabeller har vi lavet en af vore egne sider her på @-begynder, hvor alle tabeller er vist med rød farve.

SE EKSEMPEL >>

stem her!

Når du har lavet din hjemmeside, skal den naturligvis på nettet, så andre kan se den. Det ser vi på i næste lektion ...