<![CDATA[
<body bgcolor="#eeeeee" background="../backgrnd.gif" text="000033" link="0000dd" alink="ff0000" vlink="660066">
<table border="0" cellpadding="11" cellspacing="0">
<tr>
<td valign="top" background="backhead.gif" bgcolor="#ffffff">
<img src="h1_att.gif" width="400" height="64" alt="Attractive Pages" border="0"><br>
</td>
<td width="25%" valign="top">
<center>
<img src="cs.gif" width="105" height="64" border="0" vspace="4"><br>
</center>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul><ul>
HTML, the computer language used to deliver Web sites,
is still rather primitive but is rapidly becoming more sophisticated.
In order to assure that surfers using different computers and
Web browser software all see attractive, functioning Web pages,
we must observe a number of cautions when building pages.
</td>
<td valign="top">
<center>
<font face="Arial">
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Display Issues</h2>
<ul>
Standards for computer displays are not yet implemented, so the same image will display differently on different systems. For the moment, there is not much to be done about this. However, graphics prepared on Apple systems will always display rather differently on Windows systems. Since the vast majority of surfers are using Windows systems, it is important to prepare graphics on a Windows system, so they look good on most systems. It is possible to slant the settings so the graphics will still display reasonably well on Apple systems.
<p>
Most Web site developers are using high-end systems running "True Color,"
and many fail to allow for surfers who will not view the page under
such favorable circumstances. We use a number of techniques
to assure that a site looks reasonably good on all systems.
</td>
<td valign="top">
<center>
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Screen Resolution</h2>
<ul>
When we design pages on a large monitor, we keep in mind that
most surfers are using smaller, lower resolution monitors to view the finished pages.
We currently design our pages to display best on systems running at 800 by 600
pixels because that resolution is the most commonly used today. However, a site
must still be usable at 640 by 480 resolution. On this site, we accommodate
low-resolution systems by allowing the user to close the navigation pane,
so the main part of the page can be viewed without scrolling.
</td>
<td valign="top">
<center><br><br>
<font size=-3 color="#222222">
Text can be too small.
<br>
</font>
<font size=+3 color="#222222">
Or too big.
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Line Length</h2>
<ul>
With care, pages can be built so that the lines of text are neither too long
nor to short for easy reading, regardless of the screen resolution of the system or
the size of the browser window.
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Fonts
</h2>
<ul>
Typographic refinement is still in the future on the Web.
There are ways to display critical text, such as your logo or service mark, in a specific font.
Control over font size is also limited.
Pages developed on Apple systems often display type at sizes too small
for easy reading when viewed on a Windows system.
</td>
<td valign="top">
<center>
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Different Browsers
</h2>
<ul>
Different browsers are likely to display the same Web page in different ways.
In fact, some pages may not even load on some browsers.
We know how to use HTML in ways that minimize these problems.
</td>
<td valign="top">
<center>
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Frames
</h2>
<ul>
Quite a few surfers are still not using frames-capable browsers.
We continue to consider their needs when designing a Web site.
</td>
<td valign="top">
<center>
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Image Compression
</h2>
<ul>
Even the showpiece sites of some organizations building Web sites sometimes fail to use
the right form of image compression, resulting in an image that does not look good on the page
and takes longer than necessary to download. You want attractive images quickly delivered
to those surfing your site.
</td>
<td valign="top">
<center>
<img src="fri.gif" width="70" height="86" border="1" vspace="5" hspace="2"><img src="fri.jpg" width="70" height="86" border="1" vspace="5" hspace="2">
<br>
<font size=-1 color="#222222">
These two images take the same time to download.
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Backgrounds
</h2>
<ul>
The restrained use of backgrounds makes sites much more user friendly.
We used the light gray background texture to the
right because the short text is still easily readable and the
page is more attractive.
</td>
<td valign="top">
<center>
<font size=-1 color="#000000">
<br>
This text is readable.
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Color
</h2>
<ul>
Color makes sites attractive. However, staring at a strong background color
is hard on the eye. In addition, strong colors in secondary page elements
can be distracting. We use color carefully, to make attractive
but restful sites.
</td>
<td bgcolor="#ffff00" valign="top">
<center>
<font size=-1 color="#00ddff">
<b>
This is hard on the eye.
</b>
</center>
</font>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff">
<ul>
<h2>Character Sets
</h2>
<ul>
The Apple and the PC use different character sets. Characters such as common ligatures
(fi, fl, ffi), typographic dashes, quotation marks, and
characters with diacritical marks can display as the wrong character.
We can keep this problem from arising on your site.
</td>
<td valign="top">
<left><br><br>
This is not a typographic <b>reÞnement</b>.<br> It's a mistake.
</font>
</td>
</tr>
<tr>
<td valign="top" align="center" background="backfoot.gif" height="64" bgcolor="#ffffff">
Continue on to <a href="sit_x.htm" target="_top">Building Your Site</a>
</td>
<td valign="top">
<center>
</center>
</font>
</td>
</tr>
</table>
</body>
</html>
]]>