Acknowledgments | p. xvii |
Introduction | p. xix |
Dreamweaver 4 and the World Wide Web | |
Fundamentals of the World Wide Web | p. 3 |
Understanding the Web--Basic Internet Terminologies | p. 4 |
What Is HTML? | p. 5 |
Getting Connected | p. 6 |
Getting a Handle on HTML | p. 8 |
HTML Tags | p. 9 |
HTML Attributes | p. 11 |
The Present and Future of HTML | p. 16 |
What You See Is What You Get | p. 17 |
Viewing Source Code | p. 19 |
What to Take Away | p. 21 |
Mastery Check | p. 21 |
Planning and Organizing Your Web Site | p. 23 |
Planning Your Site from the Ground Up | p. 24 |
Identify the Target Audience | p. 25 |
Planning Site Content | p. 29 |
Creating a Site Map | p. 30 |
Understanding Paths and Site Structure | p. 32 |
Defining a Web Site from the Ground Up | p. 35 |
How Dreamweaver Handles Site Management | p. 38 |
Getting to the Root of Your Web Site | p. 38 |
Defining Sites in Dreamweaver | p. 40 |
Creating a Site Structure | p. 42 |
Creating a New Web Site Structure from Scratch | p. 46 |
What to Take Away | p. 47 |
Mastery Check | p. 48 |
Understanding the Dreamweaver Interface | p. 49 |
The document Window | p. 50 |
The Head Content Bar | p. 53 |
The Toolbar | p. 54 |
The Status Bar | p. 56 |
The Properties Inspector | p. 59 |
Text Properties | p. 60 |
Image Properties | p. 61 |
The Objects Panel | p. 63 |
Common Objects | p. 65 |
Character Objects | p. 66 |
Form Objects | p. 67 |
Frame Objects | p. 68 |
Head Objects | p. 69 |
Invisible Objects | p. 70 |
Special Objects | p. 71 |
Layout and View | p. 71 |
The Launcher and Mini-Launcher | p. 72 |
The Menu Bar | p. 73 |
The Context Menu | p. 75 |
Using the Objects Panel and the Properties Inspector | p. 75 |
What to Take Away | p. 78 |
Mastery Check | p. 78 |
Layouts and Alignments: Building Your First Web Page | p. 79 |
Creating Your First Web Page | p. 80 |
Creating and Saving a New HTML document | p. 80 |
File Naming and Page Titles | p. 82 |
Modifying Page Properties | p. 84 |
Using Images for Page Backgrounds | p. 84 |
Changing Page Background Colors | p. 88 |
Changing Text Colors | p. 91 |
Using Preset Color Schemes | p. 91 |
Color Considerations in Web Design | p. 92 |
Previewing Pages in a Browser | p. 94 |
Setting Page Margins | p. 96 |
Exploring Page Options and Colors | p. 97 |
What to Take Away | p. 101 |
Mastery Check | p. 102 |
The Printed Word: Working with Text | p. 103 |
Understanding Text and Typefaces | p. 104 |
Text Terminology | p. 105 |
Considerations when Working with Text | p. 106 |
Entering and Formatting Text | p. 107 |
Entering Text in Dreamweaver | p. 108 |
Text Formatting | p. 112 |
Controlling Text Appearance | p. 115 |
Changing Font Styles | p. 115 |
Changing Font Sizes | p. 118 |
Changing Font Colors | p. 121 |
Aligning Text | p. 122 |
Using Lists and Indents | p. 124 |
Creating Hyperlinks | p. 129 |
Absolute and Relative Links | p. 129 |
Creating a Relative Link | p. 130 |
Creating an E-Mail Link | p. 133 |
Inserting Page Anchors | p. 135 |
Putting It All Together | p. 138 |
Formatting a Web Page | p. 138 |
What to Take Away | p. 141 |
Mastery Check | p. 141 |
Adding Visual Interest: Working with Images | p. 143 |
Image File Formats for the Internet | p. 144 |
Bitmaps, Rasters, and Vectors--Understanding Image Types | p. 144 |
Graphics Interchange Format--GIFs | p. 147 |
Joint Photographic Experts Group Format--JPEGs | p. 148 |
Portable Network Graphic Format--PNGs | p. 148 |
Shockwave Flash Format--SWFs | p. 149 |
Considerations in the Use of Images | p. 150 |
Using Dreamweaver to Insert Images | p. 151 |
Updating the Site Structure | p. 151 |
Adding a Simple Image to a Web Page | p. 153 |
Resizing and Aligning an Image | p. 157 |
Discovering Image Properties | p. 159 |
Images as Navigation Elements | p. 162 |
Creating a Navigation Bar with Images | p. 163 |
Working with Rollover Images | p. 167 |
A Few More Words About Fireworks | p. 169 |
New for Dreamweaver 4: Flash Text and Buttons | p. 170 |
Generating and Inserting Flash Text | p. 171 |
Creating and Inserting Flash Buttons | p. 174 |
Inserting Images and Navigation Items | p. 179 |
What to Take Away | p. 181 |
Mastery Check | p. 181 |
Controlling Page Layout | p. 183 |
Page Layout Principles | p. 184 |
Alignment | p. 185 |
Repetition and Consistency | p. 187 |
Contrast | p. 188 |
Do's and Don'ts of Good Page Design | p. 189 |
Layout Tools in Dreamweaver 4 | p. 190 |
Understanding Tables | p. 192 |
Working with Layout Tables | p. 193 |
Working with Layout Cells | p. 197 |
Adding Content to Layout Tables and Cells | p. 199 |
Modifying Layout Cells and Tables | p. 202 |
Using the Autostretch Feature | p. 203 |
Page Layout Using Tracing Images | p. 206 |
Using Tracing Images in Page Layout | p. 207 |
Working with Tables in the Standard Layout View | p. 209 |
Modifying Tables in Standard View | p. 210 |
Inserting and Formatting a Table | p. 212 |
Practicing with Page Layouts | p. 214 |
What to Take Away | p. 215 |
Mastery Check | p. 216 |
Advanced Page Design: Frames and Cascading Style Sheets | p. 217 |
Understanding the Use of Frames in Page Design | p. 218 |
The Case for Frames | p. 219 |
The Case Against Frames | p. 220 |
Designing Web Pages with Frames | p. 221 |
Creating Your First Frameset | p. 222 |
Modifying and Saving Frames | p. 224 |
Linking Files in Frames | p. 227 |
Modifying Pages with Cascading Style Sheets | p. 230 |
Defining Styles for HTML Tags | p. 231 |
Defining a Custom Class Style | p. 235 |
Formatting with Selectors--Removing Link Underlines | p. 237 |
Creating and Using External CSS Style Sheets | p. 240 |
Linking, Importing, and Additional CSS Features | p. 243 |
Choosing an Advanced Layout Scheme | p. 244 |
What to Take Away | p. 246 |
Mastery Check | p. 247 |
Automating Your Work: Tools for Consistent Content | p. 249 |
Exploring the Assets Panel | p. 250 |
Inserting Objects from the Assets Panel | p. 253 |
Automated Formatting with Libraries and Templates | p. 255 |
Creating and Modifying Library Items | p. 256 |
Working with Templates | p. 260 |
Creating a New Template | p. 260 |
Designing with Templates | p. 263 |
Controlling Content Presentation with Behaviors | p. 267 |
Using Behaviors to Check Browser Versions | p. 269 |
Using Behaviors to Check for Plug-Ins | p. 273 |
Practicing with Templates and Behaviors | p. 275 |
What to Take Away | p. 276 |
Mastery Check | p. 277 |
Forms and Functions: Interactivity in Web Design | p. 279 |
Exploring Interactive Technologies | p. 280 |
Creating an E-Mail Form with JavaScript | p. 282 |
Designing a Web Page with Forms | p. 290 |
Creating a Form | p. 291 |
Working with Dreamweaver Extensions | p. 301 |
Adding Search Capabilities to a Web Site | p. 302 |
Adding Multimedia Elements: Linking and Embedding | p. 306 |
Inserting Plug-In Files | p. 307 |
What to Take Away | p. 311 |
Mastery Check | p. 311 |
Graphics Creation and Optimization with Fireworks 4 | |
An Introduction to Fireworks 4 | p. 315 |
Vectors and Bitmaps: A Review | p. 316 |
Vectors and Paths | p. 317 |
Bitmaps | p. 317 |
Fireworks' Native File Format--PNG | p. 317 |
Exploring the Fireworks Interface | p. 320 |
The Tools Panel | p. 321 |
The document Window | p. 330 |
Additional Options | p. 331 |
The Menu Bar | p. 331 |
Main and Modification Toolbars (Windows Only) | p. 332 |
Context Menu | p. 332 |
What to Take Away | p. 333 |
Mastery Check | p. 334 |
Working with Bitmap Images | p. 335 |
Creating and Modifying Fireworks Documents | p. 336 |
Modifying Bitmap Images | p. 343 |
Controlling Edges in Bitmap Selections | p. 349 |
Painting with Bitmaps | p. 352 |
Combining Selection and Painting Tools | p. 357 |
What to Take Away | p. 359 |
Mastery Check | p. 359 |
Creating and Modifying Objects with Fireworks Panels | p. 361 |
Using Vector Drawing Tools | p. 363 |
Working with Multiple Objects: Arranging, Combining, and Aligning | p. 371 |
Transforming Objects | p. 377 |
Working with Live Effects | p. 381 |
Combining Objects and Effects in a Fireworks Document | p. 386 |
What to Take Away | p. 387 |
Mastery Check | p. 388 |
Working with Text and Text Effects | p. 389 |
Using the Text Editor to Enter and Modify Text | p. 390 |
Applying Special Effects to Text | p. 396 |
Working with Vectors, Paths, and Text | p. 401 |
Creating and Modifying Text Objects | p. 406 |
What to Take Away | p. 407 |
Mastery Check | p. 408 |
Creating and Organizing Complex Objects | p. 409 |
Understanding Groups and Layers | p. 410 |
Basic Grouping Operations | p. 411 |
Using Mask Groups to Special Effects | p. 414 |
Working with Layers | p. 418 |
Automating Complex Objects with Styles and Symbols | p. 423 |
What to Take Away | p. 429 |
Mastery Check | p. 429 |
Optimizing and Exporting Fireworks Files | p. 431 |
Optimizing Files with the Export Preview Feature | p. 433 |
Optimizing and Exporting Files from the Document Window | p. 441 |
Using Image Slicing with Large Graphics | p. 446 |
What to Take Away | p. 450 |
Mastery Check | p. 452 |
Creating Animated Files with Fireworks | p. 453 |
Creating Frame-by-Frame Animations | p. 455 |
Animation Techniques with Symbols, Tweening, and Layers | p. 463 |
Creating Animations with Symbols | p. 469 |
Exporting Animated GIFs | p. 475 |
What to Take Away | p. 478 |
Mastery Check | p. 479 |
Bringing It All Together | |
Creating Interactive Images | p. 483 |
Creating Image Maps with Hotspots | p. 485 |
Creating Buttons and Navigation Bars | p. 490 |
Creating Disjointed Rollovers | p. 498 |
Creating Pop-Up Menus | p. 503 |
What to Take Away | p. 508 |
Mastery Check | p. 509 |
Integrating Fireworks and Dreamweaver | p. 511 |
Understanding Dreamweaver/Fireworks Integration | p. 512 |
Understanding Fireworks/Dreamweaver Integration Features | p. 512 |
Creating Dreamweaver Library Items with Fireworks | p. 517 |
What to Take Away | p. 520 |
Mastery Check | p. 521 |
Getting It Out There | p. 523 |
Choosing a Web-Hosting Service | p. 524 |
Types of Web-Hosting Services | p. 524 |
Considerations in Choosing Hosting Services | p. 526 |
Gathering Essential Information | p. 527 |
Configuring Dreamweaver for the File Transfer Protocol (FTP) | p. 529 |
Transferring Files with the Dreamweaver Site Window | p. 532 |
What to Take Away | p. 536 |
Mastery Check | p. 536 |
Answers to Mastery Checks | p. 537 |
Fundamentals of the World Wide Web | p. 538 |
Planning and Organizing Your Web Site | p. 538 |
Understanding the Dreamweaver Interface | p. 539 |
Layouts and Alignments: Building Your First Web Page | p. 539 |
The Printed Word: Working with Text | p. 540 |
Adding Visual Interest: Working with Images | p. 540 |
Controlling Page Layout | p. 541 |
Advanced Page Design: Frames and Cascading Style Sheets | p. 541 |
Automating Your Work: Tools for Consistent Content | p. 542 |
Forms and Functions: Interactivity in Web Design | p. 543 |
An Introduction to Fireworks 4 | p. 543 |
Working with Bitmap Images | p. 544 |
Creating and Modifying Objects with Fireworks Panels | p. 544 |
Working with Text and Text Effects | p. 545 |
Creating and Organizing Complex Objects | p. 545 |
Optimizing and Exporting Fireworks Files | p. 546 |
Creating Animated Files with Fireworks | p. 546 |
Creating Interactive Images | p. 547 |
Integrating Fireworks and Dreamweaver | p. 547 |
Getting It Out There | p. 548 |
Glossary | p. 549 |
Index | p. 559 |
Table of Contents provided by Syndetics. All Rights Reserved. |