| |
| |
| 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 | |
| |
| |
| Teach Yourself Web Publishing with HTML: 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) | |
| |
| |
| |
| 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 | |
| |
| |
| |
| An Introduction to HTML | |
| |
| |
| What HTML Is--and What It Isn't | |
| |
| |
| Bridging the Future with XHTML 1.0 | |
| |
| |
| What HTML Files Look Like | |
| |
| |
| Programs to Help You Write HTML | |
| |
| |
| |
| Creating Simple Web Pages | |
| |
| |
| |
| Begin with the Basics | |
| |
| |
| Structuring Your HTML | |
| |
| |
| The Title | |
| |
| |
| Headings | |
| |
| |
| Paragraphs | |
| |
| |
| Lists, Lists, and More Lists | |
| |
| |
| Comments | |
| |
| |
| |
| 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 | |
| |
| |
| |
| 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] | |
| |
| |
| |
| 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 | |
| |
| |
| |
| Creating Images for the Web | |
| |
| |
| Image Formats | |
| |
| |
| Color | |
| |
| |
| Image Compression | |
| |
| |
| Image Interlacing and Transparent Backgrounds | |
| |
| |
| Transparency | |
| |
| |
| GIF Animation | |
| |
| |
| Creating and Using Images | |
| |
| |
| The New Kid on the Block: PNG | |
| |
| |
| For More Information | |
| |
| |
| |
| Creating Animated Graphics | |
| |
| |
| What Is an Animation? | |
| |
| |
| When and Where to Use Animation | |
| |
| |
| Creating Transparent GIF Files | |
| |
| |
| Programs to Help You Compile Animated GIFs | |
| |
| |
| Economizing Animation Size | |
| |
| |
| Tools to Help You Create Your Pictures | |
| |
| |
| |
| Style Sheets, Tables, and Frames | |
| |
| |
| |
| 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 | |
| |
| |
| |
| 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 | |
| |
| |
| |
| 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 | |
| |
| |
| |
| 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 | |
| |
| |
| |
| 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 | |
| |
| |
| |
| Using Java | |
| |
| |
| What Is Java All About? | |
| |
| |
| Programming with Java | |
| |
| |
| Including Java Applets on Your Web Pages | |
| |
| |
| |
| Imagemaps and Forms | |
| |
| |
| |
| Creating and Using Imagemaps | |
| |
| |
| What Is an Imagemap? | |
| |
| |
| Creating Server-Side Imagemaps | |
| |
| |
| Creating Client-Side Imagemaps | |
| |
| |
| Building Web Pages That Support Both Types of Imagemaps | |
| |
| |
| |
| Designing Forms | |
| |
| |
| Understanding Form and Function | |
| |
| |
| Essential Elements of a Form | |
| |
| |
| Adding Extras | |
| |
| |
| Planning Your Forms | |
| |
| |
| |
| 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 | |
| |
| |
| Non-Parsed Headers Scripts | |
| |
| |
| Isindex Scripts | |
| |
| |
| |
| JavaScript and Dynamic HTML | |
| |
| |
| |
| Creating JavaScript Scripts | |
| |
| |
| Introducing JavaScript | |
| |
| |
| The [Script] Tag | |
| |
| |
| Basic Commands and Language Structure | |
| |
| |
| Basic JavaScript Programming | |
| |
| |
| |
| Working With JavaScript | |
| |
| |
| Creating a Random Link Generator | |
| |
| |
| Validating Forms With JavaScript | |
| |
| |
| Creating an Image Rollover | |
| |
| |
| |
| Using Dynamic HTML | |
| |
| |
| What Exactly Is Dynamic HTML? | |
| |
| |
| Coping with Reality: Cross-Browser DHTML Techniques | |
| |
| |
| Continuing Your DHTML Education | |
| |
| |
| |
| Designing Effective Web Pages | |
| |
| |
| |
| Writing and Designing Web Pages: Dos and Don'ts | |
| |
| |
| Using the HTML Extensions | |
| |
| |
| Writing for Online Publication | |
| |
| |
| Design and Page Layout | |
| |
| |
| Using Links | |
| |
| |
| Using Images | |
| |
| |
| Other Good Habits and Hints | |
| |
| |
| |
| Examples of Good and Bad Web Design | |
| |
| |
| Example One: A Company Profile | |
| |
| |
| Example Two: A Multimedia Encyclopedia | |
| |
| |
| Example Three: A Shopping Catalog | |
| |
| |
| |
| Designing for the Real World | |
| |
| |
| What Is the Real World Anyway? | |
| |
| |
| Considering User Experience Level | |
| |
| |
| Determining User Preference | |
| |
| |
| Deciding on an HTML 4.0 or XHTML 1.0 Approach | |
| |
| |
| |
| Going Live on the Web | |
| |
| |
| |
| Putting Your Site Online | |
| |
| |
| What Does a Web Server Do? | |
| |
| |
| Locating a Web Server | |
| |
| |
| Organizing and Installing Your HTML Files | |
| |
| |
| What's My URL? | |
| |
| |
| Test, Test, and Test Again | |
| |
| |
| Troubleshooting | |
| |
| |
| |
| Letting People Know It's There | |
| |
| |
| Registering and Advertising Your Web Pages | |
| |
| |
| Site Indexes and Search Engines | |
| |
| |
| Announce Your Site Using Usenet | |
| |
| |
| Web Rings | |
| |
| |
| Business Cards, Letterheads, Brochures, and Advertisements | |
| |
| |
| Finding Out Who's Viewing Your Web Pages | |
| |
| |
| |
| Testing, Revising, and Maintaining Your Web Site | |
| |
| |
| Integrity Testing | |
| |
| |
| Usability Testing | |
| |
| |
| Updating and Adding Pages to Your Site | |
| |
| |
| |
| 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 | |
| |
| |
| |
| Web Server Hints, Tricks, and Tips | |
| |
| |
| Server-Side Includes | |
| |
| |
| File Redirection | |
| |
| |
| Log Files | |
| |
| |
| Custom Error Documents | |
| |
| |
| |
| 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 NCSA HTTPD | |
| |
| |
| NCSA Options | |
| |
| |
| NCSA Options and Access Control Overrides | |
| |
| |
| Access Control in Microsoft Internet Information Server | |
| |
| |
| Secure Network Connections and SSL | |
| |
| |
| |
| 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 | |
| |
| |
| Other | |
| |
| |
| Servers and Server Administration | |
| |
| |
| Sound and Video | |
| |
| |
| Specifications for HTML, HTTP, and URLs | |
| |
| |
| The Common Gateway Interface (CGI) and CGI Scripting | |
| |
| |
| The Future of HTML and the Web | |
| |
| |
| Tools and Information for Images | |
| |
| |
| Web Providers | |
| |
| |
| Web Indexes and Search Engines | |
| |
| |
| |
| HTML 4.0 Quick Reference | |
| |
| |
| |
| Cross-Browser Reference Table | |
| |
| |
| Cross-Browser Table | |
| |
| |
| Intrinsic Events | |
| |
| |
| |
| Cascading Style Sheef (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 | |
| |
| |
| |
| Character Entities | |
| |
| |
| |
| Colors by Name and Hexadecimal Value | |
| |
| |
| |
| MIME Types and File Extensions | |
| |
| |
| Index | |