| |
| |
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 Browsers | |
| |
| |
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 [left angle bracket]blink[right angle bracket] | |
| |
| |
[left angle bracket]nobr[right angle bracket] and [left angle bracket]wbr[right angle bracket] | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Web Graphics | |
| |
| |
| |
Using Images, Color, and Backgrounds | |
| |
| |
Images on the Web | |
| |
| |
Inline Images in HTML: The [left angle bracket]img[right angle bracket] 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 Images for the Web | |
| |
| |
Image Formats | |
| |
| |
Color | |
| |
| |
Image Compression | |
| |
| |
Image Interlacing and Transparent Backgrounds | |
| |
| |
GIF Animation | |
| |
| |
Creating and Using Images | |
| |
| |
The New Kid on the Block: PNG | |
| |
| |
For More Information | |
| |
| |
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 | |
| |
| |
Optimizing Animation Size | |
| |
| |
Tools to Help You Create Your Pictures | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Style Sheets, Tables, and Frames | |
| |
| |
| |
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 and Java Applets | |
| |
| |
| |
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 | |
| |
| |
| |
Working with Sound and Video Files | |
| |
| |
An Introduction to Digital Sound | |
| |
| |
Common Sound Formats | |
| |
| |
Getting Sound Files | |
| |
| |
Sampling Sound | |
| |
| |
Converting Sound Files | |
| |
| |
Audio for the Web | |
| |
| |
An Introduction to Digital Video | |
| |
| |
Movie Formats | |
| |
| |
Movie Compression | |
| |
| |
Codec Formats | |
| |
| |
Digitizing Video | |
| |
| |
Getting and Converting Video | |
| |
| |
Video for the Web | |
| |
| |
For More Information | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Using Java | |
| |
| |
What Is Java All About? | |
| |
| |
Programming with Java | |
| |
| |
Including Java Applets on Your Web Pages | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Imagemaps and Forms | |
| |
| |
| |
Creating and Using Imagemaps | |
| |
| |
What Is an Imagemap? | |
| |
| |
Creating Client-Side Imagemaps | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Designing Forms | |
| |
| |
Understanding Form and Function | |
| |
| |
Essential Elements of a Form | |
| |
| |
Adding Extras | |
| |
| |
Planning Your Forms | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Beginning CGI Scripting | |
| |
| |
What Is a CGI Script? | |
| |
| |
Can I Use CGI Scripts? | |
| |
| |
Anatomy of a CGI Script | |
| |
| |
Creating Special Script Output | |
| |
| |
Scripts to Process Forms | |
| |
| |
Troubleshooting | |
| |
| |
CGI Variables | |
| |
| |
Programs to Decode Form Input | |
| |
| |
Nonparsed Headers Scripts | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
JavaScript and Dynamic HTML | |
| |
| |
| |
Creating JavaScript Scripts | |
| |
| |
Introducing JavaScript | |
| |
| |
The [left angle bracket]script[right angle bracket] Tag | |
| |
| |
Basic Commands and Language Structure | |
| |
| |
Basic JavaScript Programming | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Working with JavaScript | |
| |
| |
Creating a Random Link Generator | |
| |
| |
Validating Forms with JavaScript | |
| |
| |
Creating an Image Rollover | |
| |
| |
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 Feature | |
| |
| |
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 | |
| |
| |
| |
Setting Up and Administering a Web Server | |
| |
| |
| |
Setting Up Your Own Server | |
| |
| |
The Advantages and Disadvantages of Running Your Own Server | |
| |
| |
Finding a Computer | |
| |
| |
Finding a Network Connection | |
| |
| |
Software | |
| |
| |
Servers for UNIX Systems | |
| |
| |
Servers for Windows | |
| |
| |
Servers for the Macintosh | |
| |
| |
Tips for Good Server Administration | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Web Server Hints, Tricks, and Tips | |
| |
| |
Server-Side Includes | |
| |
| |
File Redirection | |
| |
| |
Log Files | |
| |
| |
Custom Error Documents | |
| |
| |
Summary | |
| |
| |
Workshop | |
| |
| |
| |
Web Server Security and Access Control | |
| |
| |
Hints for Making Your Server More Secure | |
| |
| |
Hints on Writing More Secure CGI Scripts | |
| |
| |
An Introduction to Web Server Access Control and Authentication | |
| |
| |
Access Control and Authentication in Apache | |
| |
| |
Apache Options | |
| |
| |
Apache Options and Access Control Overrides | |
| |
| |
Access Control in Microsoft Internet Information Server | |
| |
| |
Secure Network Connections and SSL | |
| |
| |
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 | |
| |
| |
| |
Cross-Browser Reference Table | |
| |
| |
Cross-Browser Table | |
| |
| |
Intrinsic Events | |
| |
| |
| |
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 | |
| |
| |
| |
JavaScript Reference | |
| |
| |
A Note About JavaScript 1.2 | |
| |
| |
The anchor Object | |
| |
| |
The applet Object | |
| |
| |
The area Object | |
| |
| |
The array Object | |
| |
| |
The boolean Object | |
| |
| |
The button Object | |
| |
| |
The checkbox Object | |
| |
| |
The date Object | |
| |
| |
The document Object | |
| |
| |
The event Object | |
| |
| |
The fileUpload Object | |
| |
| |
The form Object | |
| |
| |
The frame Object | |
| |
| |
The function Object | |
| |
| |
The hidden Object | |
| |
| |
The history Object | |
| |
| |
The image Object | |
| |
| |
The layer Object | |
| |
| |
The link Object | |
| |
| |
The location Object | |
| |
| |
The math Object | |
| |
| |
The mimeType Object | |
| |
| |
The navigator Object | |
| |
| |
The number Object | |
| |
| |
The object Object | |
| |
| |
The option Object | |
| |
| |
The password Object | |
| |
| |
The plugin Object | |
| |
| |
The radio Object | |
| |
| |
The regExp Object | |
| |
| |
The reset Object | |
| |
| |
The screen Object | |
| |
| |
The select Object | |
| |
| |
The string Object | |
| |
| |
The submit Object | |
| |
| |
The text Object | |
| |
| |
The textarea Object | |
| |
| |
The window Object | |
| |
| |
Independent Functions, Operators, Variables, and Literals | |
| |
| |
| |
Character Entities | |
| |
| |
| |
Colors by Name and Hexadecimal Value | |
| |
| |
| |
MIME Types and File Extensions | |
| |
| |
Index | |