📄 890-892.html
字号:
<HTML>
<HEAD>
<TITLE>Linux Unleashed, Third Edition:Creating a Solid Web Site</TITLE>
<SCRIPT>
<!--
function displayWindow(url, width, height) {
var Win = window.open(url,"displayWindow",'width=' + width +
',height=' + height + ',resizable=1,scrollbars=yes');
}
//-->
</SCRIPT>
</HEAD>
-->
<!--ISBN=0672313723//-->
<!--TITLE=Linux Unleashed, Third Edition//-->
<!--AUTHOR=Tim Parker//-->
<!--PUBLISHER=Macmillan Computer Publishing//-->
<!--IMPRINT=Sams//-->
<!--CHAPTER=55//-->
<!--PAGES=890-892//-->
<!--UNASSIGNED1//-->
<!--UNASSIGNED2//-->
<CENTER>
<TABLE BORDER>
<TR>
<TD><A HREF="887-890.html">Previous</A></TD>
<TD><A HREF="../ewtoc.html">Table of Contents</A></TD>
<TD><A HREF="../ch56/893-898.html">Next</A></TD>
</TR>
</TABLE>
</CENTER>
<P><BR></P>
<H4 ALIGN="LEFT"><A NAME="Heading5"></A><FONT COLOR="#000077">Using Multiple Pages</FONT></H4>
<P>If you can’t fit everything that you need to say on the home page, by all means put auxiliary material on a link but make sure a reader doesn’t have to traverse too many links to find out what they want to know. If you’re trying to sell a product or service, for example, you don’t want a reader to have to go through five or six levels of links before they find out what you are offering and how much it is. The average reader just won’t last that long. A little advanced planning and some experimentation should result in a well laid out Web site. Remember to organize everything logically so that a visitor will be able to figure out your site’s layout quickly.
</P>
<BLOCKQUOTE>
<P><FONT SIZE="-1"><HR><B>Tip: </B><BR>There are a couple of easy ways to draw a Web visitor’s attention to an item on your pages. The first is a simple horizontal rule (using the <HR> tag) across the page. Since the horizontal rule doesn’t impose any overhead to download, there’s no delay imposed by using it on your pages. Keep the number of horizontal lines low, though, to avoid overwhelming the reader.<HR></FONT>
</BLOCKQUOTE>
<H4 ALIGN="LEFT"><A NAME="Heading6"></A><FONT COLOR="#000077">Using Icons</FONT></H4>
<P>Icons are great for letting your readers know what is important on your home page. Unfortunately, too many Web page designers go nuts and have many different kinds of icons scattered all over the page. This just doesn’t work well—it distracts the reader and leads to confusion about which icons are important and which are not.
</P>
<P>Bullets are a useful icon, as long as they are used with a short list that readers can quickly grasp. Again, go for something simple and attractive. Changing the bullet every item is confusing. The simplest icon for bulleted lists is a ball, although some browsers will add balls to bulleted lists if the list is tagged as an HTML list.</P>
<BLOCKQUOTE>
<P><FONT SIZE="-1"><HR><B>Tip: </B><BR>An attractive icon to point out important features can liven up a page. Clip art libraries are full of images like a point-right icon or a hand with a finger extended (be careful which finger!) to point to important items. These catch a reader’s eye quickly.<HR></FONT>
</BLOCKQUOTE>
<P>A useful icon to point out potential items of trouble for readers is the warning, caution, or stop sign. The first two are usually a yellow triangle with an exclamation mark in them. These draw the reader’s attention but should be used sparingly and only where a warning is necessary.
</P>
<P>The “new” icon, in its many forms, is handy for highlighting something new to your page for those who visit regularly. Make sure the new icon really does apply to something new. Remove such icons after a couple of weeks so your page doesn’t seem stale.</P>
<H4 ALIGN="LEFT"><A NAME="Heading7"></A><FONT COLOR="#000077">Use Links Properly</FONT></H4>
<P>Links are the key to a good site, but they have to be carefully planned. Many Web site designers make a paper flow diagram of where each page and its links lead to in order to ensure the flow is logical, clean, and doesn’t cause silly loops anywhere. You should try to do this, too, if your site has more than three or four pages.
</P>
<P>Choosing where to put the hyperlink itself is often a decision that Web page writers get mixed up with. For example, it’s not good to have a line like this:</P>
<!-- CODE SNIP //-->
<PRE>
Click here to see the latest releases
</PRE>
<!-- END CODE SNIP //-->
<P>when it is much more descriptive and visually drawing to have this line:
</P>
<!-- CODE SNIP //-->
<PRE>
Click here to find out about our latest releases
</PRE>
<!-- END CODE SNIP //-->
<H4 ALIGN="LEFT"><A NAME="Heading8"></A><FONT COLOR="#000077">Using HTML Tags Properly</FONT></H4>
<P>Header tags are often misused by Web page designers. These use different size fonts to highlight titles. Keep the number of headline tags to a reasonable number and use them in order. After an <H1> tag use an <H2>, followed by <H3> and so on if applicable. Don’t skip a level and jump from <H1> to <H3>, as some browsers are starting to use these elements to structure outline views of pages.
</P>
<P>Also avoid overlapping tags, where you change fonts or emphasis within each other. For example, the series</P>
<!-- CODE SNIP //-->
<PRE>
<STRONG> Hello <EM> World! </EM> </STRONG>
</PRE>
<!-- END CODE SNIP //-->
<P>may look fine on your browser but can cause problems on others. Always use tags in pairs and don’t mix them.
</P>
<P>Character tags should always be inside paragraph tags, not the other way around. For example, this is the proper way to nest character tags inside paragraph tags:</P>
<!-- CODE SNIP //-->
<PRE>
<A HREF=”Today’s news”>
<UL>
<LI>Added to the site today
…
</UL>
</A>
</PRE>
<!-- END CODE SNIP //-->
<P>Avoid using the <BR> tag to force word wrapping. Instead, let HTML do the wrapping for you or you may end up with lousy looking screens. Remember that just because the format looks good on your screen with your browser doesn’t mean it will look good for all your visitors.
</P>
<H3><A NAME="Heading9"></A><FONT COLOR="#000077">Summary</FONT></H3>
<P>Explaining all the principles of a solid Web page design in a few pages would be impossible. There are lots of good books on the subject. Do take care and create a clean, uncluttered site; otherwise, all your careful configuration and HTML work may be for nothing.
</P>
<P>From here, there are a number of chapters you may want to read:</P>
<DL>
<DD>To learn about backups so you can recover your HTML code in case of a problem, see Chapter 45, “Backups.”
<DD>And to learn how to set up your Web server properly, see Chapter 51 “Configuring a WWW Site.”
<DD>To learn about source code control so you don’t have multiple copies of your HTML documents floating around your directories, see Chapter 56, “Source Code Control.”
</DL>
<P><BR></P>
<CENTER>
<TABLE BORDER>
<TR>
<TD><A HREF="887-890.html">Previous</A></TD>
<TD><A HREF="../ewtoc.html">Table of Contents</A></TD>
<TD><A HREF="../ch56/893-898.html">Next</A></TD>
</TR>
</TABLE>
</CENTER>
</td>
</tr>
</table>
<!-- begin footer information -->
</body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -