Werken met tabellen in Adobe Dreamweaver CS6 - dummies

Denk aan een rooster met meerdere cellen als je denkt aan een tabel in Adobe Dreamweaver CS6 , veel als een spreadsheet. Tabellen worden gebruikt in HTML-pagina's, zodat elementen en gegevens kunnen worden ingesloten en gepositioneerd binnen specifieke cellen in een reeks rijen en kolommen. U kunt de kleuren van cellen in tabellen wijzigen, delen of

overspannen de cellen (deze combineren met andere cellen) en er randen aan toewijzen.

Wanneer u een tabel maakt, kunt u bepalen hoeveel rijen en kolommen deze bevatten, en zo nodig vaste of schaalbare breedten instellen voor rijen en kolommen. U kunt ook

rijen samenvoegen om unieke tabellen te maken. Ga als volgt te werk om een ​​tabel in Dreamweaver te maken:

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

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

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

   

2. 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 ze 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. De tabelbreedte is een belangrijk kenmerk omdat hiermee de standaardgrootte voor de tabel wordt ingesteld. 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. Opmerking: In de ontwerpweergave ziet u nog steeds een onderbroken tabelrand - dit is alleen een visueel hulpmiddel. Celopvulling:

   • Voer een getal in het tekstvak Celopvulling in als u opvulling wilt gebruiken om een ​​marge rond alle inhoud in de cel te maken. Celafstand:

   • Voer een getal in het tekstveld Celafstand in als u de afstand wilt wijzigen om cellen uit elkaar te duwen. Koptekst:

   • Het selectievakje Koptekst converteert de bovenste rij van de tabel van een standaard rij naar een gedefinieerde kop (met behulp van de tag ). Dit versterkt dat de eerste rij en de inhoud ervan de koptekst van de tabel definiëren. Toegankelijkheidsopties:

   • U kunt aanvullende informatie verstrekken om gebruikers met een visuele handicap te helpen de inhoud van uw tabel te begrijpen.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 en de inhoud ervan. Klik op OK.

3. 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 deelvenster Invoegen.) Uitgevouwen weergave voegt opvulling en ruimte tussen cellen in een tabel toe en vergroot de grootte van de rand om het selecteren van cellen en inhoud eenvoudiger te maken.

Voor een nauwkeurig voorbeeld keert u terug naar de standaardweergave (klik op de knop Standaard in het gedeelte Lay-out van het paneel Invoegen) nadat u klaar bent met bewerken.