New Perspectives on Blended HTML, XHTML, and CSS: 2nd Edition - Introductory (New Perspectives (Course Technology Paperback))

Cover Page......Page 1
Title Page......Page 5
Copyright Page......Page 6
Preface......Page 7
Brief Contents......Page 11
Table of Contents......Page 13
Tutorial 1 Using XHTML to Create Web Pages: Creating and Formatting a Basic Web Page......Page 19
Learning About the Internet and the World Wide Web......Page 20
Introducing XHTML......Page 21
Creating a Web Page with Basic XHTML Tags......Page 22
Managing Your Files......Page 24
Typing the Basic XHTML Tags......Page 25
Entering Comments......Page 29
Creating Headings......Page 31
Displaying a Web Page in a Browser......Page 33
Creating Body Text......Page 34
Making Text Bold or Italic......Page 36
Inserting Special Characters......Page 39
Creating Superscripts and Subscripts......Page 42
Tips for Typing XHTML Code in a Text Editor......Page 43
Understanding Image Files and File Types......Page 45
Using the Image Element......Page 46
Using the Width and Height Attributes......Page 49
Creating Lists......Page 50
Creating an Unordered List......Page 51
Creating an Ordered List......Page 52
Creating a Definition List......Page 54
Using the Abbreviation Element......Page 55
Using the Break Element......Page 56
Entering Code for Metadata......Page 58
Validating the Completed File......Page 60
Tutorial Summary......Page 62
Key Terms......Page 63
Review Assignments......Page 64
Case Problems......Page 65
Quick Check Answers......Page 70
Tutorial 2 Creating Hyperlinks: Using Links to Navigate Documents on the Web......Page 73
Using Web Site Addresses......Page 74
Creating Links......Page 75
Creating a Link to a Specific Place on the Same Web Page......Page 79
Linking to an id on the Same Page......Page 80
Linking to a Different Web Page......Page 82
Linking to an id on a Different Page of your Web Site......Page 84
Linking to an External Web Site......Page 85
Using Images with Links......Page 87
Creating Thumbnail Links......Page 89
Creating Image Maps......Page 91
Entering Code for an Image Map......Page 92
Using the Area Element......Page 93
Creating Parent and Child Folders......Page 95
Moving Down One Level in the Directory Structure......Page 96
Moving Up One Level in the Directory Structure......Page 97
Moving Down Two Levels......Page 98
Moving Up Two Levels......Page 99
Linking to Other Web Resources......Page 100
Creating an E-Mail Link......Page 101
Tutorial Summary......Page 103
Key Terms......Page 104
Review Assignments......Page 105
Case Problems......Page 106
Quick Check Answers......Page 112
Tutorial 3 Introducing Cascading Style Sheets: Using CSS Element Selectors to Format Web Pages......Page 115
Introducing Cascading Style Sheets......Page 116
Understanding How Styles Are Written......Page 118
Working with Color......Page 121
Creating an Embedded Style Sheet......Page 123
Grouping Element Selectors......Page 125
Using Descendant Selectors......Page 127
Session 3.1 Quick Check......Page 129
Changing the Font Style and Font Weight......Page 130
Making Text Appear in Small Capital Letters......Page 131
Changing the Font Size......Page 133
Changing the Font Family......Page 135
Using the Font Shorthand Property......Page 138
Validating the CSS Code for the Completed File......Page 140
Session 3.2 Quick Check......Page 142
Key Terms......Page 143
Review Assignments......Page 144
Case Problems......Page 145
Review: Quick Check Answers......Page 152
Tutorial 4 Formatting Text: Working with Class Selectors......Page 153
Using CSS to Format Text......Page 154
Styling the Body Element......Page 155
Using the Text Properties......Page 157
Creating a Spread Heading......Page 158
Aligning Text......Page 159
Indenting Text......Page 161
Changing the Case of Text......Page 162
Using the text-decoration Property......Page 163
Creating and Applying a Dependent Class......Page 166
Creating and Applying an Independent Class......Page 168
Using the :first-letter Pseudo-Element......Page 170
Using the :first-line Pseudo-Element......Page 173
Using Pseudo-Class Selectors......Page 175
Using the list-style-type Property......Page 178
Using the list-style-image Property......Page 179
Using the list-style Shorthand Property......Page 180
Using the vertical-align Property......Page 181
Key Terms......Page 184
Review Assignments......Page 185
Case Problems......Page 186
Quick Check Answers......Page 193
Tutorial 5 Working with the Box Model: Working with the Margin, Padding, and Border Properties......Page 195
Understanding the Box Model......Page 196
Understanding the Padding and Margin Properties......Page 200
Using the Padding and Margin Shorthand Properties......Page 201
Using the Border Properties......Page 203
Using the Border Shorthand Properties......Page 205
Using the Float Property......Page 208
Using the Clear Property......Page 211
Understanding the Background Properties......Page 213
Using the background-image Property......Page 214
Setting the background-position Property......Page 215
Using the background Shorthand Property......Page 216
Using a Background Image for List Items......Page 218
Resolving Style Conflicts......Page 222
Understanding External Style Sheets......Page 224
Creating an External Style Sheet......Page 225
Linking an XHTML File to an External Style Sheet......Page 228
Key Terms......Page 230
Review Assignments......Page 231
Case Problems......Page 232
Quick Check Answers......Page 240
Tutorial 6 Creating Fixed-Width Layouts: Using Pixel Values for Layouts......Page 243
Understanding Web Page Layouts......Page 244
Creating a Two-Column Fixed Layout......Page 245
Creating the Container Div......Page 249
Determining the Content and Column Widths......Page 253
Creating a Style for the Navbar......Page 256
Creating a Style for the Sidebar......Page 258
Creating a Style for the Main Column......Page 260
Creating a Style for the Footer......Page 263
Using the Positioning Properties......Page 265
Creating a Three-Column Layout......Page 267
Interrupting the Document Flow......Page 268
Creating Styles for the Header Div......Page 269
Creating Styles for the Sidebar Column......Page 270
Creating Styles for the Main Column......Page 272
Creating Styles for the Section id Selector......Page 275
Creating Styles for Centering......Page 276
Creating Styles for the Footer Div......Page 278
Using @import......Page 280
Understanding Specificity......Page 282
Creating Faux Columns......Page 284
Creating the Wrapper id Selector......Page 286
Key Terms......Page 289
Review Assignments......Page 290
Case Problems......Page 291
Quick Check Answers......Page 299
Tutorial 7 Creating Liquid Layouts: Creating Flexible Widths for Layouts......Page 301
Creating a Two-Column Liquid Layout......Page 302
Adding a Header to the Document......Page 303
Creating the Sidebar and Main Columns......Page 304
Repositioning the Sidebar Column......Page 309
Creating a Navigation Bar......Page 310
Creating a Footer......Page 313
Creating Nested Divs......Page 314
Creating Three-Column Liquid Layouts......Page 319
Creating Styles for the Left Column......Page 327
Creating Styles for the Middle Column......Page 330
Creating Styles for the Right Column......Page 333
Creating Styles for the Footer......Page 336
Modifying the Layout Width......Page 337
Using Print Styles......Page 341
Key Terms......Page 345
Review Assignments......Page 346
Case Problems......Page 347
Quick Check Answers......Page 355
Tutorial 8 Creating Data Tables: Using Tables to Display Data......Page 357
Creating a Table to Display and Organize Data......Page 358
Entering the Table Tags and Creating a Table Title......Page 359
Creating a Caption......Page 361
Creating Table Rows and Table Data......Page 363
Creating Table Borders......Page 365
Merging Cells in Columns......Page 369
Collapsing Internal Borders......Page 373
Session 8.1 Quick Check......Page 375
Using CSS to Format Tables......Page 376
Styling the Table Element......Page 377
Creating a Style for the Table Caption......Page 379
Creating a Style for the Table Data......Page 380
Striping Rows......Page 381
Creating a Hover Effect for the Table Rows......Page 384
Positioning a Text Block......Page 386
Formatting Table Columns......Page 387
Session 8.2 Quick Check......Page 393
Key Terms......Page 394
Review Assignments......Page 395
Quick Check Answers......Page 404
Tutorial 9 Creating Forms: Using Forms to Gather Input......Page 405
How Data Is Collected and Processed......Page 406
Creating the Form......Page 407
Determining the Type of Input......Page 410
Creating Text Boxes......Page 411
Organizing Form Controls......Page 412
Session 9.1 Quick Check......Page 417
Creating Radio Buttons......Page 418
Creating Check Boxes......Page 420
Creating a Selection List......Page 422
Creating a Text Area......Page 427
Submitting Data......Page 429
Session 9.2 Quick Check......Page 433
Key Terms......Page 434
Review Assignments......Page 435
Case Problems......Page 437
Quick Check Answers......Page 446
Reality Check......Page 447
Appendix A: Using Multimedia on a Web Page......Page 449
Appendix B: Character Entities......Page 463
Appendix C: HTML 4.01 Elements......Page 467
Appendix D: CSS 2.1 Properties and Values......Page 469
Glossary/Index......Page 475