| |
| |
Preface | |
| |
| |
| |
XHTML: Part I | |
| |
| |
Introduction to HTML | |
| |
| |
XHTML Document Type Definitions (DTDs) | |
| |
| |
Transitional DTD | |
| |
| |
Frameset DTD | |
| |
| |
Strict DTD | |
| |
| |
XHTML Elements and Attributes | |
| |
| |
Block-Level and Inline Elements | |
| |
| |
Standard Attributes | |
| |
| |
Basic Body Elements | |
| |
| |
Headings | |
| |
| |
Paragraphs and Line Breaks | |
| |
| |
Horizontal Rules | |
| |
| |
Linking Web Pages | |
| |
| |
The [left angle bracket]a[right angle bracket] Element | |
| |
| |
Linking Within the Same Web Page | |
| |
| |
Validating Web Pages | |
| |
| |
| |
XHTML: Part II | |
| |
| |
Working with Text | |
| |
| |
Text-Formatting Elements | |
| |
| |
Phrase Elements | |
| |
| |
Special Characters | |
| |
| |
Adding Images to Your Web Pages | |
| |
| |
The [left angle bracket]img[right angle bracket] Element | |
| |
| |
Height and Width | |
| |
| |
Creating Lists | |
| |
| |
Unordered Lists | |
| |
| |
Ordered Lists | |
| |
| |
Definition Lists | |
| |
| |
Working with Frames | |
| |
| |
The Frameset DTD | |
| |
| |
Creating Frames | |
| |
| |
Using the target Attribute and the [left angle bracket]base[right angle bracket] Element | |
| |
| |
Creating Tables | |
| |
| |
The [left angle bracket]table[right angle bracket] Element | |
| |
| |
Basic Table Elements | |
| |
| |
Building Forms | |
| |
| |
The [left angle bracket]form[right angle bracket] Element | |
| |
| |
Form Controls | |
| |
| |
E-Mailing Form Data | |
| |
| |
| |
Dreamweaver: Part I | |
| |
| |
The Dreamweaver Workspace | |
| |
| |
Changing Views | |
| |
| |
Text Properties | |
| |
| |
Hyperlinks | |
| |
| |
Making a Link List | |
| |
| |
Link List with Relative Links | |
| |
| |
Links to E-Mail | |
| |
| |
Creating Named Anchors | |
| |
| |
Page Properties | |
| |
| |
Tables | |
| |
| |
Images on the Web | |
| |
| |
Image Maps | |
| |
| |
Rollovers | |
| |
| |
| |
Dreamweaver: Part II | |
| |
| |
Web Site Layout with Layers and Frames | |
| |
| |
Converting Layers to Tables | |
| |
| |
Laying Out Tables in Layout View | |
| |
| |
Layout with Frames | |
| |
| |
Dreamweaver Support for Multimedia | |
| |
| |
Tools for Inserting Multimedia Files | |
| |
| |
Inserting Multimedia (Image, Flash, Flash Text, Flash Button) | |
| |
| |
Style Sheets to Increase Productivity and Give Your Web Sites a Coherent Look | |
| |
| |
Types of Styles | |
| |
| |
Redefining an HTML Style by Using the CSS Styles Panel | |
| |
| |
Creating a Style Sheet and Applying Its Styles | |
| |
| |
Simple Animation with DHTML | |
| |
| |
Animating with the Record Path of Layer Command | |
| |
| |
Moving Layers by Using the Timeline | |
| |
| |
Advanced Productivity Tools | |
| |
| |
| |
Photoshop and ImageReady: Part I | |
| |
| |
Creating Images | |
| |
| |
Using Tools | |
| |
| |
Using Filters | |
| |
| |
Using Layers and Vector Shapes | |
| |
| |
Using Text | |
| |
| |
Editing Images | |
| |
| |
Navigating Images | |
| |
| |
Changing Dimensions | |
| |
| |
Fixing Low-Contrast Scans | |
| |
| |
Fixing Problem Colors | |
| |
| |
Retouching with the Brush Tool | |
| |
| |
Retouching with the Dust & Scratches Filter | |
| |
| |
Blurring Images | |
| |
| |
Using Saturation | |
| |
| |
Replacing Unwanted Elements | |
| |
| |
Saving and Optimizing Images | |
| |
| |
Optimizing GIF Files | |
| |
| |
Optimizing JPEG Files | |
| |
| |
Optimizing by File Size | |
| |
| |
| |
Photoshop and ImageReady: Part II | |
| |
| |
Animating Images | |
| |
| |
Optimizing and Saving Animations | |
| |
| |
Using the Animation Palette | |
| |
| |
Creating Animations from a Single Layer | |
| |
| |
Tweening | |
| |
| |
Creating Animations from Multiple Layers | |
| |
| |
Creating Animation from Files | |
| |
| |
Setting the Frame Delay | |
| |
| |
Setting the Loop Count | |
| |
| |
Creating Rollover Effects | |
| |
| |
Creating Rollovers from Layers | |
| |
| |
Creating Rollovers Using Styles | |
| |
| |
Using Animation in Rollover Effects | |
| |
| |
Creating Image Maps | |
| |
| |
Creating Image Maps with the Image Map Tools | |
| |
| |
Controlling Linking Destinations | |
| |
| |
Creating Image Maps from Selection Areas | |
| |
| |
Creating Image Maps from Layers | |
| |
| |
Slicing Images | |
| |
| |
Creating Slices | |
| |
| |
Creating Slices from Selection Areas | |
| |
| |
Creating Slices from Layers | |
| |
| |
Controlling the Display of Slices in HTML | |
| |
| |
Using Animation in a Sliced Image | |
| |
| |
Using Rollover Effects in a Sliced Image | |
| |
| |
| |
Flash: Part I | |
| |
| |
The Flash Environment | |
| |
| |
Stage | |
| |
| |
Menu Bar | |
| |
| |
Toolbox | |
| |
| |
Panels | |
| |
| |
Property Inspector | |
| |
| |
Starting a New Document | |
| |
| |
Zoom and Hand Tools | |
| |
| |
Drawing and Painting Tools | |
| |
| |
Using the Oval and Rectangle Tools | |
| |
| |
Using the Line Tool | |
| |
| |
Using the Pencil Tool | |
| |
| |
Using the Pen Tool | |
| |
| |
Using the Brush Tool | |
| |
| |
Selecting and Modifying Lines, Curves, and Shapes | |
| |
| |
Using the Arrow Tool | |
| |
| |
Using the Subselection Tool | |
| |
| |
Using the Lasso Tool | |
| |
| |
Using the Transform Tools | |
| |
| |
Using the Eraser Tool | |
| |
| |
Using the Ink Bottle Tool | |
| |
| |
Using the Paint Bucket Tool | |
| |
| |
Using the Eyedropper Tool | |
| |
| |
Working with Text | |
| |
| |
Printing and Exporting a Document | |
| |
| |
| |
Flash: Part II | |
| |
| |
Using the Timeline, Frames, and Layers | |
| |
| |
Using the Timeline to Test an Animation | |
| |
| |
Understanding Symbols and the Library | |
| |
| |
What Is Animation? | |
| |
| |
Frame-by-Frame Animation | |
| |
| |
Tweened Animation | |
| |
| |
Motion Tweened Animation | |
| |
| |
Shape Tweened Animation | |
| |
| |
Special Layers | |
| |
| |
Creating a Mask Layer | |
| |
| |
Creating a Motion Guide Layer | |
| |
| |
Using Buttons, Actions, and Sounds | |
| |
| |
Creating a Button | |
| |
| |
Adding Actions | |
| |
| |
Adding Sounds | |
| |
| |
Publishing Your Movie | |
| |
| |
| |
Fireworks: Part I | |
| |
| |
Fireworks Editing Tools | |
| |
| |
Creating a New Document | |
| |
| |
Saving and Exporting Files | |
| |
| |
Selection Tools | |
| |
| |
Pointer and Subselection Tools | |
| |
| |
Scale and Cropping Tools | |
| |
| |
Using Cropping Tools | |
| |
| |
Bitmap Tools | |
| |
| |
Marquee, Lasso, and Magic Wand Tools | |
| |
| |
Creating a Feathered Edge | |
| |
| |
Brush, Pencil, Eraser and Blur Tools | |
| |
| |
Rubber Stamp and Eyedropper Tools | |
| |
| |
Paint Bucket Tools | |
| |
| |
Using Bitmap Tools | |
| |
| |
Editing an Image | |
| |
| |
Vector Tools | |
| |
| |
Line and Pen Tools | |
| |
| |
Shape Tools | |
| |
| |
Using the Shape Tool | |
| |
| |
Text Tool | |
| |
| |
Using the Text Tool | |
| |
| |
Other Tools | |
| |
| |
Web Tools | |
| |
| |
Color Tools | |
| |
| |
View Tools | |
| |
| |
The Layers Panel | |
| |
| |
| |
Fireworks: Part II | |
| |
| |
Creating an Image Map | |
| |
| |
Creating Hotspots using the Hotspot Tool | |
| |
| |
Exporting Fireworks Graphics | |
| |
| |
Creating Hotspots using the Insert Hotspot Command | |
| |
| |
Slicing Images for the Web | |
| |
| |
Creating Slices | |
| |
| |
Exporting a Sliced Image | |
| |
| |
Slicing an Image using the Slice Command | |
| |
| |
Creating a Rollover Effect on Slices | |
| |
| |
Symbols and the Library | |
| |
| |
Buttons and Menus | |
| |
| |
Creating New Buttons | |
| |
| |
Duplicating Buttons to Create a Menu Bar | |
| |
| |
Creating a Pop-Up Menu | |
| |
| |
Creating Animations | |
| |
| |
Using Frames to Create Animation | |
| |
| |
Creating an Animation Using Tweening | |
| |
| |
| |
Cascading Style Sheets: Part I | |
| |
| |
Introducing Cascading Style Sheets | |
| |
| |
Browser Support for Cascading Style Sheets | |
| |
| |
Understanding Style Rules | |
| |
| |
Writing Your First Style Sheet | |
| |
| |
Combining CSS Rules with HTML | |
| |
| |
Using the style Attribute | |
| |
| |
Using the [left angle bracket]style[right angle bracket] Element | |
| |
| |
Linking to an External Style Sheet | |
| |
| |
Adding Comments | |
| |
| |
Building a Basic Style Sheet | |
| |
| |
Basic Selection Techniques | |
| |
| |
Using Type Selectors | |
| |
| |
Grouping Selectors | |
| |
| |
Combining Declarations | |
| |
| |
Using Descendant Selectors | |
| |
| |
Advanced Selection Techniques | |
| |
| |
Using the class Selector | |
| |
| |
Making class Selectors More Specific | |
| |
| |
Using the [left angle bracket]div[right angle bracket] and [left angle bracket]span[right angle bracket] Elements | |
| |
| |
Using CSS Selection Techniques | |
| |
| |
| |
Cascading Style Sheets: Part II | |
| |
| |
Understanding CSS Measurement Units | |
| |
| |
Absolute Units | |
| |
| |
Relative Units | |
| |
| |
The px Unit | |
| |
| |
Working with the CSS Measurement Units | |
| |
| |
Using the CSS Font Properties | |
| |
| |
Specifying Font Families | |
| |
| |
Specifying Font Size | |
| |
| |
Specifying Line Height | |
| |
| |
Working with the Font Properties | |
| |
| |
Using the CSS Margin, Padding, and Border Properties | |
| |
| |
Understanding the CSS Box Model | |
| |
| |
Specifying Margins | |
| |
| |
Specifying Padding | |
| |
| |
Specifying Borders | |
| |
| |
Working with the Box Properties | |
| |
| |
Working with Color | |
| |
| |
Color Basics | |
| |
| |
Specifying Color | |
| |
| |
Background Color | |
| |
| |
Working with the Color Properties | |
| |
| |
| |
JavaScript: Part I | |
| |
| |
The JavaScript Programming Language | |
| |
| |
Adding JavaScript to an HTML Document | |
| |
| |
The [left angle bracket]script[right angle bracket] Element | |
| |
| |
Using the write () and writeln () Methods | |
| |
| |
Case Sensitivity in JavaScript | |
| |
| |
Creating a Simple JavaScript Program | |
| |
| |
Creating a JavaScript Source File | |
| |
| |
Adding Comments to a JavaScript Program | |
| |
| |
Hiding JavaScript from Incompatible Browsers | |
| |
| |
Placing JavaScript in Head or Body Sections | |
| |
| |
Working with Variables | |
| |
| |
Variable Names | |
| |
| |
Declaring Variables | |
| |
| |
Modifying Variables | |
| |
| |
Working with Functions | |
| |
| |
Defining Functions | |
| |
| |
Calling Functions | |
| |
| |
Understanding Events | |
| |
| |
HTML Tags and Events | |
| |
| |
Event Handlers | |
| |
| |
Link Events | |
| |
| |
| |
JavaScript: Part II | |
| |
| |
Data Types | |
| |
| |
Numeric Data Types | |
| |
| |
Boolean Values | |
| |
| |
Arrays | |
| |
| |
Expressions and Operators | |
| |
| |
Arithmetic Operators | |
| |
| |
Assignment Operators | |
| |
| |
Comparison and Conditional Operators | |
| |
| |
Logical Operators | |
| |
| |
Operator Precedence | |
| |
| |
Strings | |
| |
| |
Working with Strings | |
| |
| |
The String Object | |
| |
| |
| |
JavaScript: Part III | |
| |
| |
Decision Making | |
| |
| |
if Statements | |
| |
| |
if...else Statements | |
| |
| |
Nested if and if...else Statements | |
| |
| |
Switch Statements | |
| |
| |
Repetition | |
| |
| |
while Statements | |
| |
| |
do...while Statements | |
| |
| |
for Statements | |
| |
| |
| |
Dynamic HTML and Animation | |
| |
| |
Introduction | |
| |
| |
Document Object Model | |
| |
| |
Document Object Properties | |
| |
| |
Document Object Methods | |
| |
| |
The Image Object | |
| |
| |
Working with Timeouts and Intervals | |
| |
| |
Animation with the Image Object | |
| |
| |
Image Caching | |
| |
| |
Using JavaScript with CSS Styles | |
| |
| |
Using JavaScript and Styles in Older Versions of Navigator | |
| |
| |
Using JavaScript and Styles in Older Versions of Internet Explorer | |
| |
| |
Using JavaScript and Styles with the W3C DOM | |
| |
| |
CSS Positioning | |
| |
| |
Dynamic Positioning in Older Versions of Internet Explorer | |
| |
| |
Dynamic Positioning in Navigator | |
| |
| |
Dynamic Positioning with W3C DOM--Compliant Browsers | |
| |
| |
Cross-Browser Compatibility | |
| |
| |
Glossary | |
| |
| |
Index | |