Using Pop-Up Windows in Dreamweaver

How to create & edit Pop-Up Windows

Pop-Up Windows can be easily created using the 'Open Browser Window' of the Dreamweaver behaviors panel. You can give the URL and set the window properties using the 'Open Browser Window' dialog box.

To create a pop-up window for any link, create the link (either text / image) using '#', select it and then open the Behaviors panel (Shift+F3).
Click the Add (+) button and select 'Open Browser Window' from the Actions pop-up menu.
Select the URL to be opened and set the window properties, say width, height, attributes (Navigation toolbar, Location toolbar, Status bar, Menu bar, Scrollbars as needed, Resize handles) and a name.
To edit a pop-up window, select the link and then double-click the 'Open Browser Window' in the Actions column of the Behaviors panel to make the necessary changes.
Save and test your file in a web browser. That's it you've learnt how to create pop-up windows using Dreamweaver Behaviours.

To view this tutorial and others, go to smartwebby.com

Using Layers in Dreamweaver

Here is a quick tutorial on using layers in Dreamweaver. In the pdf file that you download, you will also find a link to images that you can use.

Using Content Boxes in Dreamweaver

Here's a tutorial that shows you how to slice up a content box in Photoshop and bring it into Dreamweaver.

You'll notice at the beginning of the tutorial that is says 'flatten your content box' in Photoshop first. Well, you can skip that part, and download the zip file below for several different content box options.

You will need to get out your text tool to write across the header section of the template. And, I'll create a couple of different sizes, one that is 188 pixels (like in the tutorial), and another that is about 550 pixels. You could sit these side by side, centered in 2 columns. (We'll go over this in class.)

download zip file