Introduction
Once your comps are approved, you will need to convert your designs to workable Web pages. In this lab, you'll export your comps and upload them to the studentweb server. Please take time to review screencasts of this process.
Carefully read the instructions and scoring chart at the bottom of the page.
Examples of past student projects
What to Do
- Create logical slices for your site. Use HTML
slices for body text. You may need to save the background as a separate
image. See screencasts for examples!
- Export HTML and images to a folder in your local
root folder.
- Use Dreamweaver to create a new page with a
CSS layout in the same folder as the HTML page generated by Fireworks. Copy the images into the new layout. Use background colors instead of solid color images. Body text should be HTML text, not images.
- Want to do rollover buttons with CSS? Listamatic has lots of examples. You can find one you like, paste in the code, and alter it to suit your design. Here's an example that uses a background image -- you can replace it with yours.
- In Dreamweaver, link your main page to your subpage
and your subpage to your main page.
- Link to your main page and subpage from 217portfolio.htm.
- Upload all changed pages and image files to the studentweb
server.
- TEST YOUR WORK ON THE SERVER. Test your links and make sure all images load.
Submitting work - PLEASE READ CAREFULLY
- Submit your URL to Moodle. (Need instructions?) DO NOT TURN IN png, psd, gif, jpg, or html files!!!!!!!
Grading - 50 points
| Points | Requirements |
|---|---|
| 5 | correct URL submitted to Moodle |
| 5 | Links from homework page and between main and subpages all work |
| 10 | Rollover buttons work (note - these can be done with CSS) |
| 20 | Main and subpages look good and all images load |
| 10 | Generated HTML has been cleaned up in Dreamweaver |