Winter 2008-2009 : Sonstein : 320 : Midterm Practical

General Instructions

Total [ 100 points ]

You only have three (3) tasks today, and you have one hour and thirty minutes to complete them.

  1. You will build a new directory in your login directory on gibson, and you will put a simple text file in that directory.
  2. You will build a second new directory in your web directory on gibson, and you will put a simple XHTML file in that directory.
  3. And you will build a third new directory in your web directory on gibson, and you will put a simple CSS file in that directory.

Not so bad for a practical exam: just create three new directories and three simple files.

You can use any online resources you wish. You can also use your textbooks, and you can use your notes. If you already know how to build valid XHTML and CSS because you have been doing your work all quarter long, then you will not have any trouble accomplishing these tasks. If you do not already know how to do these things, then you will not learn how to do so in an hour and a half no matter what resources you use.

Detailed Instructions

Directories, Permissions, and Text

[ 20 points ]

  1. [ 5 points ] create new directory on gibson.rit.edu named ~studentID/midterm/ (substituting your DCE account name where this says studentID). Note that this is in your login directory, and not in your Web-visible space.
  2. [ 5 points ] save pure utf-8 (no byte-order mark) text file named myTextFile.txt into that new directory
  3. [ 5 points ] put two lines of text into that text file
    1. the current date and time on the first line
    2. your full name on the second line
  4. [ 5 points ] ensure permissions are set so that:
    1. anyone can read the directory and file, and
    2. only you can write or execute the directory and file

HTML

[ 40 points ]

Note: if this XHTML does not pass the validator at W3.org then you lose 15 points

  1. [ 10 points ] create new directory on gibson.rit.edu named ~studentID/www/IMM/midterm/ (substituting your DCE account name where this says studentID). Note that this is in your Web-visible directory structure.
  2. [ 10 points ] save an XHTML file (using valid version 1.0 strict code) named index.html into that new directory
  3. [ 20 points ] put in the HTML file instructions to display
    1. a first-level header containing your full name
    2. a second-level header containing the current date
    3. a third-level header containing the instructor name
    4. at least one paragraph of text containing at least one sentence (any words will do)
    5. an anchor pointing to the instructor's main webpage for this course
    6. an ordered list of the names of three fruits or vegetables
    7. the graphic found at http://www.it.rit.edu/~jxs/images/sonstein.jpg, set up as a hypertext anchor, and set up so the main IT Department page for the instructor loads when the graphic is selected
    8. a validation button (using a W3C graphic) which instructor can click to automatically revalidate the XHTML without typing anything else
    9. a validation button (using a W3C graphic) which instructor can click to automatically revalidate the CSS without typing anything else
    10. a link which causes the XHTML file to use the CSS file described below to set the browser display styles for this page

CSS

[ 40 points ]

Note: if this CSS does not pass the validator at W3.org then you lose 15 points

  1. [ 10 points ] create new directory on gibson.rit.edu named ~studentID/www/IMM/midterm/stylesheets/ (substituting your DCE account name where this says studentID)
  2. [ 10 points ] save CSS file (valid) named practical.css into the new directory
  3. [ 20 points ] put in CSS file
    1. instructions to set default text for entire document to 12 point sans-serif font and black
    2. instructions to change first-level header color to some shade of green and align the text to the right
    3. instructions to change second-level header to have a light red background and to use dark green 18 point letters
    4. instructions to set all list items to use a dark blue background and white letters
    5. instructions to set all anchor images to have no border style

Total [ 100 points ]