zip file for dw class 7/12/07

You can download the zip file here

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

Saving for the web in Photoshop

In this lesson you will learn how to save Photoshop files for the Web so that they may be viewed as rollover images via a web browser.

First, organize your .psd files and rename them so that they contain NO capital letters, spaces, or special characters

File Names such as Mike's Great Image!.psd are best corrected at this point in the process

Changing the name to mikes_great_image.psd will save you many headaches down the road

Use the underscore (Shift-hyphen) to simulate spaces

The key to understanding this process lies in the Layers Palette (F7)

Full tutorial here...

Inserting YouTube videos into your webpage

How to link to a single YouTube video

Go to the video that you want to share, and look for the share details section under the video player. There you will see 2 options.

Option 1: Video URL (Permalink)

This URL points directly to the YouTube page that plays the video.
Copy and paste this URL into an E-mail and send it to your friends.

Option 2: Embeddable Player

Copy and paste this HTML snippet into your website to insert the video player directly into your page. This way visitors will be able to play the video without leaving your site. You may alter the size of the video (by changing the width or height). Example below:



Copy and paste this HTML snippet into your website to insert the video player directly into your page. This way visitors will be able to play the video without leaving your site. You may alter the size of the video (by changing the width or height). More on this here...

Getty Images - Stock Photography Site

Every day people around the world see us on the front pages of newspapers and magazines, within multinational advertising campaigns, on the covers of best-selling books, in motion pictures and everywhere else images are used to tell a story.

Web marketing can be the most powerful tool in your belt. See how our web-ready photos and footage make it work harder for you.