| |
| |
Introduction | |
| |
| |
Who Should Read This Book | |
| |
| |
What This Book Contains | |
| |
| |
What You Need Before You Start | |
| |
| |
Conventions Used in This Book | |
| |
| |
Special Elements | |
| |
| |
HTML Input and Output Examples | |
| |
| |
Special Fonts | |
| |
| |
What's on the Web Site? | |
| |
| |
| |
Getting Started | |
| |
| |
| |
The World of the World Wide Web | |
| |
| |
What Is the World Wide Web? | |
| |
| |
Web Browswers | |
| |
| |
Web Servers | |
| |
| |
Uniform Resource Locators (URLs) | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Get Organized | |
| |
| |
Anatomy of a Web Site | |
| |
| |
What Do You Want to Do on the Web? | |
| |
| |
Set Your Goals | |
| |
| |
Break Up Your Content into Main Topics | |
| |
| |
Ideas for Organization and Navigation | |
| |
| |
Storyboarding Your Web Site | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
An Introduction to HTML | |
| |
| |
What HTML Is--And What It Isn't | |
| |
| |
Preparing for the Future with XHTML 1.0 | |
| |
| |
What HTML Files Look Like | |
| |
| |
Programs to Help You Write HTML | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Creating Simple Web Pages | |
| |
| |
| |
Begin with the Basics | |
| |
| |
Structuring Your HTML | |
| |
| |
The Title | |
| |
| |
Headings | |
| |
| |
Paragraphs | |
| |
| |
Lists, Lists, and More Lists | |
| |
| |
Comments | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
All About Links | |
| |
| |
Creating Links | |
| |
| |
Linking Local Pages Using Relative and Absolute Pathnames | |
| |
| |
Links to Other Documents on the Web | |
| |
| |
Linking to Specific Places Within Documents | |
| |
| |
Anatomy of a URL | |
| |
| |
Kinds of URLs | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
More Text Formatting with HTML | |
| |
| |
Character Styles | |
| |
| |
Preformatted Text | |
| |
| |
Horizontal Rules | |
| |
| |
Line Break | |
| |
| |
Addresses | |
| |
| |
Quotations | |
| |
| |
Special Characters | |
| |
| |
Text Alignment | |
| |
| |
Fonts and Font Sizes | |
| |
| |
The Dreaded [blink] | |
| |
| |
[nobr] and [wbr] | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Web Graphics | |
| |
| |
| |
Using Images, Color, and Backgrounds | |
| |
| |
Images on the Web | |
| |
| |
Inline Images in HTML: The [img] Tag | |
| |
| |
Images and Text | |
| |
| |
Images and Links | |
| |
| |
Using External Images | |
| |
| |
Other Neat Tricks with Images | |
| |
| |
Using Color | |
| |
| |
Image Backgrounds | |
| |
| |
Hints for Better Use of Images | |
| |
| |
Image Etiquette | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Creating Animated Graphics | |
| |
| |
What Is an Animation? | |
| |
| |
When and Where to Use Animation | |
| |
| |
Creating Transparent GIF Files | |
| |
| |
Programs to Help You Compile Animated GIFs | |
| |
| |
Creating Animated GIFs | |
| |
| |
Optimizing Animation Size | |
| |
| |
Tools to Help You Create Your Pictures | |
| |
| |
Creating an Image Rollover | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Creating and Using Imagemaps | |
| |
| |
What Is an Imagemap? | |
| |
| |
Creating Client-Side Imagemaps | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Doing More with HTML | |
| |
| |
| |
Tables | |
| |
| |
A Note About the Table Definition | |
| |
| |
Creating Tables | |
| |
| |
Table Parts | |
| |
| |
Sizing Tables, Borders, and Cells | |
| |
| |
Table and Cell Color and Alignment | |
| |
| |
Aligning Your Table Content | |
| |
| |
Spanning Multiple Rows or Columns | |
| |
| |
More Advanced Table Enhancements | |
| |
| |
Other Table Elements and Attributes | |
| |
| |
How Tables Are Used | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Frames and Linked Windows | |
| |
| |
What Are Frames and Who Supports Them? | |
| |
| |
Working with Linked Windows | |
| |
| |
Working with Frames | |
| |
| |
Changing Frame Borders | |
| |
| |
Creating Complex Framesets | |
| |
| |
Floating Frames | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
XHTML and Style Sheets | |
| |
| |
What Is XHTML, and Why Use It? | |
| |
| |
The Concept of Style Sheets | |
| |
| |
Some Background on Style Sheets | |
| |
| |
The Bookworm Bookshop Revisited | |
| |
| |
Approaches to Style Sheets | |
| |
| |
About Cascading | |
| |
| |
Commonly Used Style Sheet Properties and Values | |
| |
| |
Inline Styles | |
| |
| |
Sources of Information About Cascading Style Sheets | |
| |
| |
Workshop | |
| |
| |
| |
Multimedia, Forms, and Dynamic HTML | |
| |
| |
| |
Multimedia: Adding Sounds, Videos, and More | |
| |
| |
Understanding How to Present Sound and Video | |
| |
| |
The Old Standby: Linking | |
| |
| |
Embedding Sound and Video | |
| |
| |
Sound and Video File Types | |
| |
| |
Of Plug-Ins and Players | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Designing Forms | |
| |
| |
Understanding Form and Function | |
| |
| |
Essential Elements of a Form | |
| |
| |
Adding Extras | |
| |
| |
Planning Your Forms | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Using Dynamic HTML | |
| |
| |
What Exactly Is Dynamic HTML? | |
| |
| |
Learning JavaScript | |
| |
| |
Using Document Object Models | |
| |
| |
Handling Events | |
| |
| |
Coping with Reality: Cross-Browser DHTML Techniques | |
| |
| |
Continuing Your DHTML Education | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Designing Effective Web Pages | |
| |
| |
| |
Writing and Designing Web Pages: Do's and Don'ts | |
| |
| |
Using the HTML Extensions | |
| |
| |
Writing for Online Publication | |
| |
| |
Design and Page Layout | |
| |
| |
Using Links | |
| |
| |
Using Images | |
| |
| |
Other Good Habits and Hints | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Examples of Good Web Design | |
| |
| |
| |
A Company Profile | |
| |
| |
| |
A Multimedia Encyclopedia | |
| |
| |
| |
A Shopping Catalog | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Designing for the Real World | |
| |
| |
What Is the Real World, Anyway? | |
| |
| |
Considering User Experience Level | |
| |
| |
Determining User Preference | |
| |
| |
Deciding on an HTML 4.01 or XHTML 1.0 Approach | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Going Live on the Web | |
| |
| |
| |
Putting Your Site Online | |
| |
| |
What Does a Web Server Do? | |
| |
| |
Locating a Web Server | |
| |
| |
Organizing Your HTML Files for Installation | |
| |
| |
Installing Your Files | |
| |
| |
Adding Interactive Features | |
| |
| |
Test, Test, and Test Again | |
| |
| |
Troubleshooting | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Letting People Know It's There | |
| |
| |
Registering and Advertising Your Web Pages | |
| |
| |
Site Indexes and Search Engines | |
| |
| |
Submission Tools | |
| |
| |
Announce Your Site Using Usenet | |
| |
| |
Web Rings | |
| |
| |
Business Cards, Letterhead, Brochures, and Advertisements | |
| |
| |
Finding Out Who's Viewing Your Web Pages | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Testing, Revising, and Maintaining Your Web Site | |
| |
| |
Integrity Testing | |
| |
| |
Usability Testing | |
| |
| |
Updating and Adding Pages to Your Site | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Appendixes | |
| |
| |
| |
Sources for Further Information | |
| |
| |
Access Counters | |
| |
| |
Browsers | |
| |
| |
Collections of HTML and Web Development Information | |
| |
| |
Forms and Imagemaps | |
| |
| |
HTML Editors and Converters | |
| |
| |
HTML Validators, Link Checkers, and Simple Spiders | |
| |
| |
Java, JavaScript, and Embedded Objects | |
| |
| |
Log File Parsers | |
| |
| |
HTML Style Guides | |
| |
| |
Servers and Server Administration | |
| |
| |
Sound and Video | |
| |
| |
Specifications for HTML, HTTP, and URLs | |
| |
| |
The Common Gateway Interface (CGI) and CGI Scripting | |
| |
| |
Other Web-Related Topics | |
| |
| |
Tools and Information for Images | |
| |
| |
Web Providers | |
| |
| |
Web Indexes and Search Engines | |
| |
| |
| |
HTML 4.01 Quick Reference | |
| |
| |
Common Attributes and Events | |
| |
| |
Structure | |
| |
| |
Text Phrases and Paragraphs | |
| |
| |
Text Formatting Elements | |
| |
| |
Lists | |
| |
| |
Links | |
| |
| |
Tables | |
| |
| |
Frames | |
| |
| |
Embedded Content | |
| |
| |
Style | |
| |
| |
Forms | |
| |
| |
Scripts | |
| |
| |
Character Entities | |
| |
| |
| |
Cascading Style Sheet (CSS) Quick Reference | |
| |
| |
How to Use This Appendix | |
| |
| |
Block-Level Properties | |
| |
| |
Background and Color Properties | |
| |
| |
Box Model Properties | |
| |
| |
Font Properties | |
| |
| |
List Properties | |
| |
| |
Text Properties | |
| |
| |
Visual Effects Properties | |
| |
| |
Aural Style Sheet Properties | |
| |
| |
Generated Content/Automatic Numbering Properties | |
| |
| |
Paged Media Properties | |
| |
| |
Table Properties | |
| |
| |
User Interface Properties | |
| |
| |
Cascading Style Sheet Units | |
| |
| |
| |
Colors by Name and Hexadecimal Value | |
| |
| |
| |
MIME Types and File Extensions | |
| |
| |
Index | |