| Asg8 : Working with Visual Elements
- Create a web page
- change background color
- save as asg8.html in your practice folder
- Create a heading 1 - Working with Visual Elements (text)
- Add a horizontal rule
- Create a heading 2 - Optimized Graphic
- Add a horizontal rule
- Insert an optimized image
- Create a an ordered list of techniques you used to optimized this image, include an item for the original file size and optimized file size
- Create a heading 2 - Transparent Images
- Add a horizontal rule
- Create a transparent image
- transparent image, no larger than 250 pxs in any direction
- save in the .gif format
- add text wrapped to the right of the image indicating file size and gif format
- Create another transparent image
- may use same image for both transparent image requirements
- no larger than 250 pxs in any direction
- save in the .png format
- add text wrapped to the right of the image indicating file size and png format
- Create a heading 2 - Animation
- Add a horizontal rule
- Create an animated .gif ad banner in Photoshop
- 468 x 60 pxs (look in sizes for file new)
- Minimum 10 frames
- Loop min.4 times
- Create a heading 2 - Image map
- Add a horizontal rule
- Create an image map
- size 300 x 250 pxs
- Design the image with hotspot shapes and text for links
- Use each hot spot shape at least once (square, circle, polygon)
- Add hotspots to 4 different hands-on practice assignments.
- Add a hotspot for Richland College ( aboslute link)
- Add a hotspot for an absolute link of your choice
- Add a hotspot to your homepage
- Seven hotspots all together
- Test that link works on the web server.
- FTP this web page to your web server folder
- Add link to Asg 8 on your homepage.
- Don't forget to FTP all images inside an images folder
DUE: Oct. 15, 2008 - Class time
|