Chris Pollett >
Old Classes >
PIC40

   ( Print View )

Lecture Notes-PDF

Spring '01 Ad: Enrollment info

Course Info: Homework Assignments:
Practice Exams:
PIC:
                           












HW#1 --- last modified January 16 2019 00:35:22..

Solution set.

Due date: noon Jan.22 (changed)
=========

Files to be submitted: p40hw1file1.html --main page for this assignment
====================== p40hw1file2.html --404 error page
                       p40hw1file3.css  --contains a cascading style sheet
                                          for p40hw1file1.html
                       p40hw1file4.htaccess --contains the .htaccess file
                                              used in this assignment

                       Put all of these files in your \SUBMIT directory.
                       In addition create a directory ~/public_html/hw1
                       on your Unix account and put your files there
                       as well. Call p40hw1file4.htaccess just .htaccess
                       under Unix. Also make sure to chmod 755
                       this directory and its files so they are visible.

HW1 Purpose: To gain some familiarity with writing an HTML
============ document by hand as well as using .htaccess.

Specification:
==============
For this homework you will write two web pages, an associated
cascading style sheet file, and an .htaccess file. You should
write these files with a standard texteditor. DO NOT USE A PROGRAM
LIKE NETSCAPE COMPOSER WHICH GENERATES THE HTML FOR YOU.
An .htaccess file is just a file used by the Apache web server to
determine how documents from a given directory should be served. In this
case, the .htaccess should make p40hw1file1.html
the default page to be loaded for the ~/public_html/hw1 directory and
.htaccess should make the page p40hw1file2.html be served whenever a file
is not found in this directory. The file p40hw1file2.html should contain a
polite message of your choice saying the file in question was not
locatable. This file should  also load the smiley face given at the
address below:

  http://www.math.ucla.edu/~cpollett/40.1.01w/smile.gif

The cascading style sheet file, p40hw1file3.css, should set it so that
<H3> headers are centered and always blue colored. The default page
for this directory, p40hw1file1.php, should contain meta-tags of its
authors, description, keywords and content-type. It should
have the title "The Best Designed Website." The body should begin
with an <H3> header saying "The Best Designed Website".
It should then have a paragraph description of a web-site you
deem to be truly great followed by a link to this site.
Your description should say things like how you found the site and should
contain italicized, typewriter'ed and boldfaced
text. p40hw1file1.html should then use an ordered
list to give the top ten reasons why you think the site is good. One
item on this list should have an ordered sub-list of at least two
items. The outer list should use numbers and the inner list should
use letters.

Point Breakdown for HW1
=======================

.htaccess makes p40hw1file1.html
  the default loaded page..............1pt

.htaccess set up so p40hw1file2.html
  is loaded on a 404 error.............1pt

p40hw1file2.html loads image mentioned above
  and politely informs the misguided soul
  reading it that the file being search for
  cannot be found......................1pt

p40hw1file3.css is a style which says that
  all <h3> headers are centered and
  coloured blue........................1pt

p40hw1file1.php parses okay, has
  a head which contains a title and a body.
  It should set the background to
  something other than the default color,
  load the p40hw1file3.css style file and
  have a <h3> header
  which says "The Best Designed Website"
                     ..................1pt
p40hw1file1.html should have meta
  tags for authors, description,
  keywords content-type, and preventing robots
  from indexing it or following it
  to other sites.......................1pt
p40hw1file1.php contains a link
  to the best-designed web site  and has a
  paragraph between <P> </P>
  introducing this page saying how you
  found it. The paragraph should contain
  italicized, typewriter'ed
  and boldfaced text...................1pt
p40hw1file1.php contains an ordered list
  (use <ol>) of 10 things which
  you thought made the site you chose
  well-designed. At least one of the listed
  items should have a sub-list. The type
  of the outer list should be numeric
  and the inner list lower case alphabetic
                          .............1pt

Total..................................8pts