HCI 201 - Project Preparation Part1
- On your webserver and your local system, create a subdirectory called project. On your webserver and local system project should be a subdirectory of hci201.
- Create a subdirectory of project called images. Both at your webserver and local directory.
- 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.
- Create an HTML file called tempnostyle.html
- Type the HTML codes into tempnostyle.html
. Please type them in, do not cut and paste.
<![CDATA[
<!-- Template for Hci201 students.
Written by Anthony Larrain
hci201@yahoo.com -->
<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">
<table width="100%">
<tr>
<td width="17%"><a href="index.html">Home</a></td>
<td width="16%"><a href="about.html">About</a></td>
<td width="16%"><a href="blog.html">Blog</a></td>
<td width="17%"><a href="link4.html">link4</a></td>
<td width="17%"><a href="link5.html">link5</a></td>
<td width="17%"><a href="link6.html">link6</a></td>
</tr>
</table>
</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
