GDT 150 Design for the Internet: Fall 2001

Simple Page Design

Due: Sept 25

Redesign your class homepage in Photoshop. Be sure to include all the crucial information that is currently on it, including your name, and email link, date and link to each assignment.

Be as creative as you want to be. Add photos, illustrations, and whatever other design elements you want. This is your homepage for right now, and can include whatever additional things you’d like it to include, as long as I can get to your assignments from it. Try to keep in mind everything that we’ve discussed so far, especially bandwidth.

We’re going to build the page in Dreamweaver next week, so be ready to proceed on Tuesday.

FTP should be back up, so I expect you to post the page to your class space as a gif and make a link to it from your homepage.

Posting Instructions

In your index.html, which looks roughly like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
  <title>My GDT150 Homepage</title>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#666666" width="75%">
  <tr>
    <td><table cellspacing="1" cellpadding="8" border="0" width="100%">
        <tr>
          <td colspan="2" bgcolor="#FFCC66"><h1>Name</h1></td>
        </tr>
        <tr>
          <td colspan="2" bgcolor="#CCCC99">email address here (linked)</td>
        </tr>
        <-- Copy from the next line... -->
        <tr>
          <td bgcolor="#FFFFCC"><b>Todays's Date</b></td>
          <td bgcolor="#FFFFCC">Assignment 1: Website Critique (linked)</td>
        </tr>
        <-- ...to the line above this one. (just what's bold) Then paste directly before the line you started copying-->
      </table></td>
  </tr>
</table>
</body>
</html>

Copy the above bold section in your document, and paste it directly before what you just copied. Your tags should open and close in logical order. Remember that <tr> … </tr> is a table row. You’re just inserting an assignment row directly above the one that you already have, but below your email address. Make sure that you put in the correct date, and change the link to point to your graphic, so it should be <a href=”assignment2.gif”>Assignment 2</a>, or whatever your filename is.