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

spacer Location: Assignment / Assignment 01
spacer
Assignment Basic
Assignment 01
Assignment 02
Assignment 03
Assignment 04
Assignment 05
Assignment 01:
Week 1: Read chapter 1-6 of the textbook.
Go to COL -- https://col.cdm.depaul.edu/ post your site's link @ discussion forum.
   
Check COL for due date for the following:
Submit the page link to your me.html in the comment box.
Create a public_html folder after you login to your STUDENT FTP ACCOUNT
Find a interesting picture of yourself, use photoshop or GIMP save it as me.jpg (200*150 pixel), upload it to this pic folder
Make a HTM file named me.html, follow the SAMPLE PAGE guideline.
Download the PICTURE.ZIP you need for this page.
For basic CSS editing:
 

Add a block of code in the <HEAD> </HEAD> tag
------------------------------------------------
<style type="text/css">
<!--
body {
background-image: url(pic/background.jpg);
background-repeat: no-repeat;
background-color: #000000;
}
a:link {
color: #003399;
text-decoration: none; }
a:visited {
text-decoration: none;
color: #990066; }
a:hover {
text-decoration: underline;
color: #0066CC; }
a:active {
text-decoration: none; }
-->
</style>
------------------------------------------------
Note: you need to point the background image to the right location, and you can alter the hyperlink (active, hover, visited) look by alter the property and color.

Submit the link to COL, Pls test it yourself, make sure it's working :)
the link shall be: http://students.depaul.edu/~youruserID/me.htm
Surf COL, and try to be comfortable in using the system.
Start to think what kind of website you wanna to build, what information you are going to put on your own website.
Finish Viewing the following links.
 

-Photosynth talk on TED
-Hack Wii remote
-Microsoft Surface
-What's new on iLife 09
-Research on Multitouch by Bill Buxton
-MultiTouch talk by Jeff Han on TED
-Björk - The Making of Wanderlust