CSS, DHTML, and Ajax, Fourth Edition Visual

The best-selling guide to DHTML and CSS is back to tackle all that's new in interactive Web design.

Jason Cranford Teague is a senior information architect for Lante and has designed Web sites for numerous corporations, including Virgin, WebMD, Coca-Cola, CNN, Bell South, and DuPont. He is the author of the previous editions of this guide.

Introduction

xi

PART 1: CASCADING STYLE SHEETS

1

(264)

Understanding CSS

3

(20)

What Is a Style?

5

(1)

What Are Cascading Style Sheets?

6

(2)

Versions of CSS

8

(2)

Types of CSS Rules

10

(3)

CSS and Markup Languages

13

(5)

Kinds of Tags

18

(1)

Setting Your DTD

19

(4)

CSS Basics

23

(68)

Adding Styles to an HTML Tag: Inline

24

(2)

Adding Styles to a Web Page: Embedded

26

(3)

Adding Styles to a Web Site: External

29

(7)

(Re)Defining HTML Tags

36

(2)

Defining Classes for Any Tag

38

(3)

Defining ID Selectors to Identify an Object

41

(3)

Defining Selectors to Have the Same Styles

44

(2)

Making a Declaration limportant

46

(2)

Defining Selectors Based on Context

48

(5)

Defining Selectors Based on Tag Attributes

53

(3)

Working with Pseudo-Classes

56

(11)

Working with Pseudo-Elements

67

(6)

Setting Styles for Print and Other Media

73

(7)

Adding Comments to CSS

80

(1)

Inheriting Properties from a Parent

81

(2)

Determining the Cascade Order

83

(3)

Using Conditional Comments to Fix CSS in Internet Explorer

86

(3)

Style Sheet Strategies

89

(2)

Font Properties

91

(22)

Understanding Typography on the Web

92

(4)

Setting the Font-Family

96

(5)

Setting the Font Size

101

(3)

Making Text Italic

104

(2)

Setting Bold, Bolder, Boldest

106

(2)

Creating Small Caps

108

(2)

Setting Multiple Font Values

110

(3)

Text Properties

113

(26)

Adjusting Text Spacing

114

(6)

Setting Text Case

120

(2)

Adding a Text Drop Shadow

122

(2)

Aligning Text Horizontally

124

(2)

Aligning Text Vertically

126

(3)

Indenting Paragraphs

129

(2)

Controlling White Space

131

(2)

Decorating Text

133

(3)

Setting Text Direction

136

(3)

Color and Background Properties

139

(20)

Choosing Your Color Palette

140

(5)

Setting Text and Foreground Color

145

(2)

Setting a Background Color

147

(3)

Setting a Background Image

150

(4)

Setting Multiple Background Values

154

(5)

Box Properties

159

(36)

Understanding an Element's Box

160

(4)

Setting How an Element is Displayed

164

(7)

Setting an Element's Margins

171

(3)

Setting an Element's Border

174

(7)

Setting an Element's Outline

181

(3)

Setting an Element's Padding

184

(3)

Setting the Width and Height of an Element

187

(8)

Visual Formatting Properties

195

(24)

Understanding the Window and Document

196

(2)

Setting the Positioning Type

198

(6)

Setting an Element's Position

204

(5)

Stacking Objects (3D Positioning)

209

(3)

Floating Elements in the Window

212

(3)

Clearing a Floated Element

215

(4)

Visual Effect and User Interface Properties

219

(14)

Setting the Visibility of an Element

220

(2)

Setting an Element's Visible Area (Clipping)

222

(2)

Setting Where the Overflow Content Goes

224

(2)

Setting an Element's Opacity

226

(2)

Changing the Mouse Pointer's Appearance

228

(3)

Changing the Scrollbar's Appearance (IE Windows Only)

231

(2)

Table Properties

233

(12)

Setting the Table Layout

234

(2)

Setting the Space Between Table Cells

236

(2)

Collapsing Borders Between Table Cells

238

(2)

Dealing with Empty Table Cells

240

(2)

Setting the Position of a Table Caption

242

(3)

Generated Content and List Properties

245

(20)

Adding Content Using CSS

246

(3)

Teaching the Browser to Count

249

(3)

Specifying the Quote Style

252

(2)

Setting the Bullet Style

254

(2)

Creating Your Own Bullets

256

(2)

Setting Bullet Positions

258

(2)

Setting Multiple List Styles

260

(2)

Displaying an Element as a List

262

(3)

PART 2: DYNAMIC HTML

265

(150)

Understanding DHTML

267

(16)

What Is Dynamic HTML?

268

(3)

The History of DHTML

271

(2)

Why Should I Use DHTML?

273

(3)

Flash vs. DHTML

276

(3)

Should I Use DHTML or Flash?

279

(4)

DHTML Basics

283

(22)

DOM: The Road Map to Your Web Page

284

(4)

Setting Up an Object

288

(2)

Understanding Events

290

(2)

Using Event Handlers

292

(2)

Getting an Element

294

(4)

Passing Events to a Function

298

(2)

Binding Events to Objects

300

(2)

Using Feature Sensing

302

(3)

Learning About the Environment

305

(16)

Detecting the Operating System

306

(2)

Detecting the Browser's Name

308

(2)

Finding the Pages Location and Title

310

(2)

Determining the Number of Colors (Bit Depth)

312

(2)

Determining the Screen Dimensions

314

(2)

Determining the Browser Window's Dimensions

316

(2)

Determining the Page's Visible Dimensions

318

(3)

Learning About an Object

321

(20)

Detecting Which Object Was Clicked

322

(2)

Determining an Object's Properties

324

(3)

Detecting an Object's Position

327

(5)

Finding an Object's Style Property Values

332

(2)

Finding an Object's 3D Position

334

(2)

Finding an Object's Visible Area

336

(5)

Learning About an Event

341

(12)

Detecting Which Event Type Fired

342

(2)

Detecting Which Key Was Pressed

344

(2)

Detecting Which Modifier Key Was Pressed

346

(2)

Detecting Which Mouse Button Was Clicked

348

(3)

Detecting Where the Mouse Was Clicked

351

(2)

Basic Dynamic Techniques

353

(22)

Changing CSS Property Values

354

(2)

Making Objects Appear and Disappear

356

(5)

Moving Objects from Point to Point

361

(2)

Moving Objects by a Certain Amount

363

(2)

Moving Objects in 3D

365

(3)

Changing an Object's Visible Area

368

(2)

Changing an Object's Content

370

(2)

Controlling Objects Between Frames

372

(3)

Advanced Dynamic Techniques

375

(28)

Making a Function Run Again

376

(3)

Animating an Object

379

(5)

Using Input from a Form Field

384

(2)

Following the Mouse Pointer

386

(3)

Making an Object Draggable

389

(3)

Opening a New Browser Window

392

(4)

Moving the Browser Window

396

(2)

Changing the Browser Window's Size

398

(2)

Scrolling the Browser Window

400

(3)

Dynamic CSS

403

(12)

Finding a Style Property's Value

404

(2)

Adding or Changing a Style Declaration

406

(4)

Changing Classes

410

(2)

Disabling or Enabling a Style Sheet

412

(3)

PART 3: AJAX

415

(36)

Understanding Ajax

417

(16)

What Is Ajax?

418

(4)

How Ajax Works

422

(3)

Why Should I Use Ajax?

425

(3)

What Is Web 2.0?

428

(5)

Ajax Basics

433

(18)

Understanding Server Requests

434

(2)

Fetching Data

436

(3)

Fetching a Response

439

(4)

Filtering the Data

443

(4)

Utilizing the AjaxBasics.js Library

447

(4)

PART 4: USING CSS, DHTML, AND AJAX

451

(96)

Layout

453

(28)

Structuring Your Page

454

(6)

Creating Multicolumn Layouts

460

(3)

Styling Headers

463

(2)

Styling Links and Navigation

465

(2)

Styling Copy and Content

467

(2)

Styling Tables

469

(2)

Styling Forms

471

(6)

Styling Frames

477

(4)

Content

481

(20)

Importing External Content

482

(4)

Dynamically Controlling Form Data

486

(4)

Adding Pop-Up Layers

490

(5)

Dynamic Type Ahead

495

(6)

Navigation

501

(26)

Creating Navigation Buttons with CSS Sprites

502

(3)

Creating Drop-Down Menus

505

(5)

Creating Collapsible Menus

510

(3)

Creating a Tab Menu

513

(6)

Creating Sliding Menus

519

(4)

Creating a Remote Control

523

(4)

Controls

527

(20)

Providing Page Controls

528

(5)

Creating Scroll Bars for a Layer

533

(5)

Adding Style Controls

538

(4)

Putting Together a Photo Album

542

(5)

Index

547

What is included with this book?

The New copy of this book will include any supplemental materials advertised. Please check the title of the book to determine if it should include any access cards, study guides, lab manuals, CDs, etc.

The Used, Rental and eBook copies of this book are not guaranteed to include any supplemental materials. Typically, only the book itself is included. This is true even if the title states it includes any access cards, study guides, lab manuals, CDs, etc.

FREE SHIPPING

Amazon no longer offers textbook rentals. We do!

CSS, DHTML, and Ajax, Fourth Edition Visual QuickStart Guide

Summary

Author Biography

Table of Contents

Supplemental Materials