How to Overlap Image Layers in Dreamweaver

Save

Designing a website is like a cross between solving a jigsaw puzzle and creating a collage -- you have quite a bit of free reign to organize the "pieces" of your site, which may include pictures. Take advantage of Dreamweaver's quick graphics import and placement process to overlap your images, giving your Web pages an attention-getting look, creating panoramas and designing something Internet visitors may spend time "puzzling" over.

  • Open Dreamweaver. To overlap images on an existing Web page, click the "Open" link, browse to the site and double-click it. Otherwise, click the "HTML" link under "Create New."

  • Click the "Insert" menu at the top of the "Dreamweaver" workspace. Click "Image." Navigate to the first image to use for overlapping and double-click the file. Dreamweaver doesn't import multiple graphics at once. Repeat to add all of the other images for overlapping so they appear on the Dreamweaver page.

  • Click and drag one image into place on the page to serve as the "anchor" for the other pictures to overlap.

  • Drag the next picture so it is overlapping, such as obscuring about an inch of the right side of the first picture.

  • Repeat until each of the pictures are slightly overlapping each other in the design of your preference.

Promoted By Zergnet

Comments

Resources

Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

M
Is DIY in your DNA? Become part of our maker community.
Submit Your Work!