Dreamweaver
Tabellen (1)
We gaan een website bouwen met behulp van tabellen. Er zijn meerdere manieren om een site te bouwen. Bijvoorbeeld met frames of css. Dit gaan we in een later stadium doen.
Met behulp van tabellen kun je alles op een eenvoudige manier positioneren. De site die wij gaan maken, ziet er als volgt uit.
De website verdelen we in 4 cellen.
- Top: hierin komen de titel en het logo.
- Navbar: hierin komen de buttons voor de navigatie.
- Content: hier komt de inhoud van de betreffende pagina.
- Bottom: hier plaatsen we enkele (adres-) gegevens, die we graag op elke pagina willen hebben.
De site is opgebouwd uit 3 rijen en 2 kolommen, zoals je kunt zien. Bovendien vult de site/ tabel niet het hele beeld. De cellen zijn gescheiden door middel van een dun lijntje.
Hoe doen we dit?
Klik eerst in de insert-bar op het tabel-icoontje, zoals hierboven te zien is. Er verschijnt een nieuw venster, waarin je het aantal rijen (rows), het aantal kolommen (columns), de breedte van de tabel (table width) en de dikte van de lijnen tussen de cellen aan kunt geven (border thickness).
De overige functies komen later aan bod.
Voer dezelfde waarden in als hierboven. De table width kun je aangeven in pixels en procenten. Wil je de hele breedte van een beeldscherm gebruiken dan vul je hier 100% in. Maar omdat de een werkt met een 17" beeldscherm, de ander met een 19" etc., moet je dus daar dus bij het ontwerpen van je website rekening mee houden. Wij gebruiken nu een breedte van 640 pixels. Dat is lekker smal en op bijna alle beeldschermen te bekijken. De cell padding en cell spacing zetten we nu op 0.