Web Design and Programming Homework
Overview Syllabus Schedule Projects Homework
Site Map Resources Q & A Discussions Notices

Homework for CS Students

Please Send completed homework by email and use a subject line such as "WDP-1: CS HW1 for CS Student" or "WDP-1: VCD HW1 for CS Student". Please submit your CS homework to the TA (Saleh Alshomrani, salshomr@cs.kent.edu). Please submit your VCD homework to the VCD instructor.

It is important to have the correct subject line when submiting homework to the TA or instructors. Our SPAM filters may delete email without such.

CS HW1, due 9/15:

Read Chapters 1 and 2 of the textbook.

Each student will create his/her homepage and place it on your personal web space under your CS department account. (That is http://cgi.cs.kent.edu/~youruserid). The homepage contains basic items for a personal homepage such as a resume, hobbies, professional and recreatinoal interests, etc. Include a picture of yourself and also use HTML table to layout the page (see Section 3.11 of textbook). Here is a sample HTML file to get you started. On cgi.cs.kent.edu you need to get around the PHP enabled Web server by replacing the first line of your XHTML file with

<? print('<?xml version="1.0" encoding="UTF-8"?>'); ?>

Your homepage will have a link to the homepage of this course and a link to your own course project page where you are required to log the work you have done, the progress you have made, and the items to be done for your Web project on a contineous basis. The TA and instructors will check the course project pages from time to time to know how well each student is doing. Here is some of the info we are looking for.

  • A description of the specific tasks assigned to the individual student and how it fits in with the overall project.
  • A log of activities and results with dates by the individual.
  • A time table of when certain tasks will be done.
  • Links to the current work under development.
Your teammates, the TA, and the instructors will visit your site from time to time, without warning, to see your progress. Unreported progress does not count.

To publish your homepage through your UNIX account in the CS Dept:

  1. Place your .html file in the public_html directory (folder) under your home directory. Make sure that your home directory and the public_html are executable by other. See notices page for how to access your CS department account and setting up your public_html web space.
  2. Your goal in this homework is to
    • Make a folder called public_html in your home directory (~user_id) on the cgi.cs.kent.edu computer (which is a multi-user UNIX box).
    • Open public_html for web access (chmod a+rx public_html)
    • Upload files and folders of your homework (from your desktop/laptop) to the public_html folder on cgi.cs.kent.edu.
    • The files and folders you set up thusly must all be opened for Web access. Each folder must be open (chmod a+rx foldername) and each file must be open (chmod a+r filename).
  3. When you are ready, just send email about your URL to the TA, with a cc to yourself and the instructors.

CS HW2, due 9/29:

Do Assignments 7 and 8 (page 69) in Chapter 2 and assignment 8 (page 105) in Chapter 3 of textbook. Put the pages in your site (HW1) and submit by email links to your work online and the source code in a zip file.

CS HW3, due 10/15:

This homework combines coding with page design/layout.

Design a table-based fluid grid that adjusts well with window resizing as well as font size changes by the end user. The table provides the layout for a typical main page of a hypothetical site, with top banner and navigation bar(s). The work involves XHTML coding of the fluid table, the graphical design, the content positioning and CSS styling for the entire page and for various parts in the page. The XHTML coding and the design parts are equally important. Your page must also contain a graphic that is cut into at least six pieces (see Sunflower example on page 218) and pieced together seamlessly in table cells. Also each picture piece must be clickable and link to some other page (like the class site). In practice, some of these picture pieces are navigation links. You are encourage to use both style-based navigation and image-based navigation bars (say image-based horizontal nav and style-based left-side nav bar). Make sure your code is XHTML strict and your CSS code pass validation as well.


Top of Page | homework for VCD Students