Tabel maken en opmaken in Adobe CS5 Dreamweaver - dummies

Adobe Creative Suite 5 (Adobe CS5) ondersteunt Dreamweaver het maken en opmaken van tabellen in uw website. Denk bij het bedenken van een tabel aan een raster, zoals een spreadsheet. U kunt de kleuren van cellen in tabellen wijzigen, delen of overspannen de cellen (deze combineren met andere cellen) en er randen aan toewijzen.

In sommige gevallen ziet u de tabel zelf niet omdat u inhoud in rij- en kolomvorm kunt plaatsen zonder de tabel weer te geven; in dit geval is het slechts een opmaakprogramma. Wanneer u een tabel maakt, kunt u bepalen hoeveel rijen en kolommen deze bevat. U kunt er ook voor kiezen om rijen en kolommen te verdelen om unieke tabellen te maken.

Een tabel met rijen en kolommen samengevoegd.

1. Plaats de cursor op de plaats waar u de tabel wilt laten verschijnen, zorg ervoor dat het tabblad Algemeen van het paneel Invoegen zichtbaar is en klik vervolgens op de knop Tabel.

   U kunt ook kiezen voor Invoegen → Tabel. Welke methode u ook gebruikt, het dialoogvenster Tabel verschijnt.

   

   Stel tabelspecificaties in het dialoogvenster Tabel in.

2. Voer de kenmerken van de tabel die u wilt maken in of selecteer deze:

   • Rijen: Voer in het tekstvak Rijen het aantal rijen in dat u in de tabel wilt. Rijen worden verticaal gestapeld en kunnen worden toegevoegd of verwijderd nadat u de tabel hebt gemaakt.

   • Kolommen: Voer in het tekstvak Kolommen het aantal gewenste kolommen in de tabel in. Kolommen worden horizontaal over een tafel gemaakt en kunnen worden toegevoegd of verwijderd nadat u deze hebt gemaakt.

   • Tabelbreedte: Voer een breedtemeting in het tekstvak Tabelbreedte in en selecteer vervolgens een meting (Pixels of Percentage) in de vervolgkeuzelijst aan de rechterkant. Tabelbreedte stelt de standaardgrootte voor de tabel in. Met 100 procent neemt de tabel 100 procent van uw webpagina in beslag, waardoor de grootte verandert wanneer de grootte van de pagina wordt gewijzigd. Voer een pixelwaarde in om ervoor te zorgen dat de tabel altijd dezelfde grootte behoudt.

   • Randdikte: Voer (in pixels) de gewenste dikte in voor de breedte van de rand rondom de cellen en buiten de tabel. Als u geen tabelopmaak wilt zien, typt u 0 in het tekstvak Randdikte. In de ontwerpweergave ziet u nog steeds een onderbroken tabelrand. U ziet echte randen wanneer u de pagina in een browser of in live weergave bekijkt.

   • Celopvulling: Voer een getal in het tekstvak Celopvulling in als u een marge wilt maken rond alle inhoud in de cel.

   • Celafstand: Voer een getal in het tekstveld Celafstand in als u cellen uit elkaar wilt duwen.

   • Koptekst: Selecteer het type koptekst dat u in uw tabel wilt opnemen (of selecteer Geen als u geen kopteksten wilt).

   • Toegankelijkheid: Voeg een bijschrift toe dat relevant is voor uw tabel in het tekstvak Onderschrift. Voer in het overzichtsgedeelte meerdere tekstregels in om meer informatie te geven over het doel van de tabel.

3. Klik op OK.

   Uw tabel is gemaakt.

Probeer bij het werken met tabellen gebruik te maken van de functie Uitgebreide tabel in Dreamweaver. (Zoek de knop Uitgevouwen in de sectie Lay-out van het paneel Invoegen.) Uitgevouwen weergave voegt celopvulling en -afstand in een tabel toe en vergroot de rand om de selectie te vergemakkelijken. Voor een nauwkeurig voorbeeld keert u terug naar de standaardweergave (klik op de knop Standaard in de sectie Lay-out van het paneel Invoegen) nadat u klaar bent met bewerken.