ADOBE DREAMWEAVER CS3: FUNDAMENTALS
CONTENTS INTRODUCTION 1 PART I CREATING GREAT WEB SITES 9 CHAPTER 1 THE MANY WAYS TO DESIGN A WEB PAGE 11 CHAPTER 2 OPENING AND CREATING SITES IN DREAMWEAVER 29 CHAPTER 3 ADDING GRAPHICS 61 CHAPTER 4 MANAGING TESTING AND PUBLISHING A SITE 85 PART II APPRECIATING WEB DESIGN OPTIONS 125 CHAPTER 5 CASCADING STYLE SHEETS 127 CHAPTER 6 CREATING CSS LAYOUTS 163 CHAPTER 7 COMING TO THE HTML TABLE 199 CHAPTER 8 FRAMING YOUR PAGES 219 CHAPTER 9 COORDINATING YOUR DESIGN WORK 239 PART III MAKING IT COOL WITH MULTIMEDIA AND JAVASCRIPT 263 CHAPTER 10 ADDING INTERACTIVITY WITH BEHAVIORS 265 CHAPTER 11 SHOWING OFF WITH MULTIMEDIA 281 CHAPTER 12 FORMS FOLLOW FUNCTION 309 PART IV WORKING WITH DYNAMIC CONTENT 329 CHAPTER 13 BUILDING A DYNAMIC WEB SITE GETTING STARTED 331 CHAPTER 14 BRINGING DATA INTO THE MIX 347 CHAPTER 15 USING FORMS TO MANAGE YOUR DYNAMIC WEB SITE 367 PART V THE PART OF TENS 389 CHAPTER 16 TEN RESOURCES YOU MAY NEED 391 CHAPTER 17 TEN TIMESAVING TIPS 397 CHAPTER 18 TEN GREAT WEB SITES DESIGNED IN DREAMWEAVER 405 INTRODUCTION I N THE TEN PLUS YEARS THAT I VE BEEN WRITING ABOUT WEB DESIGN I VE SEEN MANY CHANGES FROM THE EARLY DAYS BEFORE DREAMWEAVER EVEN EXISTED WHEN YOU COULD CREATE ONLY SIMPLE PAGES WITH HTML 1 0 TO THE ELABORATE DESIGNS YOU CAN CREATE WITH DREAMWEAVER TODAY USING XHTML CSS JAVASCRIPT MULTIMEDIA AND MORE IF YOU RE NOT SURE WHAT THOSE ACRONYMS MEAN YET DON T WORRY I REMEMBER WHAT IT WAS LIKE TO LEARN ALL THIS STUFF TOO SO I DESIGNED THIS BOOK TO INTRO DUCE YOU TO THE BASIC CONCEPTS BUT I ALSO WANT TO PREPARE YOU FOR THE EVER CHANGING WORLD OF WEB DESIGN SO I SHOW YOU HOW TO USE DREAMWEAVER TO CREATE WEB SITES THAT TAKE ADVANTAGE OF THE LATEST ADVANCES IN WEB TECHNOLO GIES SUCH AS CSS AND XHMTL ONE OF THE CHALLENGES OF WEB DESIGN TODAY IS THAT WEB PAGES ARE NOT ONLY DISPLAYED ON DIFFERENT KINDS OF COMPUTERS BUT ARE ALSO BEING DOWNLOADED TO COMPUTERS WITH MONITORS THAT ARE AS BIG AS WIDE SCREEN TELEVISIONS AND AS SMALL AS CELL PHONES AS A RESULT CREATING WEB SITES THAT LOOK GOOD TO ALL VISI TORS IS A LOT MORE COMPLEX THAN IT USED TO BE AND STANDARDS HAVE BECOME A LOT MORE IMPORTANT THAT S WHY YOU FIND OUT NOT ONLY HOW TO USE ALL THE GREAT FEATURES IN DREAMWEAVER BUT ALSO HOW TO DETERMINE WHICH OF THOSE FEATURES WILL BEST SERVE YOUR GOALS AND YOUR AUDIENCE ABOUT THIS BOOK I DESIGNED DREAMWEAVER CS3 FOR DUMMIES TO HELP YOU FIND THE ANSWERS YOU NEED WHEN YOU NEED THEM YOU DON T HAVE TO READ THIS BOOK COVER TO COVER AND YOU CERTAINLY DON T HAVE TO MEMORIZE IT CONSIDER THIS A QUICK STUDY GUIDE AND A REFERENCE YOU CAN RETURN TO EACH SECTION STANDS ALONE GIVING YOU EASY ANSWERS TO SPECIFIC QUESTIONS AND STEP BY STEP INSTRUCTIONS FOR COMMON TASKS WANT TO FIND OUT HOW TO CHANGE THE BACKGROUND COLOR IN PAGE PROPERTIES DESIGN STYLES TO ALIGN IMAGES OR ADD AN INTERACTIVE PHOTO GALLERY WITH THE SWAP IMAGE BEHAVIOR JUMP RIGHT IN AND GO DIRECTLY TO THE SECTION THAT MOST INTERESTS YOU AND DON T WORRY ABOUT GETTING SAND ON THIS BOOK IF YOU DO TAKE IT TO THE BEACH OR COFFEE SPILLED ON THE PAGES IF YOU BRING IT WITH YOU TO BREAKFAST I PROMISE IT WON T COMPLAIN WHAT S NEW IN DREAMWEAVER CS3 DREAMWEAVER S HIGH END FEATURES MAKE IT THE PREFERRED CHOICE FOR PROFES SIONAL WEB DESIGNERS AND ITS EASY TO USE GRAPHICAL INTERFACE MAKES IT POPULAR AMONG NOVICES AND HOBBYISTS AS WELL WITH EACH NEW VERSION DREAMWEAVER HAS BECOME MORE POWERFUL AND FEATURE RICH BUT THIS UPGRADE IS ARGUABLY THE MOST DRAMATIC WITH THE FOLLOWING NEW FEATURES BETTER INTEGRATION WITH PHOTOSHOP FLASH AND OTHER DESIGN PROGRAMS SOME OF THE COOLEST IMPROVEMENTS TO DREAMWEAVER CS3 ARE DUE TO THE FACT THAT MACROMEDIA THE COMPANY THAT CREATED ALL PREVIOUS VERSIONS OF DREAMWEAVER WAS ACQUIRED BY ADOBE A COMPANY WELL KNOWN FOR CREATING OTHER POPULAR PROGRAMS INCLUDING PHOTOSHOP ILLUSTRATOR AND INDESIGN AS A RESULT PROGRAMS THAT USED TO BELONG TO MACROMEDIA INCLUDING FIREWORKS AND FLASH ARE NOW FULLY INTEGRATED WITH PROGRAMS CRE ATED BY ADOBE SUCH AS PHOTOSHOP AND ACROBAT AND THAT MEANS YOU CAN NOW WORK MUCH MORE EFFICIENTLY WITH THIS POPULAR COLLECTION OF TOOLS CRE ATING GRAPHICS IN PHOTOSHOP AND MOVING THEM INTO DREAMWEAVER WITH CUT AND PASTE EASE IF YOU RE AN EXPERIENCED PHOTOSHOP USER YOU MAY ALREADY BE FAMILIAR WITH ADOBE S BRIDGE PROGRAM WHICH MAKES IT EASY TO SHARE IMAGES AND OTHER FILES AMONG PROGRAMS WITH CS3 THE BRIDGE NOW SUP PORTS FILES FROM A WIDE COLLECTION OF PROGRAMS INCLUDING DREAMWEAVER ENHANCED CSS SUPPORT OTHER ENHANCEMENTS TO DREAMWEAVER CS3 INCLUDE BETTER CSS SUPPORT AND NEW CSS FEATURES AND TEMPLATES CREATING WEB SITES WITH CASCADING STYLE SHEETS IS BY FAR THE BEST OPTION TODAY THAT S WHY SO MANY OF THE IMPROVEMENTS TO DREAMWEAVER ARE RELATED TO CSS AND WHY I VE DEDICATED MORE OF THIS BOOK THAN EVER TO THE BEST STRATE GIES FOR CREATING STYLES AND CSS LAYOUTS A BUILT IN DEVICE EMULATOR WHEN IT COMES TO TESTING YOUR WEB DESIGNS ONE OF THE MOST EXCITING ADDITIONS TO DREAMWEAVER CS3 IS THE NEW DEVICE EMULATOR SHOWN AT THE END OF IN CHAPTER 2 ADOBE DEVICE CENTRAL COMES WITH A COLLECTION OF EMULATORS THAT LET YOU SEE HOW YOUR PAGES WILL LOOK WHEN DISPLAYED IN A VARIETY OF CELL PHONE BRANDS AND MODELS AND YOU CAN ADD MORE EMULATORS AS THEY BECOME AVAILABLE ADVANCES IN DYNAMIC SITE DEVELOPMENT THE MOST ADVANCED FEATURES IN DREAMWEAVER CS3 ARE DESIGNED TO HELP YOU CREATE DATABASE DRIVEN WEB SITES USING A BROAD RANGE OF TECHNOLOGIES WHETHER YOU PREFER 2 INTRODUCTION PHP COLDFUSION ASP OR ANY OF SEVERAL OTHER OPTIONS YOU CAN USE DREAMWEAVER TO CREATE THESE KINDS OF ADVANCED SITE TECHNOLOGIES IF YOU RE STILL NOT SURE HOW DYNAMIC SITES WORK OR THEIR ADVANTAGES YOU LL FIND AN INTRODUCTION TO DATABASE DEVELOPMENT IN CHAPTER 13 AND INSTRUC TIONS FOR DEFINING DATA SOURCES DISPLAYING DATA IN WEB PAGES AND BUILD ING MASTER PAGES IN CHAPTERS 13 AND 15 USING DREAMWEAVER ON A MAC OR PC DREAMWEAVER WORKS ALMOST IDENTICALLY ON MACINTOSH OR WINDOWS COMPUTERS IN THESE TWO FIGURES YOU SEE THE SAME WEB PAGE OPENED IN DESIGN VIEW ON A MAC AND A PC TO KEEP SCREENSHOTS CONSISTENT THROUGHOUT THIS BOOK I VE USED A COMPUTER RUNNING WINDOWS XP HOWEVER I VE TESTED THE PROGRAM ON BOTH PLATFORMS AND WHENEVER THERE IS A DIFFERENCE IN HOW A FEATURE WORKS I INDICATE THAT DIFFERENCE IN THE INSTRUCTIONS FIGURE 1 THE FRONT PAGE OF MY JCWARNER COM WEB SITE OPEN IN DREAM WEAVER CS3 ON A MACINTOSH 3 INTRODUCTION