We gebruiken een overtrekafbeelding als hulpmiddel om een pagina-ontwerp dat met grafische software zoals Photoshop of Fireworks is gemaakt.

De overtrekafbeelding is enkel zichtbaar in Dreamweaver en is niet zichtbaar in een browser.
Wanneer we de code bekijken zie je de code: tracingsrc="........."tracingopacity="......", dit is code die enkel Dreamweaver begrijpt, je browser begrijpt dit niet, en zal dan ook deze regel negeren.

In het dialoogvenster "Pagina-eigenschappen" kies je de Categorie "Overtrekafbeelding".
Klik de knop "Bladeren" om te navigeren naar de afbeelding die je wenst te gebruiken als overtrekafbeelding. Selecteer deze en klik OK.
Bepaal de transparantie van deze afbeelding door de schuifrelaar naar links of rechts te verslapen.
Klik de knop OK.

Deze instellingen kunnen we te alle tijde wijzigen door nogmaals op de knop "Pagina-eigenschappen" te klikken in het eigenschappenvenster.

De standaard positie waar de overtrekafbeelding wordt geplaatst is links bovenaan het document.
Wens je dit te wijzigen klik je "Weergave" in de menubalk, kies je "Overgetrokken afbeelding", en klik je "Positie aanpassen".
In het dialoogvenstertje dat verschijnt, kun je de coördinaten intypen, of de pijltjestoetsen op je toetsenbord gebruiken om de positie van de overtrekafbeelding wijzigen.

Wens je deze in de linkerbovenhoek zonder ook maar enige vorm van lege ruimte, geef je hier de coördinaten X:0 en Y:0 in.

Om het raster te zien in het document, klik je de knop "Weergave" in de menubalk, kies je "Raster", en klik je de optie "Raster tonen". Dit kan handig zijn wanneer we een tabel gaan tekenen.