Chapter 1: Get Your Feet Wet with HTML | |
---|---|
My first Web page | basic.htm |
Text file for pasting | lorem.txt |
HTML Template | template.htm |
Browser-safe color chart | colorchart.htm | Chapter 2: Work with Text and Lists |
Headings demo | headings.htm |
Horizontal rule demo | hr.htm |
Text elements demo | text.htm |
More text elements demo | textelements.htm |
Preformatted text sample | textb.htm |
Formatting demo | formatting.htm |
Unordered List demo | ulist.htm |
Unordered List (with subpoints) demo | ulist2.htm |
Ordered List demo | olist.htm |
Roman Numeral List demo | olist2.htm |
Sample Outline demo | olist3.htm |
Definition List demo | dlist.htm |
Sample Home Page | sampleindex.htm |
Chapter 3: Position and Modify Your Text | |
Text Elements | text2.htm |
Text Alignment | align.htm |
Font Demo | fontsz.htm |
Font Size Experiment | fontx.htm |
Inline Style Demo | styledemo.htm |
Indents Demo | indents.htm |
Chapter 4: Introduce Color Sensibly to Your Pages | |
Easy Color Comparison Page | colorcompare.htm |
CSS Color Demo | csscolor.htm |
16 Basic Colors Chart | 16colors.htm |
216 Browser-Safe Color Chart | colorchart.htm |
Netscape-Named Color Chart | netscapecolorchart.htm |
Chapter 5: All About Links | |
Named Anchors Demo | namedanchor.htm |
ID Anchors Demo | idanchor.htm |
Links Demo | links.htm |
Chapter 6: Add Images to Improve Your Presentation | |
Image Scaling Demo | scaling.htm |
Vertical Alignment Demo | vertalign.htm |
Image Border Demo | border.htm |
Thumbnail Demo | thumbnail.htm |
CSS Fixed Background Demo | csswatermark.htm |
CSS Border Demo | cssborder.htm |
Background Tile Sample | weavetile.gif |
Background Tile Demo | tiledisplay.htm |
Alt Attribute Demo | altimage.htm |
Text Wrapping Demo | textwrap.htm |
White Space Demo | hvspace.htm |
Image Link Demo | imagelink.htm |
Low Resolution Demo | lowres.htm |
Image Splicing Demo | bannersplice.htm |
CSS Bulleted List | csslist.htm |
Sample Home Page | samplehomepage.htm |
Sample Banner | banner.gif |
Sample Button | blankbtn.gif |
Home Button | homebtn.gif |
Email Button | emailbtn.gif |
Links Button | linksbtn.gif |
List Button | listbtn.gif |
Colors Button | colorbtn.gif |
Images Button | imagesbtn.gif |
Chapter 7 has no code | |
Chapter 8: Use Tables for Layout Control | |
Basic Table | basictable.htm |
Table Caption | tablecaption.htm |
Table Cell Contents Alignment | tablealign1.htm |
Table Background Colors | tablecolor1.htm |
Table Cellspacing | cellspacing.htm |
Table Row Span | rowspan.htm |
Absolute (Fixed) Design | absolutetable.htm |
Right Aligned (No Text Wrap) | tablediv.htm |
Float Left | tablefloat.htm |
No Interior Rules | tablebordermodify2.htm |
Table with Graphics | tableimage1.htm |
Table with Header and Footer | tableheadfoot.htm |
Table Headings | tableheading.htm |
Table Border | tableborder1.htm |
CSS Cell Alignment | tablealign2.htm |
CSS Background Colors | tabledouble.htm |
Table Cellpadding | cellpadding.htm |
Table Column Span | colspan.htm |
Dynamic Design | dynamictable.htm |
Right Aligned Table (with Text Wrap) | tableright.htm |
No Outside Border | tablebordermodify.htm |
CSS Border | csstableborder.htm |
Table with Reassembled Graphic | slicepxtable.htm |
Table Layout Sample | tableexrcise.htm |
Chapter 9: Use Frames for Efficient Navigation | |
Basic Frameset | framesite.htm |
Four Frame Frameset | framesample.htm |
Noframes Page | noframes.htm |
Frame 1 | frame1.htm |
Frame 2 | frame2.htm |
Frame 3 | frame3.htm |
Frame 4 | frame4.htm |
Frame 5 | frame5.htm |
Frame 6 | frame6.htm |
Frame 7 | frame7.htm |
Frame 8 | frame8.htm |
Modified Frameset 1 | framesample2.htm |
Modified Frameset 2 | framesample3.htm |
Modified Frameset 3 | framesample4.htm |
Inline Frame Demo | iframe.htm |
Chapter 10: Enhance Your Site with CSS | |
Web Page without CSS | css_sample.htm |
Web Page with Embedded Styles | css_sample_embedded.htm |
External Style Sheet | my_styles.css |
Text Properties Demo | textproperties.htm |
Box Properties Demo | boxproperties.htm |
Clear Property Demo | clearproperty.htm |
Web Page with Inline Style | css_sample_inline.htm |
Web Page Linked to External Style Sheet | css_sample_external.htm |
Font Properties Demo | fontproperties.htm |
Color/Background Properties Demo | cbproperties.htm |
Float Property Demo | boxproperties2.htm |
Practice Style Sheet | practicestyle.css |
Chapter 11: Enhance Your Pages with Audio and Video | |
Page Linked to External Audio/Video | externalav.htm |
Bgsound Sample | bgsound.htm |
Embed Sample | embed.htm |
Object Sample | object.htm |
Twin Video Demo | twinvideos.htm |
Dynsrc Demo | dynsrc.htm |
Sample Audio File | bgsound.wav |
Sample Audio File | object.wav |
Chapter 12: Enliven Your Site with Animation | |
Marquee Sample (Requires Internet Explorer) | marquee.htm |
Blinking Sample (Requires Netscape) | blink.htm |
Slideshow Web Page | sampleslideshow.htm |
Modified Marquee | marquee2.htm |
Animation Frame 1 | banneranim.gif |
Animation Frame 2 | banneranim1.gif |
Animation Frame 3 | banneranim4.gif |
Animation Frame 4 | banneranim3.gif |
Animated Banner | animation1.gif |
Chapter 13: All About Image Maps | |
Ismap Demo | coordinatemap.htm |
Sample Map Image | samplemap.gif |
Image Map Photo | cjcmimagemap.jpg |
Mapping Software Demo Page | mappingsoftware.htm |
Mapping Software Demo Page 2 | mappingsoftware2.htm |
Practice Image | practicemap.gif |
States Map | states2.gif |
Hexagon Image with Coordinates | hexagoncoord.gif |
Chapter 14: Add Interactivity with Forms | |
Simple Guestbook | formsample1.htm |
Complete Survey | formsample3.htm |
Tabindex Demo | tabindex.htm |
Custom Button | custombutton.htm |
Button Image 1 | mybutton.gif |
Button Image 2 | mybutton2.gif |
Sloppy Controls | formsample2.htm |
Password Box | passwordsample.htm |
Image Button Demo | homemadebutton.htm |
Button Element Demo | buttonelement.htm |
Chapter 15: Improve Interactivity with JavaScript | |
onClick Demo | clickevent.htm |
My First Script | js1.htm |
External Script | external.js |
Page Linked to External Script | js2.htm |
Last Modified Page | lastmod.htm |
Improved "Last Modified" Page | lastmod2.htm |
Browser Test Page | navtest.htm |
Current Date Display | datetime.htm |
Enhanced Date Display | datetime2.htm |
Form Validation Script | formvalid.htm |
Browser ID Page | navigator.htm |
The Ticklish Button | tickle.htm |
Rollover Demo | hibutton.htm |
Button "on" Image | hibutton.gif |
Button "off" Image | hibuttonoff.gif |
Chapter 16: Liven Up Your Site with DHTML | |
A Single Blue Box (Netscape 4.7 or lower) | dynlayer1.htm |
A Stack of Six Colored Boxes (Netscape 4.7 or lower) | dynlayer2.htm |
Colored Boxes Rearranged (Netscape 4.7 or lower) | dynlayer3.htm |
Colored Boxes with Added Elements (Netscape 4.7 or lower) | dynlayer4.htm |
Colored Boxes Rearranged by Zindex (Netscape 4.7 or lower) | dynlayer5.htm |
Colored Boxes with Hidden Property (Netscape 4.7 or lower) | dynlayer6.htm |
Layered Text (Internet Explorer/Opera 5/Netscape 6) | dynstyle.htm |
DHTML "Animation" (Internet Explorer/Opera 5/Netscape 6) | dynstyle2.htm |
Catch the Pansy (Internet Explorer/Opera 5/Netscape 6) | dynstyle3.htm |
Chapter 17: Finishing Touches | |
Sample Style Sheet | practicesite.css |
Banner Logo | banner.gif |
HTML Image | htmlimg.gif |
Basic Layout | samplelayout1.htm |
Modified Layout | samplelayout1a.htm |
Modified Layout with Links | samplelayout1b.htm |
Final Layout with Images | samplelayout1c.htm |
Sample Site Map | sitemap.htm |
Chapter 18: XML--The Future of the Web | |
XML Webpage | webpage.xml |
XML Webpage Style Sheet | webpage.css |
Background Image | weavetile2.gif |
Logo Image | xmllogo.gif |