Preface | |
HTML Is for Everyone | p. ix |
Graduated Learning Process | p. ix |
Special Features | p. ix |
What This Book Covers | p. x |
Standards-Based Instruction | p. xi |
Software Requirements | p. xii |
About the Author | p. xii |
Introduction | |
What Is the Internet? | p. 1 |
The ARPAnet | p. 1 |
A Network of Networks | p. 2 |
TCP/IP | p. 2 |
The Client-Server Model | p. 5 |
What Is the World Wide Web? | p. 7 |
The Inventor of the Web: Tim Berners-Lee | p. 7 |
The Universal Medium | p. 8 |
The Original Purpose of the Web | p. 8 |
The World Wide Web Consortium | p. 9 |
Basic Web Protocols | p. 10 |
What Is HTML? | p. 12 |
HTML Documents Are ASCII Files | p. 12 |
HTML Is Not a Proprietary Format | p. 12 |
HTML Is a Markup Language | p. 13 |
HTML Is a Client-Side Application | p. 14 |
What Is Hypertext? | p. 15 |
How Did HTML Evolve? | p. 17 |
The Original Version of HTML | p. 17 |
HTML 2.0 | p. 17 |
Vendor Extensions to HTML | p. 18 |
HTML 3.2 | p. 18 |
HTML 4 | p. 19 |
XML and XHTML | p. 20 |
The Importance of Web Standards | p. 21 |
Related Web Technologies | p. 22 |
Creating a Basic Web Page | p. 3 |
Using the Example Files | p. 3 |
Downloading the Example Files | p. 3 |
Creating a Working Folder or a Working Disk | p. 4 |
Creating a Working Folder | p. 4 |
Creating a Working Disk | p. 5 |
Understanding the Basics | p. 5 |
Tags, Elements, and Attributes | p. 5 |
Container Elements | p. 5 |
Empty Elements | p. 6 |
Block and Inline Elements | p. 6 |
Nesting and Overlapping | p. 6 |
Attributes and Attribute Values | p. 7 |
Case-Insensitivity | p. 7 |
Case Example: Creating a Personal Web Page | p. 7 |
Running Your Text Editor | p. 8 |
Starting Your Page | p. 9 |
Starting with the Top-Level Elements | p. 9 |
Creating a Title for Your Page | p. 9 |
Saving a Starting Template | p. 10 |
Adding a Level-One Heading | p. 12 |
Previewing Your Work | p. 12 |
Previewing Your HTML Document in Your Browser | p. 13 |
Hopping between Your Text Editor and Your Browser | p. 14 |
Stopping and Restarting Your Work | p. 14 |
Writing an Introductory Paragraph | p. 14 |
Spacing, Tabs, and Returns | p. 15 |
Inserting Comments | p. 16 |
Creating a Hypertext Link | p. 17 |
Adding a New Section | p. 19 |
Creating a Bulleted List | p. 21 |
Creating a Link List | p. 22 |
Linking Etiquette | p. 23 |
Horizontally Aligning Headings, Paragraphs, and Divisions | p. 25 |
Using the ALIGN Attribute | p. 25 |
Using the DIV Element | p. 26 |
Inserting an Inline Image | p. 26 |
Horizontally Aligning an Inline Image | p. 27 |
Using the CENTER Element | p. 28 |
Including Alternative Text | p. 28 |
Specifying an Image's Height and Width | p. 30 |
Creating an Address Block | p. 30 |
Inserting a Line Break | p. 31 |
Adding a Horizontal Rule | p. 32 |
Linking to Your E-Mail Address | p. 32 |
Horizontally Aligning Your Address Block | p. 33 |
Including Other Items in the Address Block | p. 34 |
Chapter Summary | p. 35 |
Working with Online Documents | p. 39 |
Using the Example Files | p. 39 |
Case Example: Formatting an Online Academic Paper | p. 40 |
Opening an HTML File in Your Text Editor | p. 40 |
Saving and Previewing Your HTML File | p. 41 |
Declaring the Document Type | p. 41 |
Understanding Conformance Levels | p. 41 |
Understanding DocType Switching | p. 42 |
Adding a DocType Declaration | p. 43 |
Using META Elements | p. 43 |
Specifying the Document's Character Set | p. 43 |
Including a Description and Keyword List | p. 44 |
Adding Inline Highlighting | p. 45 |
Using the I and B Elements | p. 45 |
Using the EM and the STRONG Elements | p. 46 |
Creating Bold Italic Highlighting | p. 47 |
Using Underlining | p. 48 |
Working with Quotations | p. 49 |
Nesting Paragraphs in Block Quotes | p. 50 |
Nesting Other Block Elements in Block Quotes | p. 50 |
Marking Revisions | p. 51 |
Using the DEL and INS Elements | p. 51 |
Striking Out Text | p. 52 |
Creating Footnotes and Endnotes | p. 52 |
Superscripting Note Numbers | p. 53 |
Creating Hypertext Footnote Links | p. 54 |
Creating a Destination Anchor | p. 54 |
Creating a Footnote Link | p. 54 |
Creating a Return Link | p. 55 |
Creating a Footnote Separator Line | p. 57 |
Creating Endnote Links | p. 60 |
Inserting a Copyright Symbol | p. 62 |
Case Example: Creating a Frequently Asked Questions Page | p. 64 |
Creating a Document Menu | p. 65 |
Creating the Menu Links | p. 65 |
Inserting the Destination Anchors | p. 66 |
Creating Return Links | p. 67 |
Making Bigger and Smaller Text | p. 68 |
Making Text Bigger | p. 68 |
Making Text Smaller | p. 69 |
Using Numbered Lists | p. 70 |
Creating Multi-Level Numbered Lists | p. 71 |
Adding Vertical Spacing between List Items | p. 72 |
Inserting the Registered and Trademark Symbols | p. 74 |
Using Monospaced Text | p. 75 |
Chapter Summary | p. 79 |
Working with Fonts, Colors, and Backgrounds | p. 85 |
Using the Example Files | p. 85 |
Case Example: Updating the Appearance of a Personal Web Page | p. 86 |
Changing Font Sizes | p. 86 |
Using Absolute Font Sizes | p. 86 |
Using Relative Font Sizes | p. 88 |
Changing the Base Font Size | p. 90 |
Changing the Font Face | p. 90 |
Understanding Font Realities | p. 90 |
Specifying a Single Font Face | p. 91 |
Specifying a Font List | p. 92 |
Specifying a Generic Font-Family Name | p. 94 |
Using Sans Serif and Serif Fonts | p. 95 |
Working with Colors | p. 96 |
Using Color Names | p. 96 |
Using Hexadecimal RGB Codes | p. 98 |
Using Web-Safe Colors | p. 100 |
Setting Text, Link, and Background Colors | p. 101 |
Using a Background Image | p. 102 |
Displaying a Background Image | p. 103 |
Creating Your Own Background Images | p. 103 |
Controlling Fonts, Colors, and Backgrounds Using Styles | p. 104 |
Understanding Why the FONT and BASEFONT Elements Are Deprecated | p. 106 |
Changing Font Sizes Using Styles | p. 106 |
Setting Font Sizes Using Pixels | p. 106 |
Setting Font Sizes Using Ems | p. 108 |
Setting Font Sizes Using the SPAN Element | p. 109 |
Understanding Compatibility Issues with Font Sizes Using Ems | p. 111 |
Specifying Font Families Using Styles | p. 114 |
Using Styles and the FONT Element Together | p. 115 |
Quoting Font-Family Names that Include Spaces | p. 115 |
Setting Colors Using Styles | p. 115 |
Setting Text, Link, and Background Colors Using Styles | p. 116 |
Setting a Background Image Using a Style | p. 118 |
Specifying a Background Image | p. 118 |
Using Other Background Properties | p. 120 |
Creating Rollover Links | p. 121 |
Turning Link Underlining Off | p. 121 |
Using Downloadable Fonts | p. 122 |
Chapter Summary | p. 124 |
Working with Images and Other Media | p. 129 |
Using the Example Files | p. 129 |
Case Example: Creating a Report with Floating Images | p. 130 |
Floating Images | p. 131 |
Flowing Text around a Left-Aligned Image | p. 132 |
Setting Horizontal Spacing | p. 132 |
Flowing Text around a Right-Aligned Image | p. 133 |
Flowing Text between Two Images | p. 134 |
Overlapping Floating Images | p. 135 |
Practicing Using Floating Images | p. 136 |
Viewing Images | p. 137 |
Case Example: Creating an Online Picture Gallery | p. 138 |
Creating a Flowing Left-Right Gallery Layout | p. 138 |
Floating the Gallery Images | p. 139 |
Creating Image Links | p. 140 |
Controlling Link Targets | p. 141 |
Turning Off an Image Link's Border | p. 142 |
Using Rules, Banners, and Buttons | p. 143 |
Using Graphic Rules | p. 143 |
Using a Transparent Banner Image | p. 144 |
Using Navigation Icons and Button Links | p. 145 |
Finding Images on the Web | p. 146 |
Creating Your Own Web Images | p. 146 |
Determining which Format: GIF or JPEG? | p. 146 |
Creating GIF Images | p. 148 |
Using the Web-Safe Color Palette | p. 148 |
Creating an Optimized Color Palette | p. 148 |
Using Transparent GIF Images | p. 149 |
Using Interlaced GIF Images | p. 151 |
Using JPEG Images | p. 151 |
Using Other Image Formats | p. 153 |
Using Animations | p. 154 |
Using GIF Animations | p. 154 |
Using Other Animations | p. 156 |
Adding Sound | p. 157 |
Embedding Audio Files | p. 157 |
Playing an Audio File Automatically in the Background | p. 157 |
Playing an Audio File Automatically in the Foreground | p. 158 |
Using the NOEMBED Element | p. 159 |
Specifying a Play-In Page | p. 159 |
Using the OBJECT Element to Insert Audio Files | p. 160 |
Playing an Audio File Automatically in the Foreground | p. 160 |
Playing an Audio File Automatically in the Background | p. 161 |
Handling Earlier Browsers | p. 161 |
Choosing Audio Formats | p. 162 |
Adding Video | p. 162 |
Using the EMBED Element to Insert a Video | p. 162 |
Using the OBJECT Element to Insert a Video | p. 164 |
Understanding Copyright Issues | p. 164 |
Chapter Summary | p. 166 |
Working with Tables | p. 171 |
Using the Example Files | p. 171 |
Case Example: Formatting a Worksheet | p. 171 |
Formatting Tabular Data as Preformatted Text | p. 172 |
Formatting Tabular Data Using an HTML Table | p. 176 |
Creating the Basic Table | p. 176 |
Controlling the Table Border | p. 178 |
Controlling Spacing and Padding | p. 179 |
Setting Table Width and Alignment | p. 181 |
Horizontally Aligning Cell Contents | p. 182 |
Setting Column Widths | p. 182 |
Spanning Columns and Rows | p. 184 |
Vertically Aligning Cell Contents | p. 185 |
Using HTML to Control Table Appearance | p. 185 |
Controlling Font Characteristics | p. 186 |
Displaying a Background Color behind the Table | p. 187 |
Displaying Background Colors behind Rows and Cells | p. 188 |
Displaying Background Images in Tables | p. 189 |
Using Styles to Control Table Appearance | p. 190 |
Alerting Netscape 4 Users | p. 191 |
Changing Fonts and Colors | p. 192 |
Controlling the Appearance of Row Groups | p. 193 |
Turning Off Spacing between Cells | p. 194 |
Controlling the Appearance of Columns | p. 195 |
Setting Display Characteristics of Specific Rows and Cells | p. 197 |
Adding Borders to the Table | p. 198 |
Case Example: Creating Floating Figure Captions | p. 199 |
Case Example: Creating Indented Icon Link Lists | p. 202 |
Creating an Icon Link List Using a Table | p. 202 |
Creating an Icon Link List Using Styles | p. 204 |
Creating an Icon Link List Using Floating Bullet Icons | p. 205 |
Case Example: Formatting an Online Resume | p. 206 |
Case Example: Creating a Two-Column Layout | p. 209 |
Using a Spacer Image | p. 210 |
Creating a Sidebar Menu | p. 211 |
Varying the Padding Amounts | p. 212 |
Creating a Seamless Table Layout | p. 214 |
Removing the Page Margins | p. 214 |
Adding a Seamless Background | p. 214 |
Getting the Rollover Links to Work | p. 215 |
Chapter Summary | p. 217 |
Working with Multi-Page Web Sites | p. 221 |
Using the Example Files | p. 221 |
Case Example: Creating a Framed Web Site | p. 221 |
Creating Frame Page Layouts | p. 222 |
Creating a Two-Column Frame Page | p. 222 |
Creating the Frameset Page | p. 222 |
Understanding the Sidebar Page | p. 224 |
Creating a Two-Row Frame Page | p. 225 |
Creating the Frameset Page | p. 225 |
Understanding the Topbar Page | p. 227 |
Creating a Frame Page with Columns and Rows | p. 228 |
Creating the Frameset Page | p. 228 |
Understanding the Framed Pages | p. 229 |
Using a Nested Frameset File | p. 230 |
Understanding Pros and Cons of Using Frames | p. 231 |
Why Use Frames? | p. 231 |
Why Not Use Frames? | p. 231 |
Using META Elements in Frame Pages | p. 232 |
Using the NOFRAMES Element | p. 233 |
Creating a Simple NOFRAMES Element | p. 233 |
Making Sure Pages in Frames Can Stand Alone | p. 234 |
Creating a More Complex NOFRAMES Element | p. 235 |
Breaking Up a Framed Site into Multiple Framesets | p. 235 |
Using Styles with Multi-Page Web Sites | p. 236 |
Setting Up the Files to Be Styled | p. 236 |
Setting Up the Top Banner File | p. 237 |
Setting Up the Sidebar File | p. 238 |
Setting Up the Main Frame File | p. 239 |
Setting Up the Other Main Frame Files | p. 240 |
Creating the External Style Sheet | p. 240 |
Styling the Top Banner File | p. 241 |
Styling the Sidebar File | p. 241 |
Styling the Main Frame File | p. 242 |
Adding Rollover Buttons | p. 244 |
Using Relative URLs | p. 246 |
Reorganizing the A-Plus Printers Site | p. 247 |
Working with Files and Folders in Windows | p. 247 |
Working with Files and Folders on the Macintosh | p. 247 |
Creating the Relative URLs | p. 248 |
Editing the Top Banner File | p. 248 |
Editing the Sidebar File | p. 249 |
Editing the Main File | p. 249 |
Editing the Graphics Design File | p. 250 |
Editing the Style Sheet File | p. 250 |
Testing the Reorganized Site | p. 251 |
Creating Seamless Frames | p. 252 |
Controlling Frame Borders Using Styles | p. 253 |
Validating Your Web Pages | p. 254 |
Using the W3C HTML Validation Service | p. 254 |
Uploading an HTML File to Be Validated | p. 254 |
Correcting Errors | p. 256 |
Using Other Validators | p. 258 |
Publishing Web Sites | p. 258 |
Finding a Web Host | p. 258 |
Understanding What You Need to Know | p. 259 |
Using an FTP Program | p. 260 |
Chapter Summary | p. 261 |
Working with Forms | p. 267 |
Using the Example Files | p. 267 |
Using Mailto and CGI Forms | p. 267 |
Case Example: Creating a Submission Form | p. 268 |
Creating a Form | p. 268 |
Starting the Form | p. 269 |
Creating Input Controls | p. 269 |
Creating Text Boxes | p. 270 |
Creating Radio Buttons | p. 270 |
Creating Check Boxes | p. 271 |
Using Other Input Controls | p. 272 |
Creating List Menus | p. 272 |
Setting the Size of a List Menu | p. 273 |
Specifying Option Values | p. 273 |
Enabling Multiple Selections in a List Menu | p. 273 |
Creating Text Area Boxes | p. 274 |
Creating Control Buttons | p. 274 |
Creating Submit and Reset Buttons | p. 274 |
Creating an Image Button | p. 275 |
Using the BUTTON Element | p. 275 |
Testing the Form | p. 276 |
Filling in the Text Boxes | p. 277 |
Selecting a Radio Button | p. 277 |
Selecting a List Menu Option | p. 277 |
Selecting Check Boxes | p. 278 |
Filling In the Text Area Box | p. 278 |
Testing the Submit and Reset Buttons | p. 278 |
Setting the Tabbing Order | p. 279 |
Sending and Receiving Mailto Form Responses | p. 280 |
Setting Up Your Browser to Send Mailto Forms | p. 280 |
Using Mailto Forms with Netscape and Mozilla | p. 280 |
Using Mailto Forms with Internet Explorer | p. 280 |
Sending Mailto Form Responses | p. 281 |
Receiving Mailto Form Responses | p. 282 |
Deciphering Mailto Form Responses | p. 283 |
Using Mailto Form Utilities | p. 284 |
Creating CGI Forms | p. 284 |
Setting Up a CGI Form | p. 284 |
Setting Up and Configuring a Form-Processing CGI Script | p. 285 |
Using Telnet to Set Permissions for a CGI Script | p. 285 |
Using an FTP Program to Set CGI Script Permissions | p. 285 |
Understanding the CHMOD Number | p. 286 |
Sending and Receiving CGI Form Responses | p. 287 |
Designing Forms | p. 288 |
Using the PRE Element with Forms | p. 288 |
Using Colors and Backgrounds with Forms | p. 290 |
Using Tables with Forms | p. 290 |
Using JavaScript with Forms | p. 292 |
Chapter Summary | p. 294 |
Team Project | p. 303 |
HTML Quick Reference | p. 1 |
Special Characters Chart | p. 28 |
Web-Safe Colors Chart | p. 37 |
Index | p. 1 |
Table of Contents provided by Ingram. All Rights Reserved. |