tags.............................................................................................430
Creating AP Elements with
Dreamweaver.........................................................................
435 Inserting an AP element
object................................................................................436
Using the InsertLayout ObjectsAP Div
option............................................... 437 Setting
default characteristics of an AP
element...................................................... 437
Choosing relative instead of absolute
positioning.................................................... 439
Modifying an AP
Element.................................................................................................440
. Selecting an AP
element..........................................................................................440
. Resizing an AP
element...........................................................................................440
Moving an AP
element.............................................................................................
441 Using the CSS-P Property
inspector........................................................................442
The AP Elements
panel............................................................................................448
Aligning AP
elements..............................................................................................
451 Adding elements to an AP
element..........................................................................457
Forms and AP
elements...........................................................................................458
Creating Your Page Design with AP
Elements...................................................................458
Using the Tracing
Image..........................................................................................458
Preventing
overlaps.................................................................................................460
Activating AP Elements with
Behaviors.............................................................................460
Drag AP
Element.....................................................................................................461
Set Text of
Container...............................................................................................463
Show-Hide
Elements...............................................................................................464
.
Summary...........................................................................................................................465Chapter
12: Using Behaviors .. . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . 467 Understanding Behaviors,Events, and
Actions..................................................................467
Attaching a
Behavior.........................................................................................................468
Using the Behaviors
panel.......................................................................................469
Adding a
behavior...................................................................................................
470 Managing
events......................................................................................................
472 Standard
actions......................................................................................................
476 Spry effects in
Dreamweaver...................................................................................495
. Deprecated
behaviors..............................................................................................503
Installing, Managing, and Modifying
Behaviors................................................................509
Altering the parameters of a
behavior......................................................................
510 Sequencing
behaviors..............................................................................................
511 Deleting
behaviors...................................................................................................
511
Summary...........................................................................................................................
513xx 18. ContentsChapter 13: Setting Up Tables .. . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . 515 HTML Table
Fundamentals...............................................................................................
515
Rows........................................................................................................................
516
Cells........................................................................................................................
517 . Column and row
headings......................................................................................
518 . Inserting Tables in
Dreamweaver......................................................................................
518 Modifying
Tables...............................................................................................................523
Selecting table
elements...........................................................................................523
Editing a tables
contents.........................................................................................526
Working with table
properties.................................................................................
531 Setting cell, column, and row
properties.................................................................542
Sorting
Tables....................................................................................................................545
Importing Tabular
Data.....................................................................................................547
Summary...........................................................................................................................549Chapter
14: Interactive Forms .. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . 551 How HTML Forms
Work..................................................................................................
551 Inserting a Form in
Dreamweaver.....................................................................................
553 Using Text
Fields...............................................................................................................
555 Inserting text
fields..................................................................................................556
Creating password
fields.........................................................................................
557 . Inserting multiline text
areas...................................................................................
557 Providing Checkboxes and Radio Buttons.
.......................................................................
561 .
Checkboxes.............................................................................................................
561 Radio
buttons..........................................................................................................
561 Creating Form Lists and
Menus........................................................................................566
Drop-down
menus..................................................................................................566
. Menu values.
...........................................................................................................567
. Scrolling
lists...........................................................................................................568
Navigating with a Jump
Menu...........................................................................................573
Modifying a jump
menu..........................................................................................
574 Activating Go
buttons..............................................................................................
575 Activating Your Form with
Buttons...................................................................................
576 Submit, Reset, and Command
buttons....................................................................
576 Graphical
buttons....................................................................................................577
Using Hidden and File
Fields............................................................................................
579 The hidden input
type.............................................................................................
579 The file input
type...................................................................................................580
Improving
Accessibility.....................................................................................................580
Styling Forms with
CSS....................................................................................................582
. Highlighting the
form..............................................................................................582
Altering input
fields.................................................................................................583
Distinguishing lists and
menus...............................................................................585
Changing labels and
legends...................................................................................585
Highlighting
focus...................................................................................................587
Summary...........................................................................................................................588xxi
19. ContentsChapter 15: Creating Lists .. . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . 589 Creating
Unordered (Bulleted)
Lists..................................................................................589
Editing unordered
lists............................................................................................
591 List
tags...................................................................................................................
591 Using other bullet
symbols......................................................................................594
Styling lists with
CSS..............................................................................................595
. Mastering Ordered (Numbered)
Lists...............................................................................596
. Editing ordered
lists................................................................................................597
Using other numbering
styles..................................................................................599
Creating Navigation Buttons from Lists.
...........................................................................600
. Step 1: Preparing background
graphics...................................................................601
Step 2: Creating the list and containing
........................................................602 .
Step 3: Building the CSS
styles................................................................................605
Step 4: Applying the
CSS.........................................................................................609
Making Definition
Lists.....................................................................................................
610 Using Nested
Lists.............................................................................................................
613 Accessing Special List
Types.............................................................................................
615 Menu
lists................................................................................................................
615 Directory
lists..........................................................................................................
616
Summary...........................................................................................................................
616Chapter 16: Using Frames and Framesets.. . . . . . . . . . . . .
. . . . . . . . . . . . . 619 Frames and Framesets: The
Basics....................................................................................620
Columns and rows.
.................................................................................................620
. Sizing
frames...........................................................................................................
621 Creating a Frameset and
Frames.......................................................................................
621 Creating a new frameset
file....................................................................................
621 . Hand-coding
framesets...........................................................................................623
. Creating a frameset
visually....................................................................................
624 . Creating framesets quickly with frame
objects........................................................625
Adding More
Frames.........................................................................................................628
Using the
menus......................................................................................................628
Using the
mouse......................................................................................................
629 Selecting, Saving, and Closing
Framesets..........................................................................630
Selecting framesets and
frames................................................................................630
Saving framesets and
frames...................................................................................
631 . Closing
framesets....................................................................................................632
Working with the Frameset Property
Inspector................................................................634
Resizing frames in a
frameset..................................................................................634
Manipulating frameset
borders................................................................................
635 Modifying a
Frame............................................................................................................636
Page
properties........................................................................................................
637 Working with the Frame Property
inspector...........................................................
637 Modifying
content...................................................................................................
641 Deleting
frames.......................................................................................................
641 .xxii 20. ContentsTargeting Frame
Content...................................................................................................642
Targeting sections of your
frameset.........................................................................642
Targeting specific frames in your
frameset..............................................................643
. Updating two or more frames at
once......................................................................643
Handling Frameless
Browsers...........................................................................................645
Investigating
Iframes.........................................................................................................647
Summary...........................................................................................................................650Chapter
17: Powering Ajax Pages with Spry.. . . . . . . . . . . . . . . . .
. . . . . . . 651 Understanding Ajax and
Spry...........................................................................................652
. What is
Ajax?...........................................................................................................652
What is Spry?.
.........................................................................................................653
. Integrating XML or HTML Data with
Spry........................................................................654
Merging HTML data into Web
pages.......................................................................656
Connecting to XML
data.........................................................................................661
. Defining Spry
regions..............................................................................................665
Binding data to the
page..........................................................................................668
Repeating Spry
regions............................................................................................
670 Enhancing Your Site with Spry
Widgets............................................................................
676 Validating form
fields..............................................................................................677
. Extending layout
options.........................................................................................692
Spry
Effects.......................................................................................................................
702
Summary...........................................................................................................................
703Chapter 18: Working with JavaScript Frameworks .. . . . . . . .
. . . . . . . . . . 705 Using JavaScript
Frameworks............................................................................................706
Integrating Framework
Functions.....................................................................................
707 Implementing a Web
Widget.............................................................................................712
Summary...........................................................................................................................
716Part IV: Incorporating Dynamic Data717Chapter 19: Establishing
Connections and Recordsets.. . . . . . . . . . . . . . . . 719 Data
Source Basics.
...........................................................................................................720
. Understanding How Active Content Pages
Work..............................................................723
Opening a Connection to a Data Source.
..........................................................................
724 . Using Data Source Names
(DSN).............................................................................726
Specifying connection
strings..................................................................................733
PHP.........................................................................................................................737
Managing
Connections.....................................................................................................738
. Extracting
Recordsets........................................................................................................740
Building simple recordsets.
.....................................................................................740
. Writing advanced SQL
statements...........................................................................
742 Working with
recordsets.........................................................................................
747
Summary...........................................................................................................................
749xxiii 21. ContentsChapter 20: Making Data Dynamic.. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . 751 Working with
Dynamic
Text.............................................................................................
751 Inserting dynamic
text............................................................................................
751 Viewing dynamic
data.............................................................................................753
Formatting Dynamic
Data.................................................................................................756
Data
formatting.......................................................................................................756
Editing and creating new data
formats....................................................................
762 Making Images Dynamic.
.................................................................................................764
. Integrating Flash and Other Dynamic
Media....................................................................770
Summary...........................................................................................................................771Chapter
21: Managing Data.. . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . 773 Displaying Data
Conditionally..........................................................................................773
Repeating
data.........................................................................................................
774 Showing and hiding page
elements.........................................................................779
. Handling Record
Navigation.............................................................................................
781 Building record navigation
links.............................................................................
781 . Using Application objects for record
navigation......................................................783
Tracking record
status.............................................................................................784
Summary...........................................................................................................................786Chapter
22: Working with Live Data .. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . 789 Viewing Live
Data.............................................................................................................790
How Live Data works.
.............................................................................................790
. Setting up for Live
Data...........................................................................................792
Entering and exiting Live Data
view........................................................................795
Making changes in Live
Data...................................................................................795
Live Data
Settings..............................................................................................................796
Getting the query
string..........................................................................................796
Posting responses with Live Data
settings...............................................................799
Previewing an Application in the
Browser.........................................................................802
Using the Server Debug Panel with
ColdFusion................................................................803
Summary...........................................................................................................................805Chapter
23: Crafting Multiple-Page Applications.. . . . . . . . . . . . . .
. . . . . . 807 Using the URL to Pass
Parameters.....................................................................................807
Sending
parameters.................................................................................................808
Receiving
parameters...............................................................................................
810 Automating Master-Detail Page
production.............................................................
813 Getting Values from a
Form..............................................................................................
818 . Passing single values from a
form............................................................................
818 Passing multiple values from a
form........................................................................820
Passing form and URL values to a related
page........................................................820
Establishing Dynamic Form
Elements..............................................................................823
. Text
fields................................................................................................................823
Checkboxes.............................................................................................................
824xxiv 22. ContentsRadio
buttons..........................................................................................................825
List/menus...............................................................................................................826
Managing Data Sources
Online.........................................................................................
827 Inserting
data..........................................................................................................828
Updating
data..........................................................................................................
831 Deleting
data...........................................................................................................834
Inserting
Variables............................................................................................................
835 . Application and session
variables............................................................................
835 Request and other
variables.....................................................................................
835 Connecting to the
Customer.............................................................................................838
. Logging in existing
customers.................................................................................838
Restricting
access....................................................................................................840
. Helping users log
out...............................................................................................842
Adding new
customers............................................................................................843
Summary...........................................................................................................................844Part
V: Including Multimedia Elements845Chapter 24: Adobe Photoshop,
Fireworks, and Bridge Integration.. . . . . . . 847 Bringing in
Photoshop
Images...........................................................................................848
Inserting Photoshop
files.........................................................................................848
Copying and pasting from
Photoshop.....................................................................850
Updating a Photoshop Smart Object.
......................................................................
851 . Integrating
Fireworks........................................................................................................856
Optimizing an image in
Fireworks..........................................................................856
Editing an image in
Fireworks.................................................................................861
Replacing an image placeholder using
Fireworks....................................................863
Inserting
Rollovers............................................................................................................865
Using Dreamweavers
behaviors..............................................................................866
Using Fireworks
code.............................................................................................868
. Modifying sliced
images..........................................................................................872
Controlling Fireworks with
Dreamweaver........................................................................873
. Creating a Web photo
album...................................................................................873
Building Dreamweaver/Fireworks extensions.
........................................................ 876 .
Working with
Bridge.........................................................................................................878
Summary...........................................................................................................................880Chapter
25: Inserting Flash Elements.. . . . . . . . . . . . . . . . . . .
. . . . . . . . . . 881 Including Flash Movies in Dreamweaver
Projects.............................................................882
Designating SWF Attributes.
............................................................................................884
. Setting Scale in Flash
movies...................................................................................885
Additional parameters for Flash.
.............................................................................886
. Configuring MIME
Types..................................................................................................887
Editing SWF Files from within
Dreamweaver...................................................................887
Inserting FlashPaper
Documents......................................................................................888
. Adding Shockwave Files.
..................................................................................................
891 .
Summary...........................................................................................................................893xxv
23. ContentsChapter 26: Adding Video to Your Web Page.. . . . . . .
. . . . . . . . . . . . . . . . 895 Video on the
Web..............................................................................................................895
The Flash Video
Revolution...............................................................................................896
Encoding
video........................................................................................................897
Progressive download versus
streaming..................................................................898
Inserting Flash
video...............................................................................................899
Publishing Flash video
files.....................................................................................902
Modifying Flash video
parameters..........................................................................902
. Mainstream Streaming
Media...........................................................................................904
.
RealMedia................................................................................................................904
QuickTime.
.............................................................................................................906
. Windows Media.
.....................................................................................................907
. Working with Video
Clips.................................................................................................908
Linking to
video......................................................................................................
910 Embedding
video....................................................................................................
910 . Playing Videos in
Dreamweaver........................................................................................
911 Inserting QuickTime
Movies.............................................................................................
912 QuickTime
versions.................................................................................................
916 Playing QuickTime
VR............................................................................................
917 Streaming with
RealMedia................................................................................................920
Creating RealMedia
metafiles..................................................................................920
Inserting RealMedia in your Web
page....................................................................
921
Summary...........................................................................................................................923Chapter
27: Using Audio on Your Web Page .. . . . . . . . . . . . . . . . .
. . . . . . 925 Digital Audio
Fundamentals.............................................................................................925
. File formats.
............................................................................................................926
. Making audio files
lighter........................................................................................
927 MIDI
Files.........................................................................................................................929
MP3
Mini-Primer..............................................................................................................930
Player
support.........................................................................................................
931 . Encoding
MP3.........................................................................................................
931 Linking to Audio
Files.......................................................................................................
931 Embedding Sounds and
Music..........................................................................................933
Playing Background
Music................................................................................................934
Targeting Specific
Plugins.................................................................................................936
. Windows Media Player
audio..................................................................................936
Using embed with
ActiveX......................................................................................938
Installing Streaming
Audio...............................................................................................939
. Working with floating or embedded RealAudio
players..........................................939 Accessing
RealAudio
parameters.............................................................................942
Integrating
Podcasts..........................................................................................................943
Podcast XML
feeds..................................................................................................943
. Linking to podcasts and
feeds.................................................................................945
Summary...........................................................................................................................946xxvi
24. ContentsPart VI: Enhancing Productivity and Web Site
Management947Chapter 28: Using Dreamweaver Templates. . . . . . . .
. . . . . . . . . . . . . . . . 949 . Understanding
Templates..................................................................................................950
Creating Your Own
Templates..........................................................................................952
. Using Editable
Regions......................................................................................................953
Marking existing content as
editable.......................................................................953
Inserting a new editable region.
..............................................................................954
. Creating links in
templates......................................................................................
955 Locking an editable
region......................................................................................956
Adding Content to Template
Documents..........................................................................957
Making Attributes
Editable...............................................................................................960
. Setting Editable
Attributes................................................................................................963
. Enabling Repeating
Regions..............................................................................................964
Modifying a repeating region.
.................................................................................966
. Constructing a repeating table.
...............................................................................967
. Establishing Optional
Regions..........................................................................................971
Combining editable and optional
regions................................................................973
Setting optional region
properties...........................................................................
974 . Evaluating template
expressions..............................................................................
975 Template expression
examples................................................................................
979 . Nesting
Templates.............................................................................................................986
Working with Templates in the Assets
Panel.....................................................................988
Creating a blank
template........................................................................................989
Opening and deleting
templates..............................................................................990
Applying
templates..................................................................................................990
Mapping inconsistent template
regions...................................................................
991 Updating
Templates..........................................................................................................992
. Removing Template
Markup.............................................................................................993
Deleting template markup
individually...................................................................993
Removing template markup from an entire
page.....................................................994
Exporting a site without template
markup..............................................................994
Changing the Default
Document.......................................................................................995
Editing Content in the
Browser.........................................................................................996
Setting up InContext Editing
templates...................................................................997
Registering an InContext Editing
site....................................................................1003
Making edits
online...............................................................................................1005
Summary.........................................................................................................................
1007Chapter 29: Using Library Items and Server-side Includes.. . .
. . . . . . . . . 1009 Dreamweaver Library
Items............................................................................................1009
Using the Library Assets
Panel........................................................................................
1010 Adding a Library item.
..........................................................................................
1011 . Moving Library items to a new
site........................................................................
1012 Inserting a Library item in your Web
page............................................................
1013xxvii 25. ContentsDeleting an item from the
Library.........................................................................
1015 Renaming a Library
item.......................................................................................
1016 Editing a Library
Item.....................................................................................................
1017 Updating Your Web Sites with Libraries.
........................................................................
1019 . Applying Server-Side
Includes.........................................................................................
1022 Adding server-side
includes...................................................................................
1023 Editing server-side
includes...................................................................................
1025
Summary.........................................................................................................................
1025Chapter 30: Maximizing Cross-browser Compatibility.. . . . . .
. . . . . . . . . 1027 Converting Pages in
Dreamweaver..................................................................................
1027 Validating Your
Code......................................................................................................
1029 . Setting Validator
preferences.................................................................................
1030 Checking Your Page for Compatibility.
...........................................................................
1033 . Checking your
pages.............................................................................................
1038 Using the results of the Browser Compatibility
Check.......................................... 1041 .
Summary.........................................................................................................................
1043Chapter 31: Building Web Sites with a Team .. . . . . . . . . .
. . . . . . . . . . . . 1045 Following Check In/Check Out
Procedures....................................................................1046
Check In/Check Out
overview..............................................................................1046
Enabling Check In/Check
Out..............................................................................1048
Checking files in and
out.......................................................................................1049
Keeping Track with Design
Notes...................................................................................
1051 Setting up for Design
Notes...................................................................................
1052 Setting the status with Design
Notes.....................................................................1054
Creating custom Design
Notes..............................................................................
1055 Viewing Design
Notes...........................................................................................
1055 . Browsing File View
Columns..........................................................................................
1056 . Generating
Reports.........................................................................................................
1059 . Outputting HTML
reports.....................................................................................
1061 Using Workflow
reports........................................................................................
1062 . Administering Adobe Contribute
Sites............................................................................1064
Setting up Contribute
compatibility......................................................................1066
Entering sitewide administrator
settings...............................................................
1067 Establishing Contribute
roles................................................................................1068
Connecting
users...................................................................................................1080
Rolling back a Contribute page in
Dreamweaver...................................................1083
Integrating Dreamweaver with Visual
SourceSafe...........................................................1084
Communicating with
WebDAV.......................................................................................1086
Version Control with
Subversion.....................................................................................1088
Connecting to a Subversion
server........................................................................1089
. Managing files in the
repository............................................................................1090
Summary.........................................................................................................................
1097xxviii 26. ContentsChapter 32: Integrating with XML and XSLT. .
. . . . . . . . . . . . . . . . . . . . . 1099 . Understanding
XML........................................................................................................
1100 Exporting
XML...............................................................................................................
1102 Importing
XML...............................................................................................................
1104 Building Your Own XML
Files........................................................................................
1105 Styling with
XSL.............................................................................................................
1106 . Including XSLT
fragments.....................................................................................
1107 Building full XSLT
pages.......................................................................................
1116
Summary.........................................................................................................................
1123Part VII: Extending Dreamweaver1125Chapter 33: Customizing
Dreamweaver.. . . . . . . . . . . . . . . . . . . . . . . . . . .
1127 Adding New
Commands.................................................................................................
1128 Understanding Dreamweaver
commands..............................................................
1129 Recording and replaying
commands.....................................................................
1132 Scripting commands.
............................................................................................
1135 . Useful command
routines.....................................................................................
1137 . Managing Menus and Keyboard
Shortcuts......................................................................
1142 Handling History panel
commands.......................................................................
1143 Using the Keyboard Shortcut
editor......................................................................
1144 . Adjusting the menus.xml
file.................................................................................
1146 Building menu
commands.....................................................................................
1150 Working with Custom
Tags.............................................................................................
1152 Customizing Property
Inspectors....................................................................................
1154 Coding a Property
inspector..................................................................................
1155 Designing a Property
inspector.............................................................................
1158 Making Custom Floating
Panels......................................................................................
1159 Developing
Translators....................................................................................................
1162 Translator
functions..............................................................................................
1163 . Locking
code.........................................................................................................
1166 Extending C-Level
Libraries............................................................................................
1167 Calling C-level
extensions.....................................................................................
1167 Building C-level
extensions...................................................................................
1169 Customizing Your Tag
Libraries......................................................................................
1170 Editing tag libraries, tags, and
attributes...............................................................
1170 Creating and deleting tag libraries, tags, and
attributes......................................... 1172 Importing
a DTD or schema to create a new tag
library........................................ 1173
Summary.........................................................................................................................
1173Chapter 34: Handling Server Behaviors.. . . . . . . . . . . . .
. . . . . . . . . . . . . . 1175 Understanding Server
Behaviors.....................................................................................
1176 Applying and Managing Server
Behaviors.......................................................................
1177 Inserting and removing server
behaviors..............................................................
1177 Editing the
parameters..........................................................................................
1178xxix 27. ContentsStandard Server
Behaviors..............................................................................................
1179 . Recordset
(Query)..................................................................................................
1179 Repeat
Region........................................................................................................
1180 Recordset
Paging...................................................................................................
1181 Move To Specific
Record........................................................................................
1182 Show
Region..........................................................................................................
1183 Go To Detail
Page..................................................................................................
1184 Go To Related
Page................................................................................................
1185 Insert
Record.........................................................................................................
1186 Update
Record.......................................................................................................
1187 Delete
Record........................................................................................................
1188 . User authentication.
..............................................................................................
1189 . Dynamic
elements.................................................................................................
1193 Stored
procedure/command/callable.....................................................................
1199 Installing Additional Server
Behaviors............................................................................1200
Creating Custom Server
Behaviors..................................................................................1202
Summary.........................................................................................................................1205Chapter
35: Creating Adobe AIR Applications.. . . . . . . . . . . . . . . .
. . . . . 1207 About Adobe
AIR............................................................................................................1207
. Installing AIR into
Dreamweaver....................................................................................
1210 Designing for
AIR............................................................................................................
1211 Packaging Your AIR
Application......................................................................................
1215
Summary.........................................................................................................................1220Appendix
A: Whats on the Web Site?.. . . . . . . . . . . . . . . . . . . . .
. . . . . . 1223 Index .. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1227xxx
28. Whats in a name? In the case of Adobes Dreamweaver, you find
one of the most appropriate product names around. Web page design
is a blend of art and craft; whether youre a deadline-driven
professional or a vision-filled amateur, Dreamweaver provides an
intuitive way to make your Web visions a reality. Dreamweaver
implies development, and it excels at producing multifaceted Web
pages that bring content locked in a data store to the surface.
Dreamweaver CS4 stands at the center of a complex series of
overlapping worlds. In one realm, designers of static Web pages are
looking to expand their knowledge base into data-driven sites. Over
there, youll find application developerssome savvy in Active Server
Pages, some in ColdFusion, and others in PHPanxious to develop for
the Internet. The spectrum of experience in both camps runs the
gamut from eager novice to experienced professional, all of whom
benefit from the advanced style capabilities of Cascading Style
Sheets (CSS). Theres yet another group of prospective Web craftsmen
and artists who want to do it all and are looking for a place to
start. Dreamweaver CS4 is the one program robust enough for them
all, and the Dreamweaver CS4 Bible is your guidebook to all its
features and capabilities. To use this book, you need only two
items: the Dreamweaver software and a desire to make cutting-edge
Web pages. (If you dont have Dreamweaver, you can download a trial
copy from www.adobe.com.) From quick design prototyping to ongoing
Web site management, Dreamweaver automates and simplifies much of a
Webmasters workload. Dreamweaver is not only the first Web
authoring tool to bring the ease of visual editing to an
HTML-codeoriented world, it also brings a point-and-click interface
to complex coding whether server-side or client-side. The
Dreamweaver CS4 Bible is designed to help you master every nuance
of the program. Are you styling your pages and creating your
layouts with CSS? Are you building multipage Web applications? Are
you creating a straightforward layout with the visual editor? Do
you need to extend Dreamweavers capabilities by building your own
custom objects? With Dreamweaver and this book, you can weave your
dreams into reality for the entire world to experience.Who Should
Read This Book Dreamweaver attracts a wide range of Web developers.
Because its the first Web authoring tool that doesnt rewrite
original code, veteran designers are drawn to using Dreamweaver as
their first visual editor. Because it also automates complicated
effects, beginning Web designers are interested in Dreamweavers
power and performance. Dreamweaver CS4 Bible addresses the full
spectrum of Web professionals, providing basic information on HTML
if youre just starting, as well as advanced tips and tricks for
seasoned pros. Moreover, this book is a complete reference for
everyone working with Dreamweaver on a daily basis.xxxi 29.
IntroductionHow This Book Is Organized Dreamweaver CS4 Bible can
take you from raw beginner to full-fledged professional if read
cover to cover. However, youre more likely to read each section as
needed, taking the necessary information and coming back later. To
facilitate this approach, Dreamweaver CS4 Bible is divided into
seven major task-oriented parts. After youre familiar with
Dreamweaver, feel free to skip around the book, using it as a
reference guide as you increase your own knowledge base. The early
chapters present the basics, and all chapters contain clearly
written steps for the tasks you need to perform. In most chapters,
you encounter sections labeled Dreamweaver Techniques, completely
rewritten for this version of the Dreamweaver Bible. Dreamweaver
Techniques are stepby-step instructions for accomplishing specific
Web designer tasks; taken together, the Dreamweaver Techniques
constitute an entire how-to course. These step-by-step instructions
are self-contained in each chapter, so youre free to explore them
in any order you choose. Youll find all the practice files for
working on the Techniques on the Web site, both as starting points
and as completed files. Naturally, you can also use the Dreamweaver
Techniques as stepping stones for your own explorations into Web
page creation. Youll find yet another cool addition to the
Dreamweaver Bible on the Web site: interactive simulations for each
Dreamweaver Technique. Created by master trainer Mark Fletcher with
Adobe Captivate, these simulations give you the opportunity to
practice all the steps in each Technique. As my dad used to say,
Get it in your hand and youll get it in your head. The Web site
also offers a vast number of additional Dreamweaver server
behaviors, objects, commands, and other extensions, in addition to
relevant code from the book.Part ILaying the Groundwork in
Dreamweaver CS4 Part I begins with a look at whats new in
Dreamweaver CS4and theres an awful lot to cover. Next up, youll
find an overview of Dreamweavers philosophy and design. To get the
most out of the program, you need to understand the key advantages
it offers over other authoring programs and their deficiencies,
which Dreamweaver addresses. Part I takes you all the way to
setting up your first site.Part IIDesigning and Crafting Basic
Pages Although Dreamweaver is partly a visual design tool, its
roots derive from the language of the Web: HTML. Part II gives you
a solid foundation in the basics of HTML, even if youve never seen
code. It also shows you how to get the most out of Dreamweavers
code environment with any language. Chapter 6 describes what you
need to know about the overall structure of a Web page, including
the all-important tags. Reflecting the current emphasis in Web
design on Cascading Style Sheets, Chapter 7 lays the foundation to
CSS. In this chapter, you learn the basics of CSS, as well as how
to define and apply styles in Dreamweaver. Following the
introduction to CSS, you learn the three fundamentals of static Web
pages: text, images, and links. In Chapters 8, 9, and 10, you
explore how to completely incorporate these elements.xxxii 30.
IntroductionPart IIIAdding Advanced Design Features After you
master the basics, youre ready to learn about some of Dreamweavers
true power tools in Part III. First up is one of the most important
constructs of HTML:
tags, also known in Dreamweaver as AP elements. Chapter 11
examines this brave new world of pixel-perfect positioning, AP
elements that fly in and then disappear as if by magic, and Web
sites that can change their look and feel at the click of a mouse.
Chapter 12 offers an in-depth look at the capabilities of
Dreamweaver behaviors. These bring a great deal of interactivity to
AP elements specifically and to your Web page in general. Each
standard behavior is covered in detail with step-by-step
instructions. Chapter 13 explores the various uses of tablesfrom a
clear presentation of data to organizing entire Web pages. Here you
learn how to use Dreamweavers visual table editing capabilities to
resize and reshape your HTML tables quickly. Forms are an essential
element in dynamic Web page design, and you learn all about them in
Chapter 14. Chapter 15 presents another fundamental HTML option:
lists. You study the list in all its forms: numbered lists,
bulleted lists, definition lists, nested lists, and more. Chapter
16 investigates the somewhat complex world of frames. You see how
Dreamweaver has greatly simplified the task of building and
managing these multifile creations, particularly with the Frame
objects. You also learn how to handle more advanced design tasks
such as updating multiple frames with just one click. Chapter 17
takes the Web to a whole new level: Web 2.0 to be exact. With the
introduction of the Spry framework, Adobe has made the
sophisticated inner-workings of Ajax accessible to every Web
developer. This chapter explains what Ajax is and how Spry fits
into the picture before diving into the wide range of Spry tools
available in Dreamweaver CS4, including Spry Data, Spry Widgets,
and Spry Effects. Chapter 18 broadens Dreamweavers scope to
incorporate other JavaScript frameworks such as jQuery, YUI or
MooTools.Part IVIncorporating Dynamic Data Chapter 19 begins an
in-depth investigation of Dreamweavers power to create dynamic Web
pages by describing how to set up your basic connections and
recordsets. Chapter 20 explains how to insert text from a data
source onto your Web page and how to format it after its
incorporated. You also see how to relate other Web page
elementssuch as images, Flash movies, and other media filesto a
data source. Chapter 21 continues the exploration by delving into
Dreamweavers powerful Repeat Region server behavior as well as
discussing techniques for hiding and showing your data at will. One
of Dreamweavers most useful features, the Live Data Preview, is
examined extensively in Chapter 22. Chapter 23 enters the world of
multipage applications and explains how variables and other data
can be passed from one page to another.xxxiii 31. IntroductionPart
VIncluding Multimedia Elements In recent years, the Web has moved
from a relatively static display of text and simple images to a
full-blown multimedia circus with streaming video, background
music, and interactive animations. Part V contains the power tools
for incorporating various media files into your Web site. Graphics
remain the key medium on the Web today, and Adobes graphics
programs are the world leaders. Chapter 24 delves into methods for
incorporating both Adobe Photoshop Smart objects and Adobe
Fireworks graphics as well as graphics management through Adobe
Bridge. Special focus is given to the Dreamweaver-to-Photoshop and
Dreamweaver-to-Fireworks communication links and how your Web
production efforts can benefit from it. In addition to Dreamweaver,
Adobe is perhaps best known for one other contribution to Web
multimedia: Adobe Flash. Chapter 25 explores the possibilities
offered by incorporating Flash and Shockwave movies into
Dreamweaver-designed Web pages and includes everything you need to
know about configuring MIME types. You also find step-by-step
instructions for building Shockwave inline controls and playing
Shockwave movies in frame-based Web pages, as well as how to add
Flash Buttons, Flash Text, and the new Flash elements. Chapter 26
covers digital video in its many formsdownloadable AVI files,
streaming RealVideo displays, panoramic QuickTime movies, and the
newest, hottest media: Flash video. Chapter 27 focuses on digital
audio, with coverage of standard WAV and MIDI sound files as well
as the newer streaming audio formats like MP3.Part VIEnhancing
Productivity and Web Site Management Although Web page design gets
all the glory, Web site management pays the bills. In Part VI, you
see how Dreamweaver makes this essential part of any Webmasters day
easier to handle. Chapter 28 starts off with a look at the use of
Dreamweaver Templates and how they can speed up production while
ensuring a unified look and feel across your Web site, along with
the in-browser site modifications possible with the InContext
Editing service. Chapter 29 covers the Library, which can
significantly reduce any Webmasters workload by providing
reusableand updatablepage elements. Chapter 30 describes
Dreamweavers built-in tools for maintaining cross- and
backward-browser compatibility, including the essential Browser
Compatibility Check, which reviews your page for rendering issues
in a number of modern browsers. Until now, individual Web
developers have been stymied when attempting to integrate
Dreamweaver into a team development environment. File locking was
all too easily subverted, allowing team members to inadvertently
overwrite revisions. Site reports were limited in scope and output
only to HTML, and, worst of all, version control was nonexistent.
Dreamweaver CS4 tackles all these concerns while laying a
foundation for future connectivity. In Chapter 31, you see how you
can tie Dreamweaver into an existing Visual SourceSafe, WebDAV or
Subversion version control system. Other new features covered
include custom file view columns and enhanced Design Notes
accessibility.xxxiv 32. IntroductionI cant think of any new
technology on the Web that has gained widespread acceptance as
quickly as XML has. In a nutshell, XML (short for Extensible Markup
Language) enables you to create your own custom tags that make the
most sense for your business or profession. Although XML doesnt
enjoy full browser support as of this writing, its only a matter of
timeand little time at that. Chapter 32 shows you how to apply this
fast-approaching technology of tomorrow in Dreamweaver today, with
a special section on Dreamweaver CS4s new XML/XSLT technology.Part
VIIExtending Dreamweaver Dreamweaver is a program with immense
capabilities for expanding its own power. Chapter 33 explores the
brave new world of Dreamweaver extensibility, with complete
coverage of using and building commands as well as custom tags,
translators, floaters, and C-level extensions. With its own set of
objects and behaviors, Dreamweaver complements HTMLs extensibility.
Finally, Chapter 34 examines server behaviors, describing every
standard one in detail and then exploring the use of the Server
Behavior Builder, Dreamweavers tool for creating custom server
behaviors. Finally, in Chapter 35, you can see how Dreamweaver is
on the cutting edge of producing Adobe AIR applications.Appendix
The appendix describes the contents of Dreamweaver CS4 Bibles
companion Web site, www.wiley .com/go/dreamweavercs4bible.
Throughout this book, whenever you encounter a reference to files
or programs on the Web site, please check this appendix for more
information.Conventions and Features There are many different
organizational and typographical features throughout this book
designed to help you get the most of the information.Windows and
Macintosh Conventions Because Dreamweaver CS4 Bible is a
cross-platform book, it gives instructions for both Windows and
Macintosh users when keystrokes for a particular task differ.
Throughout this book, the Windows keystrokes are given first; the
Macs are given second in parentheses, as follows: To undo an
action, press Ctrl+Z (Command+Z). The first action instructs
Windows users to press the Ctrl and Z keys in combination, and the
second action (in parentheses) instructs Macintosh users to press
the Command and Z keys together.Key Combinations When you are
instructed to press two or more keys simultaneously, each key in
the combination is separated by a plus sign. For example:
Ctrl+Alt+T (Command+Option+T)xxxv 33. IntroductionThe preceding
tells you to press the three listed keys for your system at the
same time. You can also hold down one or more keys and then press
the final key. Release all the keys at the same time.Mouse
Instructions When instructed to click an item, move the mouse
pointer to the specified item and click the mouse button once.
Windows users use the left mouse button unless otherwise
instructed. Double-click means clicking the mouse button twice in
rapid succession. When instructed to select or choose an item, you
can click it once as previously described. If you are selecting
text or multiple objects, click the mouse button once, press Shift,
and then move the mouse to a new location and click again. The
color of the selected item or items inverts to indicate the
selection. To clear the selection, click once anywhere on the Web
page.Menu Commands When instructed to select a command from a menu,
you see the menu and the command separated by an arrow symbol. For
example, when instructed to execute the Open command from the File
menu, you see the notation FileOpen. Some menus use submenus, in
which case you see an arrow for each submenu, as follows:
InsertForm ObjectText Field.Typographical Conventions I use italic
type for new terms and for emphasis and boldface type for text that
you need to type directly from the computer keyboard.Code A special
typeface indicates HTML or other code, as demonstrated in the
following example: Untitled DocumentThis code font is also used
within paragraphs to designate HTML tags, attributes, and values
such as , bgcolor, and #FFFFFF. All HTML tags are presented in
lowercase, as written by Dreamweaver, although browsers are not
generally case-sensitive in terms of HTML. The code continuation
character (i) at the end of a code line indicates that the line is
too long to fit within the margins of the printed book. You should
continue typing the next line of code before pressing the Enter
(Return) key.NEW FEATURExxxviThe New Feature icon is especially
helpful for experienced Dreamweaver users. It marks a section that
details an innovation introduced in Dreamweaver CS4. 34.
IntroductionDreamweaver Techniques A Dreamweaver Technique section
provides the steps you need to try out a specific Dreamweaver task.
An interactive simulation of each technique is included in download
material on this books Web site.Tips, Notes, and Cautions Whenever
the authors want to bring something important to your attention the
information will appear in a Tip, Note, or Caution. This
information is important and is set off in a separate paragraph
with a special icon. Cautions provide information about things to
watch out for, whether simply inconvenient or potentially hazardous
to your data or systems.CAUTIONTIPTips generally are used to
provide information that can make your work easierspecial shortcuts
or methods for doing something easier than the norm.NOTENotes
provide additional, ancillary information that is helpful, but
somewhat outside of the current presentation of
information.CROSS-REFCross-references point you to other places in
the book that have additional information relative to the current
topic.ON the WEBOn the Web tells you about useful material that you
can download from Dreamweaver CS4 Bibles Web site,
www.wiley.com/go/dreamweavercs4bible.Minimum Requirements
Dreamweaver CS4 Bible includes coverage of Dreamweaver CS4. Written
to be platform-independent, this book covers both Macintosh and
Windows versions of Dreamweaver CS4.Macintosh Adobe recommends the
following minimum requirements for running Dreamweaver on a
Macintosh: Power MacPC G5 or multicore Intel processorOS 10.4.11
10.5.4 512MB of available RAM 1.8GBof available disk space
16-bitvideo card capable of 1280 x 800 resolution DVD-ROMdrive
BroadbandInternet connection required for online servicesxxxvii 35.
IntroductionWindows Adobe recommends the following minimum
requirements for running Dreamweaver on a Windows system: 1GHz or
faster processor Windows 512MB 1GBXP SP2 or Vista Home Premium,
Business, Enterprise, Ultimateof available RAMof available disk
space 16-bitvideo card capable of 1280 800 resolution DVD-ROMdrive
BroadbandInternet connection required for online servicesThese are
the minimum requirements. As with all graphics-based design tools,
more capability is definitely better for using Dreamweaver,
especially in terms of memory and processor speed.Further
Information You can find more help for specific problems and
questions by investigating several Web sites. Adobes own
Dreamweaver Web site is the best place to start:
www.adobe.com/products/dreamweaver/I heartily recommend that you
visit and participate in the official Dreamweaver forums:
www.adobe.com/cfusion/webforums/forum/index.cfm?forumid=12You can
also email me at
[email protected] cant promise instantaneous
turnaround, but I answer all my mail to the best of my
abilities.xxxviii 36. Laying the Groundwork in Dreamweaver CS4 In
This Part Chapter 1 Whats New in Dreamweaver CS4 Chapter 2
Introducing Dreamweaver CS4 Chapter 3 Touring Dreamweaver Chapter 4
Setting Your Preferences Chapter 5 Setting Up Sites and Servers 37.
Whats New in Dreamweaver CS4Looking over the new feature set of
Dreamweaver CS4, you get the feeling that when the engineering team
first starting working, its