Member Avatar for marjan_m

hi,

Any one who can tell me the purpose of layers in Dreamweaver?

Thankx

  • 2 Contributors
  • 3 Replies
  • 116 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by stealthmode

Dani AI

Generated

A short, practical answer for (and building on ): a Dreamweaver "layer" is Dreamweaver's visual way to create a positioned element on the page — essentially a DIV with position:absolute and a z-index. Layers let you stack content and show/hide parts of a single page (popups, tab panels, rollovers, overlays) without loading a new URL.

A few important realities and recommendations: Dreamweaver's layer tool often writes inline CSS and absolute positioning. That is fine for quick prototypes but becomes fragile for production sites (poor responsiveness, maintainability and accessibility). For real projects, prefer semantic HTML and CSS layout (Flexbox/Grid) and use positioned layers only for small interactive pieces. Handle show/hide by toggling CSS classes or ARIA states rather than relying on auto-generated behaviors.

Practical workflow when moving a Photoshop design into Dreamweaver: export only the image assets you actually need (icons, logos, textures) via Export/Save-for-Web; avoid slicing the whole page into table-based HTML. In Dreamweaver, create a semantic page structure (header/nav/section/footer), put exported images in an images folder and reference them with img or background-image where appropriate. Use positioned DIVs (layers) only where stacking is required and control visibility through CSS/JS.

Simple CSS example for a layer:

/* simple positioned layer */
.layer {
  position: absolute;
  top: 60px;
  left: 40px;
  z-index: 10;
  display: none; /* toggle with a class */
}

Troubleshooting hints: absolute positioning is relative to the nearest positioned ancestor (give the parent position: relative if needed), watch z-index conflicts, keep styles external for easier edits, add alt text to exported images, and test across browsers and screen sizes. If the final site must be responsive or accessible, rebuild layout with modern CSS instead of heavy slicing or auto-generated layers.

Member Avatar for stealthmode

hi,

Any one who can tell me the purpose of layers in Dreamweaver?

Thankx

Ask yourself what a layer is and you will answer the question for yourself. You can fit more content on one single page with layers. Lick clicking on a button when you will display a new page, layers will allow the developer to display the information in the same page. This is only a simple answer but layers are very useful and allow interaction between the page and viewer

Member Avatar for marjan_m

thankx for ur reply,

I want to ask that how a web page can be design in Adobe n then hw its slices can be transfered to dreamweaver?

Member Avatar for stealthmode

Here is a tutorial to follow to let you cut an image in Adobe photoshop and put it in a webpage using dreamweaver. Good luck and have some fun.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.