HCI 201| Multimedia and the World Wide Web
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, resize an image to proper resolution for web.
color

PHOTOSHOP exercise

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
play with background color and table/cell elements.
Usability
  Effectiveness; Efficiency; Satisfaction with which specified users achieve specified goals in a particular environment.