Creating Cool HTML 4 Web Pages

    Table of Contents

1: What's a Web Page? What's a Browser?
    What Is the Web Anyway?
        Linear media
        Cool spots on the Web

    Non-HTML Web Information
        Gopher and telnet
    Introduction to Netscape Navigator
        Launching Netscape Navigator
        Changing the default page
    Introduction to Internet Explorer
        Launching Internet Explorer
        Changing the default page
netscape logo

2: URLs: What They Are and How to Use Them
    Finding Information in the Flood of Data
    URLs to the Rescue
    Reading a URL
        Anonymous FTP
        Non-anonymous FTP
        Using FTP URLs
        Translating spaces in URLs
        Gopher URLs
        Electronic Mail via URL
        telnet via URL
        Usenet News via URL
        The Heart of the Web: HTTP URLs

3: Basic HTML
    Basics of HTML Layout
        HTML and browsers
        If you open it, close it

    Breaking at Paragraphs and Lines
    Breaking Your Document into Sections
    Title Your Page
    Common Footer Material
    Defining Section Heads
    The Horizontal Rule

Attack of the killer P tag!

4: Text Styles
    First, a Little History
    Helping Readers Navigate with Bold and Italic
    Underlining, Monospace, and Other Text Changes
    Using Font Sizes,Colors and Faces
    Applying Logical Styles
    Putting It All Together

5: Lists and Special Characters
    Definition Lists
    Unordered (Bulleted) Lists
    Ordered (Numbered) Lists
    Special Characters in HTML Documents

        Non-Breaking Spaces
    Comments Within HTML Code

6: Adding Pointers and Links
    Multiword HTML Formatting Tags
    Pointers to Other Web Pages
    Referencing Non-Web Information
    Relative URLs

7: Internal Document References
    Defining Web Document Jump Targets
        Defining the Destination of a Jump
    Adding Jump Links to Your Web Pages
    Jumping into Organized Lists
    Linking to Jump Targets in External Documents

8: Adding Graphics to Jazz Up Your Pages
    Different Image Formats
    Including Images in Web Pages
    Text Alternatives for Text-Based Web Browsers
    Image Alignment Options

        Standard alignment
        More sophisticated alignment

    A Few Real-World Examples
        Trivial Net
        "Silencing Critical Voices"
        History of the Internet Mall

    Where Can You Find Images?
        New images they've created themselves
        Clip art or canned image libraries
        Text-manipulation programs
        Scanned photographs
        Grabbing images off the Net
        Transparent Colors

    Audio, Video, and Other Media
    Movies All Night
    Streaming Audio and Video
    In Closing

Photoshop Rules!

9: Tables and Frames
    Organizing Information in Tables
        Basic table formatting
        Advanced table formatting
        Internet Explorer Table Capabilities
        Modifying Edges and Grid Lines

    Tricks with Tables
    Pages Within Pages: Frames

        The basics of frames
        Specifying frame panes and sizes

10: Advanced Design: Backgrounds, Marquees and More!
    Text Alignment and Horizontal Rules
        Rules on the horizon
        Rule shades and colors

    Fiddling with Lists
    Background Colors and Graphics
    Changing Text and Link Colors
    Scrolling Text in Explorer Marquees
    Embedded Audio

        Adding Background Audio
        Explorer Background Audio

    Explorer's Watermark Backgrounds

11: Image Maps, JavaScript and Plug-Ins
    Image-Mapped Graphics
    Client-Side Image Mapping
    Animated GIFs
    Multiple-Resolution Graphics

        Scrolling Messages
        Digging More Deeply

    Visual Basic Script

        Referencing Java applets
        Online Java applets

    Plug-Ins: Shockwave and RealAudio


12: Forms and User Input
    An Introduction to HTML Forms
        Produce Feedback On Your Site
        Adding Pop-up Menus
        A pop-up menu of Web pages
        More form options

    Extending Your Forms With Fancy Formatting
    Easy searching from your page
    More form tricks

13: The Common Gateway Interface
    The CGI Inside Your Web Server
    The World's Simplest CGI Example
    Smart Web Pages Using CGI Scripts
    Sending and Reading Data

        A pop-up menu of Web pages
    Receiving Information from Forms

14: Style Sheets
    Introduction to Style Sheets
    Inline Style Sheets
    Header Styles
    External Style Sheets
    Cool Style Sheet Tricks

        Links Change Size
        Text Superimposed
Read This Online

15: Improvements in Tables and Frames
    Advanced Tables
    New HTML 4.0 Table Elements
    Advanced Frames

        Special TARGET Values
    Inline Frames

16: Advanced Forms And HTML 4.0 Additions
    The BUTTON Input Type
    Using Labels to Organize User Focus
    Dividing Forms into Fieldsets
    Tab Key Control on Input
    ACCESSKEY Attributes
    Disabled and Read-only Elements

17: Additional HTML 4.0 Capabilities
    A New HTML Tag: Q
    Mark Your Edits with INS and DEL
    The OBJECT Tag

        Including Graphics with OBJECT
        Include Another HTML Page In Your Page

    Server-Side Includes
    Other Interesting Additions

        Soft Hyphens
        Easier Internal References with ID
        In Conclusion

18: Needles in Haystacks
    Producing Index-Friendly Pages with META
        Create Meaningful Titles
        Using the META tag
        Other Possible META Values
        Content Rating with PICS
        Keeping Crawlers Away

    Registering with Web Index and Search Sites
        Joining a Directory Site
        Signing up for a crawler or robot site
        Using Submit It! (

    Fee-Based Advertising Spots
    Cooperative Advertising with Link Exchange
    Tying in with Related Sites Using a Web Ring
    The Basics of Banner Advertising
    The Best Way

19: Dynamic HTML and The Future
    Dynamic HTML With Layers and JavaScript
    Dynamic HTML According to Microsoft
    Dynamic Font and Printing Technologies
    Page Counters
    A Musical Alternative: MIDI
    The Future of the Web

    A: Building Your First Page: A Primer
    B: Step-by-Step Web Site Planning Guide
    C: Finding a Home for Your Web Page
    D: Glossary
    E: HTML Quick Reference
    F: What's On the CD-ROM
[read it online!]


    navigational options

View Source