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

spacer Location: Lectures / Lecture 02
spacer
Lecture Plan
Lecture 01
Lecture 02
Lecture 03
Lecture 04
Lecture 05
Lecture 06
Lecture 07
Lecture 08
Lecture 09
Lecture 10
Lecture 02
  Design Basics; Rules for Web Design and Layout;
Images format basics; Image Type.ppt
  Gif/Jpg/Png and more...
  Learn how to Crop an image;
How to resize an image to proper resolution;
color

Try those examples with either PHOTOSHOP, or GIMP

Define site purpose
  why, who to,
  Make decision for your site: functionally & visually
Create Web Layout by using tables
  Table properties; How to change rows and cols, how to hide border;
  What is cell? How to merge cells? How to change cell bg color?
  absolute vs percentage;
What is Nested Tables, hide the border for Nested Tables
In class exercise
A practise of laying out the page by useing Nested Tables
  Create a webpage, name it reference.htm, SEE SAMPLE, SEE INSTRUCTION the PICTURE.ZIP you need for this page.
play with background color and table/cell elements.
Usability
  Effectiveness; Efficiency; Satisfaction with which specified users achieve specified goals in a particular environment.