|
Chris Pollett > Old Classes > PIC40 ( Print View ) Lecture Notes-PDF Spring '01 Ad: Enrollment info Course Info:
Practice Exams: PIC: |
HW1 Solutions Page
<!--
FileName: p40hw1file1.php
Purpose: To illustrate many of the most common HTML tags in discussing
a well-designed web-site.
-->
<html>
<head>
<title>The Best Designed Website</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<meta name="Authors" content="Christopher Pollett" />
<meta name="Description" content="This page discusses a web site that
is very well designed" />
<meta name="keywords" content="web design, cool site" />
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW" />
<link rel="stylesheet" href="p40hw1file3.css" type="text/css" />
</head>
<body style="background: white">
<h3>The Best Designed Web Site</h3>
<p>
There are many <b>cool</b> web sites whose user interface is
fundamentally broken. These eye-catching sites often purport to
provide some <i>useful information</i> or some <i>useful service</i> but
are so difficult to use that most people would rather use <tt>411</tt> and
contact the enterprise in question by pre-internet means. At the dawn
of the internet age around 1994 there were many different internet search
engines. Of these, <a href="www.yahoo.com">the Yahoo web-site</a> has
in the intervening time become the most popular. I feel this is due
to its good design. Below are some reason why I like this site:
</p>
<ol type="1">
<li>The site uses the most vanilla of HTML tags and only minimalist
graphics which means that:
</li>
<ol type="a">
<li> The download sizes are small and so the download times are fast.
</li>
<li> The site looks good under a variety of browsers.
</li>
</ol>
<li> The organization of the links into categories is generally clear.
<li>
All categories have between three or four sublinks which is about the most
a person could parse at one time.
<li>
There are no pairs of links which look like they could lead to similar places.
</li>
<li>
There are no single links which start on one line and end on another.
</li>
<li> The interface in various parts of the site looks similar. You
do not need to learn a new interface on each page of the site.
</li>
<li> The "BACK" button always works.
</li>
<li> The search part of the site generally returns meaningful results
organized by category.
</li>
<li> The advertising is generally minimal and is not overly distracting.
</li>
<li> The bottom of the page always get you back to the start of
the site and has useful company information.
</li>
</ol>
</body>
</html>
<!--
FileName: p40hw1file2.php
Purpose : This is the file not found document file
for this directory
-->
<html>
<head>
<title>The Best Designed Website</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<meta name="Authors" content="Christopher Pollett" />
<meta name="Description" content="404 error page" />
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW" />
<link rel="stylesheet" href="p40hw1file3.css" type="text/css" />
</head>
<body style="background: white; text-align:center">
<img src="http://www.math.ucla.edu/~cpollett/40.1.01w/smile.gif" />
<h1>
I am afraid the file you requested could not be found. I'm sorry.
Do have a nice day anyway.
</h1>
</body>
</html>
/*
* FileName: p40hw1file2.css
*
* Purpose: This style is use in p40hw1file1.html to illustrate the use
* use of style files. It center h3 headlines ands colors them
* blue.
*/
h3 { text-align: center; color: blue}
#FileName: .htaccess
#
#Purpose: This file sets the default file use when the web server
# serves pages from this directory. It also sets
# what file not found error document should be served.
DirectoryIndex p40hw1file1.html
ErrorDocument 404 http://www.math.ucla.edu/~cpollett/hw1/p40hw1file2.php
|