Courses Home

Dreamweaver Home

Macromedia

DW Workspace

Defining a Site

Creating Links

Sample Web Site

Fireworks Imports

Web Searches-Title

Web4students

Lab Assignment

Common Graphics

Lab Assignment

Here is your lab assignment for DreamWeaver Level I. The assignment will be reviewed the Monday following the lab.

1. Develop a basic site with at least 3 pages using optimized Fireworks graphic effects and Dreamweaver editing and links.
2. You will need to plan your site in advance! 
   1. How many pages?
   2. What graphics do you need?
   3. What text will be on each page?
   4. What roll-over buttons and special graphics effects will you have on each page?
   5. What is the topic or theme of your web site? 
   6. One good theme would be to create a "web portfolio" which includes your resume and examples of your web work.  You can build on this throughout your series of courses in web technologies.
3. Create a "graphic template" in Fireworks.  Include a graphic and a navigation area.  Include some interesting design features such as feathering, drop-shadow effects, rounded edges to the page, and roll-over buttons.  Yin a primary home page and name that page index.html. The page should have sufficient content to set the content theme for the remainder of the pages in the site.
• Home Page. The page should have a hyperlink "navigation bar" placed either near the top of the page or along the left margin, with individual links to itself and at least 2-3 secondary pages. The "navigation bar" will use a table to hold images that link to the secondary pages when clicked.
• Picture/Graphic. Include a picture on the page with the <img src="pic.jpg" alt="Picture of Mom"> tag. You can find sample pictures of various sizes at Prof. Kimball's Common Pictures web page, © 2003, Raymond J. Kimball . (Thumbnails 100x100 pixels; thumbnails of 200x200 pixels, large pixels approximately 400x600 pixels) You are free to use theses pictures for educational use in this course. You do not have permission to use them outside class web sites without obtaining my specific written permission.
• Use the page property settings to change the background color and the colors for default text and all of the hyperlink states.
• Table. Use a table to create a 2-column structure for the textual and graphical content of the page (you may be able to use the same table that you use to set the "navigation bar," or you may choose to use a separate table for this 2-column content).
4. "Level 2 Pages." Add secondary pages to your site that can be reached from the index.html page by using the hyperlinks on the "navigation bar." You can place as much content and formatting on these secondary pages as you wish. Each secondary page should use the "navigation bar" developed for the index.html page as a means to move to that index.html page and any of the other secondary pages.
5. List. Add a 3-level list (may combine ordered and unordered symbols, but each levels symbol category must be unique from the others) with some type of content either onthe index.html page or one of the secondary pages.
6. XHTML. Make sure all of your pages are XHTML compliant (hint: use DW's feature to achieve this).
7. Load your pages to the web4students site via FTP. See the FTP Instructions page on the DreamWeaver I Web4students home page or any of the other pages.
   

Option No. 2 - Design your Portfolio

If you wish, you can build a Portfolio site following the textbook instructions for

1. Chapter 2, Assessment 8, , "Start Building Your Design Portfolio Site," page 110;
2. Chapter 3, Assessment 7 - "Add Tables to Your Design Portfolio," p. 160;
3. Chapter 4, Assessment 6 - "Design Portfolio," page 216.

Your site should link to a current resume, and contain at least 2 other pages with content. Find an HTML resume format at Prof. Kimball's Internship web site at http://www.montgomerycollege.org/faculty/~rkimball/public_html//intern/resume.html

**For those of you who are taking multiple web classes, please make this an independent site with its own home page. You may want to include links on the "Navigation Bar" that link back to the home pages of sites that you have developed in previous classes during this Semester. The WD/CE web4students accounts will be up on the web at least until the Fall Session starts.

**For those of you who are taking multiple web classes, please make this an independent site with its own home page. You may want to include links on the "Navigation Bar" that link back to the home pages of sites that you have developed in previous classes during this Semester. The WD/CE web4students accounts will be up on the web at least until the Fall Session starts.