View Source:
samples.html 


<HTML>
<HEAD>
<TITLE>The Book: Creating Cool HTML 4 Web Pages: Samples</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/samples-title.gif
 ALT="Sample Chapters">
</CENTER>

<BLOCKQUOTE>

There are two chapters (well, one chapter and a popular appendix)
from the book available online for your perusal:
<P>

<font face=Courier size=6><B>Chapter 14: Style Sheets</B></font>
<BLOCKQUOTE>
If there's one thing that's constant with the Web, it's change. The HTML
language itself is no different, as
you have learned, but the one change that's formalized in the 4.0
specification of the hypertext markup
language that has the potential to totally change the Web is style sheets.
Known more formally as Cascading
Style Sheets (CSS), it's a way for us Web designers to redefine the
meaning of any HTML tag within a
document or throughout a site...
<P>
<a href=chap14.html><IMG WIDTH=174 HEIGHT=31 src=Graphics/read-it-online.gif 
   ALT="[read it online!]" BORDER=0></a>
</BLOCKQUOTE>

<font face=Courier size=6><B>Appendix A: Building Your 
First Page</B></font>
<BLOCKQUOTE>
Now that your knowledge and understanding of the HTML language and the
capabilities of various Web
      browsers put you into the top one percent of the Internet community,
you're ready to rock and roll, right?
      Hopefully, you've already been experimenting with some of the ideas in the
book, but to make sure you get off
      to a good start, this appendix will show you, step by step, exactly how I
create a simple Web page and upload it
      to a remote Web server for everyone to enjoy...
<P>
<a href=appendixA.html><IMG WIDTH=174 HEIGHT=31 src=Graphics/read-it-online.gif
   ALT="[read it online!]" BORDER=0></a>
</BLOCKQUOTE>

</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/davetaylor/ref=nosim/">
<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?samples.html"
   onMouseOver="activate('viewsource');return true;"
   onMouseOut="deactivate('viewsource');return true;"><IMG 
   WIDTH=92 HEIGHT=35 src=Graphics/viewsource-off.gif name=viewsource 
   ALt="ViewSource" border=0></a>
</P>
</BODY>
</HTML>

Back