Operation Manual

Werken met labels voor div-tags
Opmerking:
Naar boven
Opmerking:
Div-tags invoegen en bewerken
CSS-lay-outblokken
Werken met AP-elementen
In Dreamweaver CC en hoger is het deelvenster CSS-stijlen vervangen door CSS ontwerpen.
Zie CSS ontwerpen voor meer informatie.
(Alleen Creative Cloud-gebruikers): Er zijn zeven nieuwe semantische tags beschikbaar wanneer u Invoegen
> Lay-out selecteert. De nieuwe tags zijn: Artikel, Aside, HGroup, Navigatie, Sectie, Koptekst en Voettekst.
Zie Semantische elementen van HTML5 invoegen vanuit het deelvenster Invoegen voor meer informatie.
Zie ook
Videozelfstudie: div-elementen gebruiken
Zelfstudie: CSS gebruiken om div-elementen en andere lay-outelementen op te maken
Zelfstudie: de koptekst en het navigatiemenu opmaken
Pagina's opmaken met CSS
Tagbibliotheken beheren
Div-tags invoegen en bewerken
U kunt paginalay-outs maken door labels voor div-elementen handmatig in te voeren en hierop CSS-
positioneringsstijlen toe te passen. De label voor een div-element is een label waarmee logische
scheidingen binnen de inhoud van een webpagina worden gedefinieerd. U kunt labels voor div-elementen
gebruiken om blokken inhoud te centreren, om kolomeffecten te maken, om gebieden met verschillende
kleuren aan te brengen en nog veel meer.
Als u niet vertrouwd bent met het gebruik van div-tags en Cascading Style Sheets (CSS) voor het maken
van webpagina's, kunt u een CSS-lay-out maken die is gebaseerd op een van de vooraf gedefinieerde lay-
outs die worden meegeleverd met Dreamweaver. Als u niet graag werkt met CSS, maar wel vertrouwd bent
met het gebruik van tabellen, kunt u ook proberen tabellen te gebruiken.
Dreamweaver behandelt alle div-tags met een absolute positie als AP-elementen (absoluut
gepositioneerde elementen), zelfs als u deze div-tags niet hebt gemaakt met het gereedschap voor het
tekenen van absoluut gepositioneerde div-elementen.
Div-tags invoegen
U kunt labels voor div-elementen gebruiken om CSS-lay-outblokken te maken en deze in uw document te
positioneren. Dit is handig als u een bestaande CSS-stijlpagina met positioneringsstijlen aan uw document
hebt gekoppeld. Met Dreamweaver kunt u snel een div-tag invoegen en bestaande stijlen erop toepassen.
1. Plaats de invoegpositie in het documentvenster op de plaats waar u de label voor een
div-element wilt invoegen.
2. Voer een van de volgende handelingen uit:
Selecteer Invoegen > Lay-outobjecten > Div-tag.
Klik in de categorie Lay-out van het deelvenster Invoegen op de knop Div-tag
290