HTML Web Magic, Second Edition

I. INTRODUCTION.

Basic Web Design Tips.


Basics of Web Design. Basic HTML Coding Tips. HTML 4.0 Quick Reference Chart. A Word About JavaScript.

II. MAGIC WITH FIRST IMPRESSIONS.

Using the <> Tag to Get Listed.
Creating a Slide Show with META Refresh.


Creating a Loop. See the Slide Show in Action.

Designing a Splash Page with META Refresh.


Using the META Refresh Function.

Eliminate Browser Offset.


The Invisible Border. Specifying Invisible Margins. Tinkering with JavaScript. Browser Offset Resources.

Determining Your Visitor's Browser and Platform.


Sending Browsers to Specific Pages. Discriminating Between Browsers. Determining the Platform.

Detecting Specific Plug-ins.


Writing the Code.

Design an Alternate Page for Older Browsers.


Using the <

Make Descriptive Links.


Integrating Descriptive Links.

III. MAGIC WITH IMAGES.

Create Colorful GIF Rules and Frames.


Creating GIF Rules. Putting It Together in the Browser. Designing a Frame.

Create White Space.


Using Spacer GIFs.

Make Images Appear Magically.


Creating the LOWSRC Effect. Creating a Mini-Animation for a Splash Page.

Animate a Portion of a Large Image.


Sectioning the Image.

Serve PNG Format Graphics.


The Benefits of PNG Graphics. Creating PNG Files.

Create Image Maps.


Working with Image Mappers.

Design JavaScript Rollovers.


Designing the Rollover Images. Creating the Rollover Effect. Putting It All Together.

Design Image Map Rollovers.


Creating the Single Image Map Rollover. Creating the Multiple Image Map Rollover.

Create Rollover Animations.
Develop Multiple Rollovers.


Writing the Code.

IV. MAGIC WITH TABLES.

Define White Space.


Create Your Site Skeleton. Labeling Your White Space. Placing Your Elements Within the Structure.

Color Table Data Cells.


Attract Your Viewer. Speed Up Image Loading.

Layer Typography and Images.


Create Layered Typography. Cropping Animated GIFs.

Design Invisible Linking Cells.


Creating Image Maps.

Align Images and Text.


Creating a Table.

Create Nested Tables.


Creating a Simple Nested Table. Creating Multiple Nested Tables. Controlling Type Placement and Flow. Creating a Bordered Structure.

Resize Tables Dynamically.


Using Percentages.

V. MAGIC WITH FRAMES.

Create a No-Frames Option.


Creation Options. Forwarding Users to an Alternative Page. Creating the Page.

Create a Single-Frame Site.


Hide Your Site's Directory Structure. Eliminate Browser Offset.

Force Frames.


Avoid Getting Framed. Limiting Access to Framed Pages.

Design Frames Within Frames.


Basic Frames Layout. Nesting Frames.

Create Border Graphics by Using Frames.


Get Creative!

Design Frames for Navigation.


Using a Two-Frame Structure. The Navigation Without Frames.

Target Multiple Frames with JavaScript.


Updating Multiple Frames.

VI. MAGIC WITH WINDOWS.

Open Windows with HTML TARGET.


HTML Versus JavaScript. Coding the HTML.

Open and Close Windows with JavaScript.


Open New Windows. Close Windows.

Design a Launch Pad Home Page.


New Windows on Demand. Auto-Loading New Windows.

Open Remote Navigation Windows.


Making the Remote Control Appear Automatically. Coding and Using the Remote Control Page.

VII. MAGIC WITH TYPE.

Specifying Fonts with HTML.


Specifying Size. Specifying Fonts.

Specifying Fonts with Cascading Style Sheets.


Creating Styles.

Position and Layer Type with CSS.


Layering Typographic Elements.

Create Nonunderlined Text Links with CSS.


Applying Styles.

Wrap Type Around Images.


Typographic Layout Limitations of Conventional HTML. Using Tables to Enhance Layout.

Create Lists by Using Graphics Instead of HTML Bullets.


HTML's Restrictive<

> and <

> Tags. Creating Graphically Enhanced Lists.

Create Structured Type by Using Columns.


The Nonbreaking Space ( ). Creating the Columns Template. Filling in the Columns.

VIII. MAGIC WITH FORMS.

Incorporate Color and Graphics into Forms.


Designing Forms.

Align Forms with Text and Images.


Designing Forms.

Create a Visual Submit Button.


Designing the Submit Button. Inserting the Submit Button.

Create Wrapping Text Fields.


Using WRAP Property.

Design Pull-Down Menus with JavaScript.


Define the Function. Create the Pull-Down Menu.

Index.