03.05.2013 Views

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

De tabellen worden omgezet naar AP Div-elementen. Lege cellen worden alleen omgezet naar AP-elementen als ze<br />

achtergrondkleuren hebben.<br />

Opmerking: Pagina-elementen die buiten tabellen vielen, worden ook in AP Div-elementen geplaatst.<br />

Overlapping van AP-elementen voorkomen<br />

DREAMWEAVER <strong>CS3</strong><br />

Handboek<br />

Omdat tabelcellen elkaar niet kunnen overlappen, kan <strong>Dreamweaver</strong> geen tabel uit elkaar overlappende AP-elementen<br />

maken. Als u van plan bent om de AP-elementen in een document om te zetten naar tabellen, gebruikt u de optie<br />

Overlappingen voorkomen om de verplaatsing en positionering van AP-elementen dusdanig te beperken dat AP-elementen<br />

elkaar niet overlappen.<br />

Wanneer deze optie is ingeschakeld, is het niet mogelijk om een AP-element te maken vóór, te verplaatsen of groter of<br />

kleiner te maken over, of te nesten binnen een bestaand AP-element. Als u deze optie activeert nadat u elkaar overlappende<br />

AP-elementen hebt gemaakt, sleept u elk overlappend AP-element om het van andere AP-elementen vandaan te plaatsen.<br />

<strong>Dreamweaver</strong> repareert niet automatisch bestaande overlappende AP-elementen op de pagina wanneer u de optie<br />

Overlapping van AP-elementen voorkomen hebt ingeschakeld.<br />

Wanneer deze optie en die voor een magnetisch raster zijn ingeschakeld, wordt een AP-element niet op het magnetische<br />

raster uitgelijnd als twee AP-elementen elkaar hierdoor gaan overlappen. In plaats daarvan wordt het magnetisch uitgelijnd<br />

op de rand van het dichtstbijzijnde AP-element.<br />

Opmerking: Door middel van bepaalde acties kunt u AP-elementen elkaar laten overlappen zelfs wanneer de optie<br />

Overlappingen voorkomen is ingeschakeld. Als u een AP-element invoegt met behulp van het menu Invoegen, in de<br />

eigenschappencontrole getallen invoert of AP-elementen opnieuw positioneert door het bewerken van de HTML-broncode, kan<br />

dit leiden tot AP-elementen die elkaar overlappen of zijn genest terwijl deze optie is ingeschakeld. Bij het optreden van<br />

overlappingen sleept u elkaar overlappende AP-elementen in de ontwerpweergave om deze te scheiden.<br />

• Selecteer in het paneel AP-elementen (Venster > AP-elementen) de optie Overlappingen voorkomen.<br />

• Selecteer in het documentvenster de optie Wijzigen > Ordenen > Overlapping van AP-elementen voorkomen.<br />

Werken met labels voor div-elementen<br />

Info over werken met labels voor div-elementen<br />

U kunt paginalay-outs maken door labels voor div-elementen handmatig in te voeren en hierop CSS-positioneringsstijlen<br />

toe te passen. De label voor een div-element is een label waarmee logische scheidingen binnen de inhoud van een<br />

webpagina worden gedefinieerd. U kunt labels voor div-elementen gebruiken om blokken inhoud te centreren, om<br />

kolomeffecten te maken, om gebieden met verschillende kleuren aan te brengen en nog veel meer.<br />

Als u niet vertrouwd bent met het gebruik van labels voor div-elementen en Cascading Style Sheets (CSS) voor het maken<br />

van webpagina's, kunt u een CSS-lay-out maken die is gebaseerd op een van de vooraf gedefinieerde lay-outs die worden<br />

meegeleverd met <strong>Dreamweaver</strong>. Als u niet graag werkt met CSS, maar wel vertrouwd bent met het gebruik van tabellen,<br />

kunt u ook proberen tabellen te gebruiken.<br />

Opmerking: <strong>Dreamweaver</strong> behandelt alle labels voor div-elementen met een absolute positie als AP-elementen (absoluut<br />

gepositioneerde elementen), zelfs als u deze labels voor div-elementen niet hebt gemaakt met het gereedschap voor het tekenen<br />

van AP Div-elementen.<br />

Zie ook<br />

“Info over AP-elementen in <strong>Dreamweaver</strong>” op pagina 146<br />

“Een pagina met een CSS-lay-out maken” op pagina 144<br />

“Inhoud in tabellen presenteren” op pagina 169<br />

156

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!