LAGEN

Via deze knop in de standaardbalk of via  Invoegen => laag bekomt men bvb dit:

Hier hebben we 2 lagen ingevoerd. Laag 1 is actief en kan dus bvb dienen om tekst of een figuur in onder te brengen.

Het taakvenster => lagen toont dit

De broncode...

De z index bepaalt welke laag er boven de nadere komt bij overlapping. Een hogere z index komt boven de lagere. Door in het taakvenster de laag te verslepen of te dubbelklikken op de index kan je z index wijzigen. Je kan natuurlijk ook de code wijzigen.

via randen en arcering kan met de opmaak van de lagen instellen

Via gedrag of positie kan men tot op de pixel nauwkeurig de plaats bepalen

Als je een laag invoegt, terwijl een andere laag actief staat, dan zijn ze qua positie afhankelijk van elkaar. Het verplaatsen van de hoofdlaag neemt de andere lagen mee.

bij het verplaatsen van laag 3 blijven de andere lagen mooi volgen. Dit zie je in het taakvenster door de opengevouwen laag 3 en in de code (de laatste </div> omvat de anderen). Door een laag boven de andere laag te houden bekom je ook deze afhankelijkheid. Ongedaan maken kan ook:  je sleept gewoon de laag weg van de andere. Lagen zijn bijzonder geschikt voor het maken van fotocollages maar worden ook gebruikt voor pagina opmaak.