Acknowledgments | p. xv |
Introduction | p. xvii |
HTML Basics | |
Getting Started | p. 3 |
Understand the Internet as a Medium for Disseminating Information | p. 4 |
The Anatomy of a Web Site | p. 4 |
Ask the Expert | p. 5 |
Web Browsers | p. 7 |
Looking to the Future | p. 8 |
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 Different Types of HTML Editors | 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 |
Develop a Web Site | p. 18 |
Module 1 Mastery Check | p. 20 |
Basic Page Structure | p. 21 |
Create an HTML File | p. 22 |
Naming Conventions | p. 23 |
Preview an HTML File in a Browser | p. 24 |
Describe and Apply the Basic HTML Document Format | p. 25 |
Ask the Expert | p. 26 |
Types of Tags | p. 26 |
Attributes | p. 27 |
Required Tags | p. 28 |
The Three Flavors of XHTML | p. 29 |
Ask the Expert | p. 30 |
Capitalization | p. 30 |
Quotations | p. 31 |
Nesting | p. 31 |
Spacing and Breaks | p. 31 |
Use Character Entities to Display Special Characters | p. 34 |
Add Comments to an HTML File | p. 36 |
Add Style Sheets to an HTML File | p. 36 |
Define the Style | p. 36 |
Define the Values | p. 37 |
Create the Structure | p. 37 |
Create the First Page of Your Site | p. 41 |
Module 2 Mastery Check | p. 43 |
Color | p. 45 |
Identify the Use of Hexadecimal Color in Web Development | p. 46 |
Color Names | p. 48 |
Web-safe Colors | p. 49 |
Specify Document Colors | p. 50 |
Ask the Expert | p. 51 |
Change the Colors of Your Page | p. 54 |
Module 3 Mastery Check | p. 55 |
Working with Text | p. 57 |
Format and Align Paragraphs of Text | p. 58 |
Paragraph Breaks | p. 58 |
Line Breaks | p. 61 |
Preformat | p. 62 |
Quotation Blocks and Text Boxes | p. 63 |
Horizontal Rules | p. 66 |
Alignment | p. 68 |
Format Paragraphs and Page Elements | p. 71 |
Extra Credit | p. 74 |
Add Headings | p. 76 |
Add Emphasis to Sections of Text | p. 79 |
Logical Styles | p. 79 |
Physical Styles | p. 81 |
Emphasis with Style Sheets | p. 83 |
Alter the Face, Size and Color of Text | p. 84 |
Format with HTML | p. 85 |
Format with Style Sheets | p. 91 |
Add Styles to Your Web Page | p. 94 |
Module 4 Mastery Check | p. 99 |
Working with Links | p. 101 |
Add Links to Other Web Pages | p. 102 |
Absolute Links | p. 105 |
Relative Links | p. 105 |
Add Links to Sections Within the Same Page | p. 108 |
Ask the Expert | p. 108 |
Create an Anchor | p. 109 |
Link to an Anchor | p. 111 |
Add Links to E-mail Addresses, Newsgroups, and Downloadable Files | p. 113 |
E-mail Addresses | p. 113 |
Newsgroups | p. 114 |
FTP and Downloadable Files | p. 115 |
Add Links | p. 115 |
Project Summary | p. 120 |
Change Link Colors | p. 121 |
Default Link Colors | p. 123 |
Customize Links by Setting the Title, Tab Order, Keyboard Shortcut, and Target Window | p. 123 |
Title | p. 124 |
Tab Order | p. 124 |
Keyboard Shortcuts | p. 125 |
Target Windows | p. 126 |
Customize Links | p. 127 |
Module 5 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. 142 |
Link Images to Other Content on a Web Site | p. 144 |
Link the Entire Image | p. 144 |
Link Sections of an Image | p. 146 |
Use Borders | p. 151 |
Align Images with Other Elements on the Page | p. 153 |
Ask the Expert | p. 156 |
Ending Alignment | p. 156 |
Add Space Around Images | p. 159 |
Change Image Characteristics | p. 161 |
Use Images as Elements in the Background of a Web Page | p. 164 |
Add a Background Image | p. 170 |
Module 6 Mastery Check | p. 172 |
Working with Multimedia | p. 175 |
Understand How Plug-ins and ActiveX Controls Are Used with Web Browsers | p. 176 |
Identify the Installed Components | p. 177 |
Recognize File Types, Extensions, and Appropriate Plug-ins | p. 177 |
Ask the Expert | p. 179 |
Link to Multimedia | p. 180 |
Embed Multimedia | p. 182 |
Using Embed | p. 183 |
Ask the Expert | p. 188 |
Using Object | p. 190 |
Use Embed and Object Together | p. 192 |
Ask the Expert | p. 193 |
Java Applets | p. 193 |
Embed Sound in a Web Page | p. 194 |
Extra Credit | p. 197 |
Module 7 Mastery Check | p. 197 |
Creating Lists | p. 199 |
Use Ordered Lists in a Web Page | p. 200 |
Use Unordered Lists in a Web Page | p. 203 |
Use Lists on Your Web Page | p. 204 |
Use Definition Lists in a Web Page | p. 208 |
Use Style Sheets to Format Lists | p. 210 |
Combine and Nest Two or More Types of Lists in a Web Page | p. 211 |
Use Two Different Types of Lists Within Your Web Page | p. 213 |
Module 8 Mastery Check | p. 218 |
Using Tables | p. 221 |
Understand the Concept and Uses of Tables in Web Pages | p. 222 |
Create a Basic Table Structure | p. 223 |
Table Structure | p. 223 |
Cell Content | p. 224 |
Format Tables Within Web Pages | p. 228 |
Borders | p. 228 |
Cell Padding and Spacing | p. 233 |
Width and Height | p. 235 |
Ask the Expert | p. 237 |
Alignment | p. 240 |
Ask the Expert | p. 241 |
Colors | p. 242 |
Background Images | p. 244 |
Captions | p. 244 |
Create a Basic Table | p. 245 |
Format Content Within Table Cells | p. 249 |
Alignment | p. 249 |
Width and Height | p. 252 |
Colors | p. 254 |
Ask the Expert | p. 255 |
Prohibit Line Breaks | p. 256 |
Spanning Columns | p. 258 |
Spanning Rows | p. 259 |
Format Cell Content | p. 260 |
Additional Formatting Techniques | p. 263 |
Grouping and Aligning Rows | p. 263 |
Group and Align Columns | p. 265 |
Use Seamless and Nested Tables for Page Layout | p. 268 |
Seamless Tables | p. 271 |
Nested Tables | p. 272 |
Using Seamless and Nested Tables | p. 274 |
Module 9 Mastery Check | p. 278 |
Developing Frames | p. 281 |
Understand the Concept and Uses of Frames in Web Pages | p. 282 |
Browser Support for Frames | p. 283 |
Create a Basic Frameset | p. 283 |
Columns and Rows | p. 284 |
Identify Frame Content | p. 288 |
Format Frames Within a Frameset | p. 290 |
Naming | p. 290 |
Borders | p. 291 |
Margin Height and Width | p. 293 |
Ask the Expert | p. 294 |
Scrolling | p. 295 |
Resizing | p. 296 |
Create Links Between Frames | p. 297 |
Targets | p. 298 |
Base Targets | p. 299 |
Nest Framesets | p. 300 |
Create Inline Frames | p. 302 |
Accommodate Non-Frames-Capable Browsers | p. 305 |
Creating a Basic Frameset | p. 306 |
Module 10 Mastery Check | p. 309 |
Employing Forms | p. 311 |
Understand the Concept and Uses of Forms in Web Pages | p. 312 |
Create a Basic Form | p. 312 |
Text Input | p. 314 |
Radio Buttons | p. 319 |
Check Boxes | p. 321 |
Select Menus | p. 322 |
File Uploads | p. 326 |
Hidden Fields | p. 327 |
Buttons | p. 328 |
Create a Basic Form | p. 330 |
Provide a Way for Your Form to Be Processed | p. 334 |
The action Attribute | p. 334 |
The method and enctype Attributes | p. 337 |
Use Additional Formatting Techniques for Forms | p. 338 |
Tables | p. 338 |
Ask the Expert | p. 340 |
Tab Order and Keyboard Shortcuts | p. 340 |
Labels | p. 341 |
Groups | p. 342 |
Disable Form Elements | p. 344 |
Format the Form | p. 345 |
Module 11 Mastery Check | p. 348 |
Beyond HTML | |
Creating Your Own Web Graphics | p. 355 |
Become Familiar with Graphics Software | p. 356 |
Adobe Photoshop/ImageReady | p. 357 |
Macromedia Fireworks | p. 358 |
Jasc's Paint Shop Pro | p. 358 |
Describe Issues That Impact Design Decisions | p. 359 |
Platforms | p. 359 |
Target Audience Demographics | p. 360 |
HTML | p. 362 |
Browsers | p. 363 |
Color | p. 364 |
Bandwidth | p. 365 |
Recognize Graphic File Formats for the Web | p. 369 |
Terminology | p. 369 |
GIF | p. 372 |
Ask the Expert | p. 374 |
JPEG | p. 375 |
PNG | p. 375 |
Choose the Best File Format for the Job | p. 376 |
Saving Web Graphics | p. 377 |
Module 12 Mastery Check | p. 379 |
Learning More | p. 380 |
Web Content | p. 383 |
Ensure Onscreen Readability of Text | p. 384 |
Create Effective Links | p. 385 |
Offer Printer-friendly Pages | p. 387 |
Optimizing Text Content | p. 388 |
Module 13 Mastery Check | p. 389 |
Learning More | p. 392 |
JavaScript | p. 393 |
Understand the Concept and Uses of JavaScript in Web Pages | p. 394 |
Troubleshoot JavaScript | p. 395 |
Hide Scripts | p. 396 |
Terminology | p. 396 |
JavaScript Logic | p. 400 |
Use and Modify an Example JavaScript in a Web Page | p. 402 |
Add the Current Date and Time | p. 402 |
Make Required Form Fields | p. 402 |
Change Page Elements When the User Points to Them | p. 404 |
Format a New Window | p. 407 |
Using JavaScript to Launch a New Browser Window | p. 408 |
Module 14 Mastery Check | p. 411 |
Learning More | p. 411 |
Online References and Scripts | p. 412 |
Books | p. 412 |
Making Pages Available to Others | p. 413 |
Select Possible Domain Names for Your Site | p. 414 |
Ask the Expert | p. 414 |
Determine the Most Appropriate Type of Hosting for Your Site | p. 415 |
Personal Site Hosting | p. 415 |
Business Site Hosting | p. 416 |
Differentiate Between Search Engines and Search Directories | p. 418 |
Prepare Your Site for Its Public Debut | p. 419 |
Adding Meta Tags | p. 421 |
Upload Your Site to a Host Computer | p. 422 |
Windows FTP Programs | p. 422 |
Macintosh FTP Programs | p. 425 |
Web-based FTP | p. 427 |
Test Your Site | p. 427 |
Publicize Your Site | p. 429 |
Marketing Tips | p. 430 |
Make the Site Live! | p. 431 |
Summary | p. 431 |
Module 15 Mastery Check | p. 432 |
Learning More | p. 432 |
Search Engines and Search Directories | p. 433 |
Appendixes | |
Mastery Check Answers | p. 437 |
HTML 4.01 Reference Table | p. 465 |
Generic Attributes | p. 466 |
Group Type: Core | p. 466 |
Group Type: Events | p. 467 |
Group Type: Intl | p. 467 |
Basic Page Structure | p. 467 |
Working with Text | p. 469 |
Working with Links | p. 471 |
Working with Images and Multimedia | p. 472 |
Creating Lists | p. 474 |
Using Tables | p. 475 |
Developing Frames | p. 477 |
Employing Forms | p. 479 |
Using Style Sheets and Scripts | p. 481 |
Notes | p. 482 |
Troubleshooting (FAQ) | p. 483 |
My Page Is Blank in the Browser! | p. 484 |
All I See Is Code in the Browser! | p. 484 |
My Images Don't Appear! | p. 485 |
I Tried to Change the Font, But Nothing Happened! | p. 485 |
When I Used a Special Character, It Doesn't Appear! | p. 485 |
My Links Don't Work! | p. 486 |
My Page Looks Great in One Browser, But Terrible in Another! | p. 486 |
When I Link My Images, They Have Little Colored Dashes Next to Them! | p. 487 |
I Saved My Image as a JPEG, but the Browser Says It's Not a Valid File Format! | p. 488 |
Strange Characters Are at the Top of My Page! | p. 488 |
I Added Internal Links to Sections of a Web Page, But When I Click Them, the Browser Launches a Brand New Window! | p. 488 |
I Specified One Color But Got a Totally Different One! | p. 489 |
I Need to Protect Some of My Pages From Unwanted Visitors! | p. 489 |
I Need to Prevent People From Stealing My Images! | p. 489 |
I Tried to Send My Web Page in an E-mail, But the Page Looked Terrible! | p. 490 |
I Updated My Web Page, But I Don't See the Changes in the Browser! | p. 490 |
My Whole Page Is--! (Fill in the Blank) | p. 491 |
My Page Has a White Background in Internet Explorer, But Not in Netscape! | p. 491 |
I Shrank My Images, but They Still Take Forever To Download! | p. 491 |
I Embedded a Flash File That Works Fine on My Computer, But Doesn't Work Properly on Other Computers! | p. 492 |
My Tables Look Fine in One Browser, But Terrible in Another! | p. 492 |
I Still Have Questions! | p. 493 |
Special Characters | p. 495 |
Standard HTML Entites | p. 496 |
File Types | p. 501 |
Index | p. 505 |
Table of Contents provided by Syndetics. All Rights Reserved. |