Integrated HTML and CSS: a smarter, faster way to learn

Cover......Page 4
Contents at a Glance......Page 9
Introduction......Page 18
What Are XHTML and HTML?......Page 22
What Is CSS?......Page 23
Opening and Closing Tags......Page 24
Empty Elements......Page 25
Getting Started with CSS Syntax......Page 27
Selectors and Declarations......Page 28
Real World Example......Page 33
Summary......Page 34
The Cascade......Page 36
Begin with the Browser......Page 37
External Styles......Page 39
Embedded Styles......Page 41
Inline Styles......Page 44
Specificity......Page 45
Using @import......Page 47
Real World Example......Page 49
Summary......Page 50
The Goal......Page 52
DOCTYPES......Page 53
The XML Declaration......Page 54
The Head......Page 55
Saving......Page 56
Learn the CSS......Page 57
The Background......Page 58
Specifying Colors for Web Pages......Page 59
The Margins......Page 60
Color Isn’t Everything......Page 62
CSS Properties for the body Element......Page 66
Summary......Page 67
Learn the XHTML......Page 68
Building Structure with Headings......Page 69
How to Work through the Chapter......Page 70
Adding to the XHTML......Page 72
Learn the CSS......Page 73
Start with siteName......Page 74
Headings with Class......Page 77
Compare Results......Page 79
The Box Model......Page 81
CSS Properties for Headings......Page 82
Summary......Page 83
Learn the XHTML......Page 84
Organizing Content Structurally......Page 85
To div or Not to div......Page 87
Learn the CSS......Page 89
Absolute Positioning......Page 90
Relative Positioning......Page 93
Fixed Positioning......Page 94
Using Margins to Arrange Content......Page 95
Using Classes to Style Headings......Page 97
Using float to Arrange Content......Page 98
What Else Floats?......Page 103
Why Not Left?......Page 105
Using z-index to Arrange Content......Page 107
Real World Example......Page 110
CSS Properties......Page 111
Summary......Page 112
Learn the XHTML......Page 114
Acronyms and Abbreviations......Page 116
Special Characters......Page 117
Block Quotes......Page 121
Formatting for Meaning: The em and strong Elements......Page 122
More Text Formatting Elements......Page 123
Learn the CSS......Page 124
Start Your Stylesheet......Page 125
More Body Rules......Page 128
Heading Rules......Page 129
Paragraph Rules......Page 130
Block Quote Rules......Page 131
Acronym......Page 133
Callout......Page 134
Footer......Page 137
The Whole Stylesheet......Page 139
Using the display Property to Remove Content......Page 141
Changing the Font Size for Print......Page 143
Changing the Text Indent for Print......Page 145
The Whole Stylesheet......Page 146
Real World Example......Page 147
Challenge Yourself......Page 148
Summary......Page 149
Organizing a Site......Page 150
Anatomy of a URL......Page 152
Home Page......Page 153
Learn the XHTML......Page 154
Linking from One Page to Another in the Same Directory......Page 155
Relative and Absolute Links......Page 158
Linking to Pages in Different Directories......Page 161
Linking to Non-HTML Files......Page 167
Images as Links......Page 170
E-mail Links......Page 171
Linking to a Specific Location in a Page: Named Anchors......Page 172
Learn the CSS......Page 175
Editing Embedded Link Styles......Page 176
Styling Links with background-image......Page 183
Styling to Indicate the Current Page......Page 184
Real World Example......Page 185
Challenge Yourself......Page 187
Summary......Page 188
Creating and Editing Images......Page 190
JPEG vs. GIF......Page 191
Basic Graphics Software Tips......Page 192
The img Element......Page 198
Building Some Basic Navbars......Page 201
Designing a Photo Gallery......Page 204
Adding a Banner......Page 206
Adding a Heading......Page 207
Transparent GIFs......Page 208
Get to Work......Page 210
Learn the CSS......Page 211
Link Color and Decoration......Page 214
Size Matters......Page 215
Sizing Images via HTML: The Good......Page 216
Sizing Images via HTML: The Bad......Page 217
Linking Directly to Images......Page 218
Body Talk......Page 220
Flash......Page 224
QuickTime......Page 226
Windows Media......Page 228
Java Applets......Page 229
Real World Examples......Page 232
Challenge Yourself......Page 233
Summary......Page 234
Learn the XHTML......Page 236
Definition Lists......Page 240
Initial Value in Ordered Lists......Page 241
Learn the CSS......Page 242
Unordered List Markers......Page 244
List-Marker Positions......Page 245
Back to Definition Lists......Page 246
The display Property......Page 247
More Styling for Navigation Elements......Page 248
Horizontal Lists......Page 250
How ’Bout Those Links?......Page 255
Back to the nav......Page 256
Make It Change......Page 257
Real World Example......Page 258
Challenge Yourself......Page 259
Summary......Page 260
A Tangled Table Tale......Page 262
Learn the XHTML......Page 263
Table Attributes......Page 265
Making a Table Accessible......Page 269
Learn the CSS......Page 274
Setting Cell Width......Page 277
Cell Alignment......Page 278
Learn More XHTML: thead, tbody, tfoot......Page 281
CSS Properties......Page 283
Summary......Page 284
Script Matters......Page 286
Learn the XHTML......Page 287
The form Element......Page 289
Hidden Fields......Page 290
The fieldset Element......Page 291
The textarea Element......Page 293
The select Menu......Page 294
Radio Buttons......Page 296
The checkbox Elements......Page 297
The tabindex Attribute......Page 299
The Submit Button......Page 300
Using a mailto Action......Page 301
Using a Table to Lay Out a Form......Page 303
Learn the CSS......Page 307
Styling the fieldset......Page 308
The Legend......Page 309
Paragraphs and Labels......Page 310
The Background Color of a form Element......Page 311
The Script Example’s Background......Page 312
Real World Example......Page 313
Challenge Yourself......Page 314
Summary......Page 315
Finding Free Server Space......Page 316
Using FTP Software......Page 317
Setting Permissions......Page 320
Your Own Domain......Page 321
The Validators......Page 322
Accessibility Testing......Page 323
Getting Help from Browser Extensions......Page 325
The Document Object Model (DOM)......Page 329
Telling the Search Engines You Are There......Page 331
Understanding Your Audience......Page 333
Summary......Page 335
Advantages of Weblogging......Page 336
What to Look for in Weblog Software......Page 337
Getting Started with a Blog......Page 338
Configuring Your Blog......Page 341
Posting to Your Blog......Page 344
Customizing the Template......Page 345
Changing the DOCTYPE Declaration......Page 347
Learn the CSS......Page 349
A New Color Scheme......Page 352
The “View Source” Secret to Blogger Modifications......Page 355
Blog This!......Page 357
Summary......Page 358
Visual Hierarchy......Page 360
More About Contrast......Page 363
Alignment......Page 365
Resources......Page 369
Real World Examples......Page 371
Summary......Page 373
Glossary......Page 374
Index......Page 382