HCI 201| Multimedia and the World Wide Web
HCI 201 Home Lectures Assignments Resources

spacer Location: Lectures / Lecture 03
spacer
Lecture Plan
Lecture 01
Lecture 02
Lecture 03
Lecture 04
Lecture 05
Lecture 06
Lecture 07
Lecture 08
Lecture 09
Lecture 10
Lecture 03
Tree of the Site
Color.ppt
LayoutDesign.ppt
Text&CSS.ppt
   
JAVASCRIPT IN CLASS EXERCISES FILES
CSS IN CLASS EXERCISES FILES
Image Map I N CLASS EXERCISES FILES
Using Background (Bg) color & picture, download hw03_pic.zip
using this image menu_bg.jpg, create a "menu1.htm" like this.
using this image corner_lt.jpg, create a page "menu2.htm" like this.
How to prepare mouse over pictures & web interactive--Behaviors
 
  What's Alt, and how to add alt for your image.
Create 2 images for a button's regular and over status, then create a a webpage with that action button in it, name it "button01.htm" Example like this.
  You can go wild with your button, and you can put multiple btn in your webpage.
How to Cut the graphic menu
  Practise image
 
Now using the same technic, create an intertesting action like below, name it "pooh.htm".
  You will need the pooh's pic, Or you are highly recommended to use your own character or drawing!! ;)
 
Blue highlight area-> create behaviors
Try move your mouse on me!
wink wink
Mouth
dance
Photoshop reminder 01
  Photoshop reminder 02