View Source:
toc.html
<HTML>
<HEAD>
<TITLE>The Book: Creating Cool HTML 4 Web Pages: Table of Contents</TITLE>
<META NAME="keyword" CONTENT="www,html,web page,html 4,javascript,java,page,page design,front page,homepage,taylor,dave taylor,cool web,cool web pages,hypertext,markup">
<META NAME="description" CONTENT="Central site for the best-selling book 'Creating Cool HTML 4 Web Pages', including sample chapters, software, FAQs, and a discussion area!">
<SCRIPT LANGUAGE="JavaScript">
<!--
if (parseInt(navigator.appVersion.substring(0,1))>=3) { // 3.0 or greater.
viewsource_on = new Image(); // each image has an 'on' and 'off' version
viewsource_off = new Image();
viewsource_on.src = 'Graphics/viewsource-on.gif'; // all of these image
viewsource_off.src = 'Graphics/viewsource-off.gif'; // source files are
}
function activate(image) {
if (parseInt(navigator.appVersion.substring(0,1))>=3) { // 3.0 or greater.
imagesrc = eval(image + '_on.src');
document[image].src = imagesrc;
}
}
function deactivate(image) {
if (parseInt(navigator.appVersion.substring(0,1))>=3) { // 3.0 or greater.
imagesrc = eval(image + "_off.src");
document[image].src = imagesrc;
}
}
// end of script -->
</SCRIPT>
</HEAD>
<BODY BACKGROUND=Graphics/spiral-background.gif BGCOLOR=#FFFFFF LINK=#000000 VLINK=#000000>
<CENTER>
<IMG WIDTH=527 HEIGHT=80 SRC=Graphics/ccwp-title.gif
ALT="Creating Cool HTML 4 Web Pages">
<P>
<IMG WIDTH=318 HEIGHT=45 SRC=Graphics/toc-title.gif
ALT="Table of Contents">
</CENTER>
<BLOCKQUOTE>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=5>
<TR>
<TD>
<Font face=Courier>
<font size=4>Preface</font><br>
<font size=4>Acknowledgments</font><br>
<font size=4><b>1: What's a Web Page? What's a Browser?</b></font><br>
<font size=3> What Is the Web Anyway?</font><br>
<font size=2> Linear media<br>
Hypermedia<br>
Cool spots on the Web</font><br>
<font size=3> Non-HTML Web Information</font><br>
<font size=2> FTP<br>
Gopher and telnet<br>
<font size=3> Introduction to Netscape Navigator</font><br>
<font size=2> Launching Netscape Navigator<br>
Changing the default page<br>
<font size=3> Introduction to Internet Explorer</font><br>
<font size=2> Launching Internet Explorer<br>
Changing the default page</font>
</TD><TD ALIGN=center><IMG WIDTH=119 HEIGHT=114
ALT="netscape logo" SRC=Graphics/netscape-logo-sketch.gif></TD>
</TR>
<TR>
<TD>
<p>
<font face=Courier>
<font size=4><B>2: URLs: What They Are and How to Use Them</B></font><br>
<font size=3> Finding Information in the Flood of Data</font><br>
<font size=3> URLs to the Rescue</font><br>
<font size=3> Reading a URL</font><br>
<font size=2> Anonymous FTP<br>
Non-anonymous FTP<br>
Ports<br>
Using FTP URLs<br>
Translating spaces in URLs<br>
Gopher URLs<br>
Electronic Mail via URL<br>
telnet via URL<br>
Usenet News via URL<br>
The Heart of the Web: HTTP URLs</font>
<P>
<font size=4><B>3: Basic HTML</B></font><br>
<font size=3> Basics of HTML Layout</font><br>
<font size=2> HTML and browsers<br>
If you open it, close it</font><br>
<font size=3> Breaking at Paragraphs and Lines<br>
Breaking Your Document into Sections<br>
Title Your Page<br>
Common Footer Material<br>
Defining Section Heads<br>
The Horizontal Rule</font>
</TD><TD ALIGN=center><IMG WIDTH=148 HEIGHT=92
ALT="Attack of the killer P tag!" SRC=Graphics/ptag-sketch.gif></TD>
</TR>
<TR>
<TD>
<P>
<font face=Courier>
<font size=4><B>4: Text Styles</B></font><br>
<font size=3> First, a Little History<br>
Helping Readers Navigate with Bold and Italic<br>
Underlining, Monospace, and Other Text Changes<br>
Using Font Sizes,Colors and Faces<br>
Applying Logical Styles<br>
Putting It All Together</font>
<P>
<font size=4><B>5: Lists and Special Characters</B></font><br>
<font size=3> Definition Lists<br>
Unordered (Bulleted) Lists<br>
Ordered (Numbered) Lists<br>
Special Characters in HTML Documents</font><br>
<font size=2> Non-Breaking Spaces</font><br>
<font size=3> Comments Within HTML Code</font>
<P>
<font size=4><B>6: Adding Pointers and Links</B></font><br>
<font size=3> Multiword HTML Formatting Tags<br>
Pointers to Other Web Pages<br>
Referencing Non-Web Information<br>
Relative URLs</font>
<P>
<font size=4><B>7: Internal Document References</B></font><br>
<font size=3> Defining Web Document Jump Targets</font><br>
<font size=2> Defining the Destination
of a Jump</font><br>
<font size=3> Adding Jump Links to Your Web Pages<br>
Jumping into Organized Lists<br>
Linking to Jump Targets in External Documents</font>
<P>
<font size=4><B>8: Adding Graphics to Jazz Up Your Pages</B></font><br>
<font size=3> Different Image Formats<br>
Including Images in Web Pages<br>
Text Alternatives for Text-Based Web Browsers<br>
Image Alignment Options</font><br>
<font size=2>Standard alignment<br>
More sophisticated alignment</font><br>
<font size=3> A Few Real-World Examples</font><br>
<font size=2>Trivial Net<br>
"Silencing Critical Voices"<br>
History of the Internet Mall</font><br>
<font size=3> Where Can You Find Images?</font><br>
<font size=2>New images they've created themselves<br>
Clip art or canned image libraries<br>
Text-manipulation programs<br>
Scanned photographs<br>
Grabbing images off the Net<br>
Transparent Colors</font><br>
<font size=3> Audio, Video, and Other Media<br>
Movies All Night<br>
Streaming Audio and Video<br>
In Closing</font>
</TD><TD ALIGN=center VALIGN=bottom><IMG WIDTH=222 HEIGHT=105
ALT="Photoshop Rules!" SRC=Graphics/graphics-sketch.gif
VSPACE=50></TD>
</TR>
<TR>
<TD>
<P>
<font face=Courier>
<font size=4><B>9: Tables and Frames</B></font><br>
<font size=3> Organizing Information in Tables</font><br>
<font size=2> Basic table formatting<br>
Advanced table formatting<br>
Internet Explorer Table Capabilities<br>
Modifying Edges and Grid Lines</font><br>
<font size=3> Tricks with Tables<br>
Pages Within Pages: Frames</font><br>
<font size=2> The basics of frames<br>
Specifying frame panes and sizes</font>
<P>
<font size=4><B>10: Advanced Design: Backgrounds,
Marquees and More!</B></font><br>
<font size=3> Text Alignment and Horizontal Rules</font><br>
<font size=2> Rules on the horizon<br>
Rule shades and colors</font><br>
<font size=3> Fiddling with Lists<br>
Background Colors and Graphics<br>
Changing Text and Link Colors<br>
Scrolling Text in Explorer Marquees<br>
Embedded Audio</font><br>
<font size=2> Adding Background Audio<br>
Explorer Background Audio</font><br>
<font size=3> Explorer's Watermark Backgrounds</font>
<P>
<font size=4><B>11: Image Maps, JavaScript and Plug-Ins</B></font><br>
<font size=3> Image-Mapped Graphics<br>
Client-Side Image Mapping<br>
Animated GIFs<br>
Multiple-Resolution Graphics<br>
JavaScript</font><br>
<font size=2> Scrolling Messages<br>
Digging More Deeply</font><br>
<font size=3> Visual Basic Script<br>
Java</font><br>
<font size=2> Referencing Java applets<br>
Online Java applets</font><br>
<font size=3> ActiveX<br>
VRML<br>
Plug-Ins: Shockwave and RealAudio</font><br>
<font size=2> RealAudio<br>
Shockwave</font>
<P>
<font size=4><B>12: Forms and User Input</B></font><br>
<font size=3> An Introduction to HTML Forms</font><br>
<font size=2> Produce Feedback On Your Site<br>
Adding Pop-up Menus<br>
A pop-up menu of Web pages<br>
More form options</font><br>
<font size=3> Extending Your Forms With Fancy Formatting<br>
Easy searching from your page<br>
More form tricks</font>
<P>
<font size=4><B>13: The Common Gateway Interface</B></font><br>
<font size=3> The CGI Inside Your Web Server<br>
The World's Simplest CGI Example<br>
Smart Web Pages Using CGI Scripts<br>
Sending and Reading Data</font><br>
<font size=2> A pop-up menu of Web pages</font><br>
<font size=3> Receiving Information from Forms</font>
<P>
</TD>
</TR><TR>
<TD>
<font face=Courier>
<font size=4><B>14: Style Sheets</B></font><br>
<font size=3> Introduction to Style Sheets<br>
Inline Style Sheets<br>
Header Styles<br>
External Style Sheets<br>
Cool Style Sheet Tricks</font><br>
<font size=2> Links Change Size<br>
Text Superimposed</font>
</TD>
<TD ALIGN=center><A
HREF=chap14.html><IMG WIDTH=203 HEIGHT=163 SRC=Graphics/see-sample.gif
ALT="Read This Online" BORDER=0></A></TD>
</TR><TR>
<TD>
<font face=Courier>
<P>
<font size=4><B>15: Improvements in Tables and Frames</B></font><br>
<font size=3> Advanced Tables<br>
New HTML 4.0 Table Elements<br>
Advanced Frames</font><br>
<font size=2> Special TARGET Values</font><br>
<font size=3> Inline Frames</font>
<P>
<font size=4><B>16: Advanced Forms And HTML 4.0 Additions</B></font><br>
<font size=3> The BUTTON Input Type<br>
Using Labels to Organize User Focus<br>
Dividing Forms into Fieldsets<br>
Tab Key Control on Input<br>
ACCESSKEY Attributes<br>
Disabled and Read-only Elements</font>
<P>
<font size=4><B>17: Additional HTML 4.0 Capabilities</B></font><br>
<font size=3> A New HTML Tag: Q<br>
Mark Your Edits with INS and DEL<br>
The OBJECT Tag</font><br>
<font size=2> Including Graphics with OBJECT<br>
Include Another HTML Page In Your Page</font><br>
<font size=3> Server-Side Includes<br>
Other Interesting Additions</font><br>
<font size=2> Soft Hyphens<br>
Easier Internal References with ID<br>
In Conclusion</font>
<P>
<font size=4><B>18: Needles in Haystacks</B></font><br>
<font size=3> Producing Index-Friendly Pages with META</font><br>
<font size=2> Create Meaningful Titles<br>
Using the META tag<br>
Other Possible META Values<br>
Content Rating with PICS<br>
Keeping Crawlers Away</font><br>
<font size=3> Registering with Web Index and Search Sites</font><br>
<font size=2> Joining a Directory Site<br>
Signing up for a crawler or robot site<br>
Using Submit It! (http://www.submit-it.com)</font><br>
<font size=3> Fee-Based Advertising Spots<br>
Cooperative Advertising with Link Exchange<br>
Tying in with Related Sites Using a Web Ring<br>
The Basics of Banner Advertising<br>
The Best Way</font>
<P>
<font size=4><B>19: Dynamic HTML and The Future</B></font><br>
<font size=3> Dynamic HTML With Layers and JavaScript<br>
Dynamic HTML According to Microsoft<br>
Dynamic Font and Printing Technologies<br>
Page Counters<br>
A Musical Alternative: MIDI<br>
The Future of the Web</font>
<P>
</TD>
</TR><TR>
<TD>
<FONT FACE=Courier>
<B>Appendices:</B>
<UL>
A: Building Your First Page: A Primer<br>
B: Step-by-Step Web Site Planning Guide<br>
C: Finding a Home for Your Web Page<br>
D: Glossary<br>
E: HTML Quick Reference<br>
F: What's On the CD-ROM<br>
</UL>
</TD><TD ALIGN=center><A href=appendixA.html><IMG
WIDTH=208 HEIGHT=96 SRC=Graphics/see-appendix-online.gif BORDER=0
ALT="[read it online!]" HSPACE=40></A>
</TD>
</TR>
</TABLE>
</BLOCKQUOTE>
<P>
<CENTER>
<IMG WIDTH=480 HEIGHT=22 SRC=Graphics/rough-rule.gif ALT="---">
<P>
<IMG WIDTH=475 HEIGHT=98 SRC=Graphics/navbar.gif ALT="navigational options"
USEMAP="#navbar-map" BORDER=0>
</CENTER>
<MAP NAME="navbar-map">
<AREA SHAPE="rect" COORDS="22,64,401,97" HREF="http://www.askdavetaylor.com/">
<AREA SHAPE="rect" COORDS="240,33,359,66" HREF="software.html">
<AREA SHAPE="rect" COORDS="180,33,241,63" HREF="FAQ">
<AREA SHAPE="rect" COORDS="60,34,180,62"
HREF="http://www.intuitive.com/taylor/">
<AREA SHAPE="rect" COORDS="358,-5,471,41" HREF="http://www.amazon.com/exec/obidos/ASIN/076453484X/ref=nosim/davetaylor/">
<AREA SHAPE="rect" COORDS="244,0,355,35" HREF="samples.html">
<AREA SHAPE="rect" COORDS="178,1,245,33" HREF="toc.html">
<AREA SHAPE="rect" COORDS="74,1,178,35" HREF="reviews.html">
<AREA SHAPE="rect" COORDS="-13,-6,75,36" HREF="index.shtml">
</MAP>
<P ALIGN=right>
<a href="viewsource.cgi?toc.html"
onMouseOver="activate('viewsource');return true;"
onMouseOut="deactivate('viewsource');return true;"><IMG
WIDTH=92 HEIGHT=35 src=Graphics/viewsource-off.gif
ALT="View Source" name=viewsource border=0></a>
</P>
</BODY>
</HTML>
