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. |