• Home
• Syllabus
• Calendar
• Projects
• Good Stuff
• References

Last Updated
03.03.2004

Final Project

Overview | Step 01 | Step 02 | Step 03 | Step 04 | Step 05 | Step 06

Final Project :: Step Five
Finalize your home page design, slice the imagery in ImageReady and assemble this page in HTML using Dreamweaver.

Assignment ::
For Step Five, due at the beginning of class on March 10th, finalize your site home page design and bring it into ImageReady. Use ImageReady to slice your file, specifying both Image and No-Image areas of the design, optimize the images for file size and quality, and save your optimized images (File > Save Optimized As...; Format: Images Only).

Do not use or export the HTML page created by ImageReady.

Using Dreamweaver's Layout View (View > Table View > Layout View), create the basic layout structure of your page and reassemble the optimized images to match your initial design. Add HTML text and elements where necessary, and preview in a web browser. The final HTML layout should look reasonably similar to the original Photoshop designs.

Requirements ::
A HTML version of ONLY the home page of your portfolio Web site. HTML pages should meet the criteria listed above, demonstrate thoughtfulness in image optimization, and show precision in image slicing and in Dreamweaver layout. Final HTML layout should look reasonably similar to the original Photoshop designs and display without significant visual errors when viewed in a web browser.

All file names should be meaningfully named and formatted for use on the web. Be sure to save your ImageReady file with your original slice pattern and include it with your local root folder. The ImageReady file containing your slices and the local root folder of your site should be saved to the Data drive at the beginning of class. (40 points)