Project Assignment #1
Web Design - 20 points

  • Due Feb 8, Monday, before class

Objectives

In this exercise you will design your own website and publish it on the Web. A Home Page is the first page visitors to your web-site will see. To begin with, it will include personal information about you. Later, it will provide links to additional pages, where you will post your homework assignments.

Process

In the lab, you will be using Dreamweaver as your primary web development tool and Imageready for image manipulation and optimization. Other websites can provide a useful source of inspiration, and images and code are often ‘borrowed’ from other sites. However, please keep in mind any likely copyright law considerations.

Create your webpage

  • Use Dreamweaver to create your Web pages
  • You can download the WinSCP software for transferring files between the CS server and your personal computer. For Mac, download sftp software such as Cyberduck.
  • The address of the host is compute217.cs.lafayette.edu. Then you need to log in using the username and password that are given in the beginning of the lab.
  • In your home directory, create a public_html subdirectory.
  • Click on the public_html folder on the remote site to open it.
  • Select the index.html and any other file you created, and click the -> button upload them to the correct place. If you have some files in a subdirectory, create a subdirectory using MkDir button with the exact same name in public_html and upload the appropriate files there (e.g. create the image folder and upload each image to this folder.

View your webpage

  • Go to: https://www.cs.lafayette.edu/~username
     

Your website should include at least two pages:

  • Your Home Page. It should contain your name and e-mail address, your resumé/bio (or something similar), a picture of yourself or something of interest to you (such as your pet), and a links to the following page.
  • A web page for the course projects. This page will contain only a title at this point. Later you will post the results of your projects here.

Other information your home page might contain

  • Links to other Web pages of interest to you.
  • A digital portfolio (images of interest to you).

Grading

This assignment is for 20 points. Your work will be judged based on the following:

  • Your website must be functional (i.e. it must work).
  • Your graphics must be optimized for the web (i.e. no webpage should take more than 15 seconds to download).
  • Your website should have a clear and functional navigation system.
  • The aesthetics of your design.

Resources

The first source of help and tutorials should be the help menu of your application. For extra help and advanced tutorials, you can refer to these websites:


Adapted with permission from materials developed by Y.E. Kalay, UC Berkeley.