Design a customized banner for your webpage that is 500 pixels wide by 100 pixels tall. The banner should include your name.

Name the banner: banner_(your last name and first initial).psd
(e.g.: banner_bauerj.psd)

Save a web ready copy (as a JPG).

Custom Seamless Background Tile

Design a background image that will be used as your seamless webpage background. Your image should NOT be any larger than 300 pixels in either dimension.

Name the file: background_(your last name and first initial).psd
(e.g.: background_kimurak.psd)

Use the Filter: Other/Offset to create the seamless effect. Remember, this filter only works on a single layer so you may need to merge layers if you have multiple layers.

Make sure “Wraparound” is checked.

Save a web ready copy (as a JPG) and place this into your images folder.

Assembling your Webpage

IMPORTANT: Double check to make sure all your JPG's are named properly (see the poster “Anatomy of a Proper Filename”).

Go to the Dig Work files folder for this class (near my dropbox)
and drag the folder named “myname” onto YOUR desktop.

1. Change the folder, “myname” to reflect your last name and first initial. (e.g.: kimurak)
2. Put all of your JPG images into the “images” folder
3. Put all of your JPG thumbnails, into the “thumbnails” folder
4. Change the name of the myname.htm file to reflect YOUR last name and first initial.
5. Open the .htm file in Dreamweaver.
6. From the Edit menu, open the “Find and Replace” window. Use the following settings:

• Search: Source Code
• Find: myname
• Replace: (your last name and first initial)
• Click the “Replace All” button.

At this point, all of your images should appear on the webpage. If an image is missing, it is because:

1. It’s not in the correct folder or
2. It’s not named correctly
3. It's not a JPEG

Save the .htm file

Copy and Paste your Descriptions Into Your Webpage
(remember to save often while you are doing this).

1. Select your description from the Pages page (do not include the title).
2. Type Apple C to copy it.
3. Go to your webpage and double click on the word “description” (the appropriate one) - this will select the word.
4. Type Apple V - this will replace the word with your description.

Remove Un-needed Thumbnails
Click any thumbnail image that is not needed and delete it.

Importad Details
At the top of the webpage:

1. Change Full Name to reflect your name
2. Change the Semester and Block to reflect the correct information

Make sure everything is working correctly by previewing your page in Safari

1. Open any Safari window.
2. Drag the .htm file from your finder into the Safari window
3. Click on each thumbnail and make sure the correct file opens and is visible without scrolling.

If everything is okay, put the folder into my dropbox.
NOTE: THERE SHOULD NOT BE ANY PSDs IN THIS FOLDER.