Lab Requirements

Develop a personal website based on the design you submitted in Lab 4.2. Your final design may differ from the original, as long as the changes are documented. Keep notes about the tools that you use and what you learn.

See lab requirements.

Special Instructions

1. How to place images using CSS and HTML.
2. How to get from Lab 4.3 to Lab 4.4 -- Advice from Dr. R: Don't make this more complex than you have to. Focus first on what is required for this lab; then after you've completed that, you can go on to make your website even better (if you'd like to).
3. To optimize an image, you can use an online tool such as webResizer; Dreamweaver also has a built-in tool: to access it, just right-click on an image in your webpage and select "Optimize..." You'll be presented with a screen where you can choose to rescale the image and select various formats (GIF, JPEG) with different size / quality trade-offs.
4. How to include links to external sites -- tutorial from w3schools

Resources

1. Programs: Dreamweaver (available on Lab computers); JEdit (Windows, Mac, Unix); Notepad++ (Windows); TextWrangler (Mac)
2. Open Source Web Design : has free web design templates that you can download and modify (with certain restrictions).
3. Images: w3schools images for an overview of using images; Web Resizer for optimizing image sizes;
4. Tables: w3schools tables
5. Messiah Personal Webpage Guidelines
6. Aviary Toucan Color Picker (includes video introduction)