CSS, DHTML, and Ajax: Visual QuickStart Guide

✍ Scribed by Teague, Jason Cranford

• Publisher: Peachpit Press
• Year: 2006;2007
• Tongue: English
• Leaves: 585
• Series: Visual QuickStart guide
• Edition: 4th ed
• Category: Library

✦ Synopsis

The Web doesn't stand still, and neither does this guide. Completely updated to cover the new browsers, standards, and CSS, DHTML, and Ajax features that define the Web today, the one thing that hasn't changed in this edition is its task-based visual approach to the topics.

✦ Table of Contents

Cover......Page 1
Table of Contents......Page 6
Introduction......Page 12
PART 1: CASCADING STYLE SHEETS......Page 24
Chapter 1: Understanding CSS......Page 26
What Is a Style?......Page 28
What Are Cascading Style Sheets?......Page 29
Versions of CSS......Page 31
Types of CSS Rules......Page 33
CSS and Markup Languages......Page 36
Kinds of Tags......Page 41
Setting Your DTD......Page 42
Chapter 2: CSS Basics......Page 46
Adding Styles to an HTML Tag: Inline......Page 47
Adding Styles to a Web Page: Embedded......Page 49
Adding Styles to a Web Site: External......Page 52
(Re)Defining HTML Tags......Page 59
Defining Classes for Any Tag......Page 61
Defining ID Selectors to Identify an Object......Page 64
Defining Selectors to Have the Same Styles......Page 67
Making a Declaration !important......Page 69
Defining Selectors Based on Context......Page 71
Defining Selectors Based on Tag Attributes......Page 76
Working with Pseudo-Classes......Page 79
Working with Pseudo-Elements......Page 90
Setting Styles for Print and Other Media......Page 96
Adding Comments to CSS......Page 103
Inheriting Properties from a Parent......Page 104
Determining the Cascade Order......Page 106
Using Conditional Comments to Fix CSS in Internet Explorer......Page 109
Style Sheet Strategies......Page 112
Chapter 3: Font Properties......Page 114
Understanding Typography on the Web......Page 115
Setting the Font-Family......Page 119
Setting the Font Size......Page 124
Making Text Italic......Page 127
Setting Bold, Bolder, Boldest......Page 129
Creating Small Caps......Page 131
Setting Multiple Font Values......Page 133
Chapter 4: Text Properties......Page 136
Adjusting Text Spacing......Page 137
Setting Text Case......Page 143
Adding a Text Drop Shadow......Page 145
Aligning Text Horizontally......Page 147
Aligning Text Vertically......Page 149
Indenting Paragraphs......Page 152
Controlling White Space......Page 154
Decorating Text......Page 156
Setting Text Direction......Page 159
Chapter 5: Color and Background Properties......Page 162
Choosing Your Color Palette......Page 163
Setting Text and Foreground Color......Page 168
Setting a Background Color......Page 170
Setting a Background Image......Page 173
Setting Multiple Background Values......Page 177
Chapter 6: Box Properties......Page 182
Understanding an Element's Box......Page 183
Setting How an Element is Displayed......Page 187
Setting an Element's Margins......Page 194
Setting an Element's Border......Page 197
Setting an Element's Outline......Page 204
Setting an Element's Padding......Page 207
Setting the Width and Height of an Element......Page 210
Chapter 7: Visual Formatting Properties......Page 218
Understanding the Window and Document......Page 219
Setting the Positioning Type......Page 221
Setting an Element's Position......Page 227
Stacking Objects (3D Positioning)......Page 232
Floating Elements in the Window......Page 235
Clearing a Floated Element......Page 238
Chapter 8: Visual Effect and User Interface Properties......Page 242
Setting the Visibility of an Element......Page 243
Setting an Element's Visible Area (Clipping)......Page 245
Setting Where the Overflow Content Goes......Page 247
Setting an Element's Opacity......Page 249
Changing the Mouse Pointer's Appearance......Page 251
Changing the Scrollbar's Appearance (IE Windows Only)......Page 254
Chapter 9: Table Properties......Page 256
Setting the Table Layout......Page 257
Setting the Space Between Table Cells......Page 259
Collapsing Borders Between Table Cells......Page 261
Dealing with Empty Table Cells......Page 263
Setting the Position of a Table Caption......Page 265
Chapter 10: Generated Content and List Properties......Page 268
Adding Content Using CSS......Page 269
Teaching the Browser to Count......Page 272
Specifying the Quote Style......Page 275
Setting the Bullet Style......Page 277
Creating Your Own Bullets......Page 279
Setting Bullet Positions......Page 281
Setting Multiple List Styles......Page 283
Displaying an Element as a List......Page 285
PART 2: DYNAMIC HTML......Page 288
Chapter 11: Understanding DHTML......Page 290
What Is Dynamic HTML?......Page 291
The History of DHTML......Page 294
Why Should I Use DHTML?......Page 296
Flash vs. DHTML......Page 299
Should I Use DHTML or Flash?......Page 302
Chapter 12: DHTML Basics......Page 306
DOM: The Road Map to Your Web Page......Page 307
Setting Up an Object......Page 311
Understanding Events......Page 313
Using Event Handlers......Page 315
Getting an Element......Page 317
Passing Events to a Function......Page 321
Binding Events to Objects......Page 323
Using Feature Sensing......Page 325
Chapter 13: Learning About the Environment......Page 328
Detecting the Operating System......Page 329
Detecting the Browser's Name......Page 331
Finding the Page's Location and Title......Page 333
Determining the Number of Colors (Bit Depth)......Page 335
Determining the Screen Dimensions......Page 337
Determining the Browser Window's Dimensions......Page 339
Determining the Page's Visible Dimensions......Page 341
Chapter 14: Learning About an Object......Page 344
Detecting Which Object Was Clicked......Page 345
Determining an Object's Properties......Page 347
Detecting an Object's Position......Page 350
Finding an Object's Style Property Values......Page 355
Finding an Object's 3D Position......Page 357
Finding an Object's Visible Area......Page 359
Chapter 15: Learning About an Event......Page 364
Detecting Which Event Type Fired......Page 365
Detecting Which Key Was Pressed......Page 367
Detecting Which Modifier Key Was Pressed......Page 369
Detecting Which Mouse Button Was Clicked......Page 371
Detecting Where the Mouse Was Clicked......Page 374
Chapter 16: Basic Dynamic Techniques......Page 376
Changing CSS Property Values......Page 377
Making Objects Appear and Disappear......Page 379
Moving Objects from Point to Point......Page 384
Moving Objects by a Certain Amount......Page 386
Moving Objects in 3D......Page 388
Changing an Object's Visible Area......Page 391
Changing an Object's Content......Page 393
Controlling Objects Between Frames......Page 395
Chapter 17: Advanced Dynamic Techniques......Page 398
Making a Function Run Again......Page 399
Animating an Object......Page 402
Using Input from a Form Field......Page 407
Following the Mouse Pointer......Page 409
Making an Object Draggable......Page 412
Opening a New Browser Window......Page 415
Moving the Browser Window......Page 419
Changing the Browser Window's Size......Page 421
Scrolling the Browser Window......Page 423
Chapter 18: Dynamic CSS......Page 426
Finding a Style Property's Value......Page 427
Adding or Changing a Style Declaration......Page 429
Changing Classes......Page 433
Disabling or Enabling a Style Sheet......Page 435
PART 3: AJAX......Page 438
Chapter 19: Understanding Ajax......Page 440
What Is Ajax?......Page 441
How Ajax Works......Page 445
Why Should I Use Ajax?......Page 448
What Is Web 2.0?......Page 451
Chapter 20: Ajax Basics......Page 456
Understanding Server Requests......Page 457
Fetching Data......Page 459
Fetching a Response......Page 462
Filtering the Data......Page 466
Utilizing the AjaxBasics.js Library......Page 470
PART 4: USING CSS, DHTML, AND AJAX......Page 474
Chapter 21: Layout......Page 476
Structuring Your Page......Page 477
Creating Multicolumn Layouts......Page 483
Styling Headers......Page 486
Styling Links and Navigation......Page 488
Styling Copy and Content......Page 490
Styling Tables......Page 492
Styling Forms......Page 494
Styling Frames......Page 500
Chapter 22: Content......Page 504
Importing External Content......Page 505
Dynamically Controlling Form Data......Page 509
Adding Pop-Up Layers......Page 513
Dynamic Type Ahead......Page 518
Chapter 23: Navigation......Page 524
Creating Navigation Buttons with CSS Sprites......Page 525
Creating Drop-Down Menus......Page 528
Creating Collapsible Menus......Page 533
Creating a Tab Menu......Page 536
Creating Sliding Menus......Page 542
Creating a Remote Control......Page 546
Chapter 24: Controls......Page 550
Providing Page Controls......Page 551
Creating Scroll Bars for a Layer......Page 556
Adding Style Controls......Page 561
Putting Together a Photo Album......Page 565
A......Page 570
B......Page 571
C......Page 572
D......Page 573
E......Page 574
F......Page 575
H......Page 576
J......Page 577
M......Page 578
O......Page 579
P......Page 580
S......Page 581
T......Page 583
W......Page 584
Z......Page 585

✦ Subjects

Reference;Internet;Web;Computer Science;Computers;Programming