Dreamweaver Practice - Home Page Design

Dreamweaver Exercise #2
Create and index page on your 150m.com web site. Spruce up your index page with a background color, images and links. Be sure to apply the principles of design. Remember this is the first page your visitors will see. Make sure your Index page has the following:

1. Insert a copyright notice at the bottom of your web page that uses the copyright symbol
   (go to Insert > Special Characters > Copyright)

2. Insert an email link but make up the email address, do NOT use your real email address
   (go to Insert > Email Link )

3. Insert a note that says "This page was last updated on " and then insert a date here. This date will be automatically updated every time you open this file. Have your date include the time also.
   (go to Insert > Date )

4. Insert a Flash Text Heading for your page. Headings that are simply text load quickly but you are limited in fonts and size. Another problem is that if your user does not have that font on their machine then your heading will look very different from what you intended. If you use a graphic for your heading then you elliminate these problems. The built in Flash Text option provides and easy way to make a text graphic within Dreamweaver
   (go to Insert > Interactive Image > Flash Text)
Choose a font and color you like. Choose a rollover color and backgroun color as well. Once you say OK the text is inserted where you placed the cursor. The advantage of this text graphic is that it is a vector graphic which makes it fully scalable, unlike JPEGs and GIFs. Notice the handles on the text box that allow you to stretch the text to any size and yet the text does not distort. Make the text spread across the entire page.

5. Add a Horizontal rule just below your page title to separate the page title from the rest of the page.

6. Upload your index page to your web site and show your active web site index page to your instructor for teacher check.

Use Dreamweaver to create another page on your site called schedule. Add a title to this page and then create a web page with an ordered list showing your class schedule (just periods 1-6 . . .) and an unordered list showing your favorite after-school activities. Create a nested list on the same web page for extra credit. Here is an example.   Make use of at least three of the same items you used in your index page on this page as well. Do NOT copy and paste them, start from scratch to remind yourself of the steps.

Make a link from your index page to this page and show it to your instructor for teacher check.

Coming up - Working With Graphics

 

Homework

Review Site Setup and Dreamweaver Notes - Quiz Thursday.