Week #11:

This entry explains how to insert and use Image Placeholders in Dreamweaver.

http://www.youtube.com/watch?v=1CGAwpMHlU4

Image Placeholders are used to hold the place for an image in Dreamweaver. This allows for the user to save the place for an image without actually having the image. Doing this creates the layout of the site without having all of the images needed to actually set up the site.

The first step in doing this is to decide where you want the image placeholder to be on the page.

Once this is decided, place your cursor at this certain place.

Go up to Insert => Image Object => Image Placeholder

This will bring up a window with options to name the box, change the width and height, change the color, and create an alternative text for the placeholder.

Press Ok and the placeholder will be created.

Week #10:

This entry explains how to embed an audio clip into a website using dreamweaver.

http://help.adobe.com/en_US/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7c96a.html

The first step is to download the audio clip onto your computer and save it into your root folder.

Next in dreamweaver, draw a div where you want the audio clip to be.

Go up to Insert, Media, Plugin

Browse for the audio clip and click Ok

Enter the correct width and height of the clip.

Week #9:

This entry shows how to embed a youtube video into a website.

http://www.thesitewizard.com/faqs/youtube-video-dreamweaver.shtml

First, find the Youtube video that you want to embed

Next, select the share button under the video and then embed

Then, copy the code given and paste it into dreamweaver in the code section

Make sure that you are pasting it into the div section that you want the video to be in

Week #8:

This entry shows how to create a pop-up window in Dreamweaver.

http://www.smartwebby.com/web_site_design/pop_up_windows.asp#

First create the link

Then open the behaviors panel

Next click the Add button and select "Open Browser Window"

Select the browser URL, and set the window properties

Week #7:

Exit slip an Wiki blog skip week

Week #6:

This entry shows how to add rollover images to a site in Dreamweaver.

First design the rollover images in a graphic editor, then export them to your sites images folder in the root folder. 

Next, open DreamWeaver then go to Insert=>Image Object=>Rollover Image

Fill in the information in the pop up window so that you can locate the images.

http://www.smartwebby.com/web_site_design/rollover_images.asp

Week #5:

This entry shows how to make a boarder on an image.

http://www.scrapjazz.com/topics/Computer_Center/Software/852.php

First, with the layer selected, do Select =>All

Then do Select => Modify => Border, and choose the number of pixels you want the boarder to be.

Next, use a brush to create a border, use different brushes to create different textures for the border.

Week #4:

This entry shows how to get the background out of a picture using photoshop.

In Photoshop, open the quick select tool and choose the right size tool depending on what the picture is.

Keep clicking in different parts of the original image that you want to keep until the entire object is selected.

Then copy and paste it into a new file which will get rid of the background.

Before:

After:

Week #3:

This entry shows how to change a photo from color to black and white in Photoshop.

First rasterize the image so that you can edit it.

Then go up to Adjustments and then to Black and White.

This is what the photo will look like when it is done.

http://photo.tutsplus.com/tutorials/post-processing/7-black-and-white-photoshop-conversion-techniques/

Week #2:

This is the code to get text to bounce back and forth across your website.

<marquee behavior="alternate">Your bouncing text goes here</marquee>

http://www.quackit.com/html/codes/html_marquee_code.cfm

Week #1:

This is the code to make a text box that has a scroll bar on a website. This means that there will be a scrolling bar next to the image so that you can scroll through the text in the box but not scroll through the web page.

http://voices.yahoo.com/how-add-scrolling-flashing-text-website-170031.html

<div style="height:120px;width:120px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;"> text in the box.....</div>