CS 101   Web Construction,  Fall 2008,  Instructor:  Jeffrey Horn ASSIGNMENTS

• Assignment 4  "Multipage Web Site"
  • Handed out:   Wednesday,  October 8, 2008
  • Due:       TBA
  • Goals:  Create a more substantial web site, with multiple, interlinked pages (.html files), formatted by a single, external style sheet (.css file).
  • Details:
    • Choose your own topic for a web site.  Create a web page (.html file) with the following properties.

    TASK NUMBER	TASK DESCRIPTION	GRADE
    1	SUBSTANTIAL WEB SITE:   In a single folder, create several (at least 2!) html files that are linked to each other.  The "first" or "main" web page must be named "index. html".  It must link to a second local web page (within the same folder as the first web page).   There must be a link from the second web page back to the first web page.
    2	EXTERNAL CSS:  Use a separate file for your CSS, and have the CSS code in it format multiple elements on ALL/BOTH of your web pages. Refer to your external CSS file with this new HTML element: <link rel="stylesheet" type="text/css" href="yourOwnFileName.css">
    3	TABLE FOR CONTENT LAYOUT: Use at least one table for laying out your content into multple columns and rows.  See the class examples.  Turn off the borders (unless you really think it looks better with them on!)
    4	NESTED TABLES: Show me that you can nest tables.   You can use the tables for displaying tabular data ("data tables") or for laying out content ("layout tables"  -  these are my terms!).   I want to see proper nesting.  (In other words, the table element within a td element within a tr, etc.)
    5	VIDEO: Embed a YouTube video.  (Does not have to be your own!)
    6	GOOD STYLE: Indent your source code.   Have a main comment at the top of EACH html or css page.   NEW:  include some other comments besides the main comment at the top.  (Tip:  comment a few major "parts" of your page.  E.g., a comment for a table or for

  • Grading:   I will grade each task above with "A", "B", "C", etc. and then average them for an overall A4 grade.
  • Turn-in Procedure:   Send me your URL, as you did forA3.