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

 

 

Announcements: