| Acknowledgments | p. xix |
| Introduction | p. xxi |
| HTML Basics | |
| Getting Started | p. 1 |
| Understand the Internet as a Medium for Disseminating Information | p. 4 |
| The Anatomy of a Web Site | p. 4 |
| Ask the Expert | p. 6 |
| Web Browsers | p. 7 |
| Looking to the Future | p. 9 |
| Plan for the Audience, Goals, Structure, Content, and Navigation of Your Site | p. 9 |
| Identify the Target Audience | p. 10 |
| Set Goals | p. 11 |
| Create the Structure | p. 11 |
| Organize Content | p. 12 |
| Develop Navigation | p. 13 |
| Identify the Best HTML Editor for You | p. 14 |
| Text- or Code-Based HTML Editors | p. 15 |
| WYSIWYG HTML Editors | p. 15 |
| Which Is Best? | p. 16 |
| Learn from the Pros Using the View Source Command of Popular Web Browsers | p. 17 |
| Developing a Web Site | p. 18 |
| Mastery Check | p. 20 |
| Basic Page Structure | p. 23 |
| Create an HTML File | p. 24 |
| Naming Conventions | p. 25 |
| Preview an HTML File in a Browser | p. 26 |
| Describe and Apply the Basic HTML Document Format | p. 28 |
| Types of Tags | p. 29 |
| Attributes | p. 30 |
| Required Tags | p. 30 |
| The Three Flavors | p. 31 |
| Ask the Expert | p. 33 |
| Capitalization | p. 33 |
| Quotations | p. 34 |
| Nesting | p. 34 |
| Spacing and Breaks | p. 34 |
| Use Character Entities to Display Special Characters | p. 38 |
| Add Comments to an HTML File | p. 39 |
| Set Up Style Sheets in an HTML File | p. 39 |
| Define the Style | p. 40 |
| Define the Values | p. 41 |
| Create the Structure | p. 42 |
| Creating the First Page of Your Site | p. 45 |
| Mastery Check | p. 47 |
| Color | p. 51 |
| Identify the Ways in Which Color Is Referenced in Web Development | p. 52 |
| Hexadecimal Color | p. 53 |
| Hexadecimal Shorthand | p. 55 |
| RGB Values and Percentages | p. 55 |
| Color Names | p. 56 |
| So Which Should I Use? | p. 57 |
| Web-Safe Colors | p. 57 |
| Specify Document Colors | p. 58 |
| Change the Colors of Your Page | p. 59 |
| Mastery Check | p. 60 |
| Working with Text | p. 61 |
| Organize Sections of Text | p. 62 |
| Identifying Natural Divisions | p. 62 |
| Paragraph Breaks | p. 66 |
| Line Breaks | p. 69 |
| Preformat | p. 70 |
| Quotation Blocks and Text Boxes | p. 72 |
| Horizontal Rules | p. 74 |
| Alignment | p. 75 |
| Format Paragraphs and Page Elements | p. 78 |
| Add Headings | p. 82 |
| Add Logical Emphasis to Sections of Text | p. 84 |
| Logical Styles | p. 84 |
| Physical Styles | p. 85 |
| Emphasis with Style Sheets | p. 88 |
| Style Sections of Text by Changing Font Characteristics | p. 89 |
| Font Faces | p. 90 |
| Font Sizes | p. 93 |
| Font Colors | p. 94 |
| Quick Reference | p. 95 |
| Add Styles to Your Web Page | p. 97 |
| Mastery Check | p. 100 |
| Working with Links | p. 101 |
| Add Links to Other Web Pages | p. 102 |
| Absolute Links | p. 104 |
| Relative Links | p. 104 |
| Add Links to Sections Within the Same Web Page | p. 108 |
| Ask the Expert | p. 109 |
| Create an Anchor | p. 109 |
| Link to an Anchor | p. 110 |
| Add Links to E-mail Addresses and Downloadable Files | p. 112 |
| E-mail Addresses | p. 113 |
| Ask the Expert | p. 116 |
| FTP and Downloadable Files | p. 116 |
| Add Links | p. 117 |
| Style Links | p. 122 |
| Default Link Colors | p. 123 |
| Beyond Colors | p. 124 |
| Customize Links by Setting the Tab Order, Keyboard Shortcut, and Target Window | p. 125 |
| Title | p. 125 |
| Tab Order | p. 125 |
| Keyboard Shortcuts | p. 126 |
| Target Windows | p. 127 |
| Customize Links | p. 128 |
| Mastery Check | p. 130 |
| Working with Images | p. 133 |
| Use Images as Elements in the Foreground of a Web Page | p. 134 |
| Image File Types | p. 135 |
| Using Existing Graphics | p. 136 |
| Creating Your Own Graphics | p. 137 |
| Add an Image to Your Web Page | p. 137 |
| Specify the Height and Width of Images | p. 139 |
| Provide Alternative Text and Titles for Images | p. 141 |
| Link Images to Other Content on a Web Site | p. 144 |
| Link the Entire Image | p. 144 |
| Link Sections of an Image | p. 145 |
| Style Foreground Images | p. 150 |
| Borders | p. 150 |
| Floats | p. 153 |
| Padding and Margins | p. 158 |
| Centering | p. 158 |
| Change Image Characteristics | p. 159 |
| Use Images as Elements in the Background of a Web Page | p. 162 |
| Add a Background Image | p. 169 |
| Mastery Check | p. 171 |
| Working with Multimedia | p. 173 |
| Understand How Plug-ins and ActiveX Controls Are Used with Web Browsers | p. 174 |
| Identify the Installed Components | p. 175 |
| Recognize File Types, Extensions, and Appropriate Plug-ins | p. 175 |
| Link to Different Types of Media from a Web Page | p. 176 |
| Embed Different Types of Media into a Web Page | p. 178 |
| Using the Object Tag | p. 179 |
| Ask the Expert | p. 184 |
| Java Applets | p. 184 |
| Add Multimedia to a Web Page | p. 185 |
| Mastery Check | p. 188 |
| Creating Lists | p. 189 |
| Use Ordered Lists in a Web Page | p. 190 |
| Use Unordered Lists in a Web Page | p. 193 |
| Use Definition Lists in a Web Page | p. 194 |
| Combine and Nest Two or More Types of Lists in a Web Page | p. 196 |
| Use Lists on Your Web Page | p. 198 |
| Style Lists | p. 203 |
| Customize the Bullets | p. 204 |
| Customize the Layout | p. 205 |
| Style Lists Within Your Web Page | p. 209 |
| Mastery Check | p. 212 |
| Using Tables | p. 215 |
| Understand the Concept and Uses of Tables in Web Pages | p. 216 |
| Create a Basic Table Structure | p. 217 |
| Table Structure | p. 218 |
| Cell Content | p. 219 |
| Format Tables Within Web Pages | p. 223 |
| Borders | p. 223 |
| Cell Padding and Spacing | p. 226 |
| Width and Height | p. 228 |
| Ask the Expert | p. 230 |
| Basic Alignment | p. 231 |
| Colors | p. 232 |
| Background Images | p. 233 |
| Captions | p. 233 |
| Create a Basic Table | p. 235 |
| Format Content Within Table Cells | p. 241 |
| Alignment | p. 241 |
| Width and Height | p. 242 |
| Colors | p. 245 |
| Prohibit Line Breaks | p. 246 |
| Spanning Columns | p. 246 |
| Span Rows | p. 247 |
| Additional Formatting Techniques | p. 249 |
| Group and Align Rows | p. 249 |
| Group and Align Columns | p. 251 |
| Format Cell Content | p. 253 |
| Mastery Check | p. 259 |
| Developing Frames | p. 261 |
| Understand the Concept and Uses of Frames in Web Pages | p. 262 |
| Ask the Expert | p. 262 |
| Browser Support for Frames | p. 263 |
| Create a Basic Frameset | p. 264 |
| Columns and Rows | p. 264 |
| Identify Frame Content | p. 269 |
| Format Frames Within a Frameset | p. 271 |
| Naming | p. 271 |
| Borders | p. 271 |
| Margin Height and Width | p. 273 |
| Scrolling | p. 274 |
| Resizing | p. 275 |
| Create Links Between Frames | p. 276 |
| Targets | p. 276 |
| Base Targets | p. 278 |
| Nest Framesets | p. 278 |
| Create Inline Frames | p. 280 |
| Accommodate Non-Frames-Capable Browsers | p. 283 |
| Creating a Basic Frameset | p. 284 |
| Mastery Check | p. 287 |
| Employing Forms | p. 289 |
| Understand the Concept and Uses of Forms in Web Pages | p. 290 |
| Create a Basic Form | p. 290 |
| Text Input | p. 292 |
| Radio Buttons | p. 297 |
| Check Boxes | p. 298 |
| Select Menus | p. 299 |
| File Uploads | p. 302 |
| Hidden Fields | p. 304 |
| Buttons | p. 304 |
| Create a Basic Form | p. 306 |
| Provide a Way for Your Form to Be Processed | p. 310 |
| The action Attribute | p. 310 |
| The method and enctype Attributes | p. 313 |
| Use Additional Formatting Techniques for Forms | p. 313 |
| Tables | p. 314 |
| Tab Order and Keyboard Shortcuts | p. 315 |
| Ask the Expert | p. 316 |
| Labels | p. 316 |
| Groups | p. 317 |
| Disable Form Elements | p. 319 |
| Style Forms | p. 320 |
| Use Styles and Fieldsets to Eliminate the Table Layout | p. 323 |
| Format the Form | p. 327 |
| Mastery Check | p. 330 |
| Positioning Page Elements | p. 333 |
| Understand the Concept and Uses of Style Sheets for Page Layout | p. 334 |
| Create a Single-Column, Centered, Fluid Page Layout | p. 334 |
| Break Down the Code | p. 337 |
| Pull It All Together | p. 338 |
| Browser Support | p. 339 |
| Create a Multicolumn Fluid Page Layout | p. 339 |
| Break Down the Code | p. 341 |
| Ask the Expert | p. 345 |
| Pull It Back Together | p. 350 |
| Browser Support | p. 350 |
| Other CSS Page Layouts | p. 353 |
| Layer Content Within a Layout | p. 353 |
| Realistic Uses of Layers in Web Pages | p. 356 |
| Use External Style Sheets | p. 357 |
| Link to an External Style Sheet | p. 357 |
| Import an External Style Sheet | p. 358 |
| Use CSS for Page Layout | p. 359 |
| Mastery Check | p. 361 |
| Beyond HTML | |
| Creating Your Own Web Graphics | p. 365 |
| Become Familiar with Graphics Software | p. 366 |
| Adobe Photoshop | p. 367 |
| Macromedia Fireworks | p. 368 |
| Corel's Paint Shop Pro | p. 368 |
| Describe Issues that Impact Design Decisions | p. 369 |
| Platforms | p. 369 |
| Target Audience Demographics | p. 370 |
| HTML | p. 372 |
| Browsers | p. 373 |
| Color | p. 374 |
| Bandwidth | p. 375 |
| Recognize Graphic File Formats for the Web | p. 378 |
| Terminology | p. 379 |
| GIF | p. 382 |
| Ask the Expert | p. 384 |
| JPEG | p. 384 |
| PNG | p. 385 |
| Choose the Best File Format for the Job | p. 386 |
| Save Web Graphics | p. 388 |
| Mastery Check | p. 390 |
| Learn More | p. 391 |
| Web Content | p. 393 |
| Ensure Onscreen Readability of Text | p. 394 |
| Recognize Effective Links | p. 395 |
| Offer Printer-Friendly Pages | p. 397 |
| PDFs | p. 397 |
| Printer-Specific Style Sheets | p. 398 |
| Final Tips for Printer-Friendly Pages | p. 400 |
| Optimize Text Content | p. 400 |
| Mastery Check | p. 404 |
| Learn More | p. 404 |
| Dynamic Content | p. 405 |
| Understand the Concept and Uses of JavaScript and DHTML in Web Pages | p. 406 |
| Troubleshoot JavaScript | p. 407 |
| Hide Scripts | p. 408 |
| Terminology | p. 409 |
| JavaScript Logic | p. 413 |
| Sample Scripts | p. 414 |
| Add the Current Date and Time | p. 414 |
| Make Required Form Fields | p. 414 |
| Replace an Image When the User Points to It | p. 416 |
| Format a New Window | p. 418 |
| Create a Dynamic Navigation Bar | p. 419 |
| Use JavaScript to Launch a New Browser Window | p. 423 |
| Mastery Check | p. 425 |
| Learn More | p. 426 |
| Online References and Scripts | p. 426 |
| Books | p. 427 |
| Making Pages Available to Others | p. 429 |
| Select Possible Domain Names for Your Site | p. 430 |
| Determine the Most Appropriate Type of Hosting for Your Site | p. 430 |
| Ask the Expert | p. 431 |
| Personal Site Hosting | p. 431 |
| Business Site Hosting | p. 432 |
| Search Engines and Search Directories | p. 434 |
| Prepare Your Site for Its Public Debut | p. 435 |
| Add Meta Tags | p. 437 |
| Upload Your Site to a Host Computer | p. 438 |
| Windows FTP Programs | p. 438 |
| Macintosh FTP Programs | p. 441 |
| Web-Based FTP | p. 442 |
| Test Your Site | p. 444 |
| Publicize Your Web Site | p. 444 |
| Marketing Tips | p. 446 |
| Make the Site Live! | p. 447 |
| Summary | p. 447 |
| Mastery Check | p. 448 |
| Learn More | p. 448 |
| Search Engines and Search Directories | p. 449 |
| Appendixes | |
| Answers to Mastery Checks | p. 453 |
| HTML/CSS Reference Table | p. 481 |
| Generic Attributes | p. 482 |
| Group Type: Core | p. 482 |
| Group Type: Events | p. 48 3 |
| Group Type: Intl. | p. 483 |
| HTML Tags | p. 483 |
| CSS Properties | p. 493 |
| Troubleshooting (FAQs) | p. 499 |
| My Page Is Blank in the Browser! | p. 500 |
| All I See Is Code in the Browser! | p. 500 |
| My Images Don't Appear! | p. 501 |
| I Tried to Change the Font, but Nothing Happened! | p. 501 |
| When I Use a Special Character, It Doesn't Appear! | p. 501 |
| My Links Don't Work! | p. 502 |
| My Page Looks Great in One Browser, but Terrible in Another! | p. 502 |
| When I Link My Images, They Have Little Colored Dashes Next to Them! | p. 503 |
| I Saved My Image as a IPEG, but the Browser Says It's Not a Valid File Format! | p. 504 |
| Strange Characters Are at the Top of My Page! | p. 504 |
| I Added Internal Links to Sections of a Web Page, but When I Click Them, the Browser Launches a Brand New Window! | p. 504 |
| I Specified One Color but Got a Totally Different One! | p. 505 |
| I Need to Protect Some of My Pages from Unwanted Visitors! | p. 505 |
| I Need to Prevent People from Stealing My Images! | p. 505 |
| I Tried to Send My Web Page in an E-mail, but the Page Looked Terrible! | p. 506 |
| I Updated My Web Page, but I Don't See the Changes in the Browser! | p. 506 |
| My Whole Page Is________________! (Fill in the Blank) | p. 507 |
| My Page Has a White Background in Internet Explorer, but Not in Other Browsers! | p. 507 |
| I Shrank My Images, but They Still Take Forever to Download! | p. 508 |
| I Embedded a Flash File that Works Fine on My Computer, but Doesn't Work Properly on Other Computers! | p. 508 |
| My Tables Look Fine in One Browser, but Terrible in Another! | p. 508 |
| I Still Have Questions! | p. 509 |
| Special Characters | p. 511 |
| Standard HTML Entities | p. 512 |
| File Types | p. 517 |
| Index | p. 521 |
| Table of Contents provided by Ingram. All Rights Reserved. |