It130- Project Preparation - Part 1

  1. On your students account and your local system, create a subdirectory called project. On your students account project should be a subdirectory of it130.
  2. Create a subdirectory of project called images. Both at your students account and local directory.
  3. Go to http://condor.depaul.edu/~alarrain/hci201/project/suzzie.gif and download the picture of suzzie. This must be saved to your images directory.
  4. Create an HTML file called tempnostyle.html
  5. Type the HTML codes into tempnostyle.html
  6. . Please type them in, do not cut and paste. <!-- Template for it130 students. Written by Anthony Larrain --> <html> <head> <title> Suzzie Student's Homepage</title> </head> <body> <div id="head"> <img src="images/suzzie.gif" width="68" height="89"/> <h1>Hello, I am Suzzie Student.</h1> <p>My life as a Depaul Student.</p> </div> <div id="navigation"> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="link4.html">link4</a></li> <li><a href="link5.html">link5</a></li> <li><a href="link6.html">link6</a></li> </ul> </div> <div id="content"> Your content goes here. </div> <hr /> <div id="footer"> Please send comments to <a href="mailto:suzzie@suzzique.com">suzzie@suzzieque.com</a> </div> </body> </html>

Do not upload any files to your lab directory. Go to Part2