| |
| |
| Introduction | |
| |
| |
| |
| Getting Started With Dreamweaver 4 | |
| |
| |
| |
| Understanding the Dreamweaver Interface | |
| |
| |
| Acquaint Yourself with Dreamweaver | |
| |
| |
| Install the Software | |
| |
| |
| Hardware and Software Requirements | |
| |
| |
| Get the Demo Version | |
| |
| |
| The Installation Process | |
| |
| |
| The Dreamweaver Work Area | |
| |
| |
| The Document Window | |
| |
| |
| Panels and Inspectors | |
| |
| |
| Drop-Down Menus | |
| |
| |
| Context Menus | |
| |
| |
| Invisible Objects | |
| |
| |
| Get Help | |
| |
| |
| Discover Dreamweaver 4's New Features | |
| |
| |
| |
| Creating a Basic Web Page with Text | |
| |
| |
| Create a New Page and Set Page Properties | |
| |
| |
| Enter and Center Some Text | |
| |
| |
| Add a Document Title | |
| |
| |
| Set Default Text Colors and Page Margins | |
| |
| |
| Paste Text from a File | |
| |
| |
| Understand Paragraph and Break Tags | |
| |
| |
| Apply Text Formatting | |
| |
| |
| Change Text Size | |
| |
| |
| Select a Font | |
| |
| |
| Turn Text into a List and Use Indent Button | |
| |
| |
| Add a Separator to a Page | |
| |
| |
| Save Your Work and Preview in a Browser | |
| |
| |
| |
| Planning and Creating Your Project Using the Site Window | |
| |
| |
| Define a New Web Site | |
| |
| |
| Set Your Local Site | |
| |
| |
| Add Your Remote Site | |
| |
| |
| Import an Existing Web Site | |
| |
| |
| |
| Setting Lots o' Links: Hyperlinks, URLs, Anchors, and Mailto Links | |
| |
| |
| Explore Relative and Absolute Paths | |
| |
| |
| Add a Hyperlink Within Your Web Site | |
| |
| |
| Organize a Long Page with Anchors | |
| |
| |
| Use the Point-to-File Icon | |
| |
| |
| Add a Mailto Link | |
| |
| |
| |
| Adding Images and Multimedia | |
| |
| |
| |
| Displaying Images on a Page and Creating an Image Map | |
| |
| |
| Add an Image to a Page | |
| |
| |
| Align an Image with Text | |
| |
| |
| Add Alternate Text So That People Can Read a Description of the Image Before It Loads | |
| |
| |
| Create a Linked Image | |
| |
| |
| Image Flavors: GIF, JPEG, and PNG | |
| |
| |
| Add a Background Image | |
| |
| |
| Create a Rollover | |
| |
| |
| Add a Navigation Bar with Rollovers and Links | |
| |
| |
| Use a Tracing Image to Transfer a Design to Your Web Page | |
| |
| |
| Add Links to a Graphic with Image Maps | |
| |
| |
| Create an Image Map | |
| |
| |
| Add a Rectangular Hotspot | |
| |
| |
| Add a Circular Hotspot | |
| |
| |
| Add an Irregular Hotspot | |
| |
| |
| Align Hotspots | |
| |
| |
| Target a Link to Open in a New Browser Window | |
| |
| |
| |
| Using Fireworks to Create Images | |
| |
| |
| Acquaint Yourself with Fireworks 4 | |
| |
| |
| Examine the Fireworks Tools | |
| |
| |
| Examine Fireworks Panels | |
| |
| |
| Create an Image | |
| |
| |
| Add a Shape | |
| |
| |
| Add an Effect | |
| |
| |
| Add Text | |
| |
| |
| Optimize Images for Use in a Web Page | |
| |
| |
| Slice an Image into Pieces | |
| |
| |
| Place a Fireworks File into Dreamweaver | |
| |
| |
| |
| Adding Multimedia Files | |
| |
| |
| Add a Sound File | |
| |
| |
| Resize the Control | |
| |
| |
| Add Looping to the Sound | |
| |
| |
| Allow for Plugin Download | |
| |
| |
| Learn About the Two Types of Plugins | |
| |
| |
| Add Flash Files | |
| |
| |
| Use the [object] and [embed] Tags | |
| |
| |
| Preview the Movie in the Dreamweaver Document Window | |
| |
| |
| Create Flash Text | |
| |
| |
| Create a Flash Button | |
| |
| |
| Add a Link to a PDF File | |
| |
| |
| Insert a Java Applet | |
| |
| |
| |
| Layout, Design, and Dynamic HTML | |
| |
| |
| |
| Displaying Data with Tables | |
| |
| |
| Create a Table for Data | |
| |
| |
| Add a Table to a Web Page | |
| |
| |
| Select Table Elements | |
| |
| |
| Add Header Cells to the Table | |
| |
| |
| Add and Sort Data | |
| |
| |
| Add and Remove Rows and Columns | |
| |
| |
| Change Column Width and Row Height | |
| |
| |
| Resize a Table and Change Border Colors | |
| |
| |
| Set Cell Padding and Cell Spacing | |
| |
| |
| Use a Dreamweaver Pre-Set Table Format | |
| |
| |
| Import Table Data | |
| |
| |
| Export Data from a Table | |
| |
| |
| |
| Designing Your Page Layout Using Tables | |
| |
| |
| Use Layout View | |
| |
| |
| Add a Layout Table and Layout Cells | |
| |
| |
| Stretch Your Content to Fit the Page | |
| |
| |
| Edit a Table in Standard View | |
| |
| |
| Merge and Split Table Cells | |
| |
| |
| Align Table Cell Contents | |
| |
| |
| Nest a Table Within a Table | |
| |
| |
| Add Color to Your Table | |
| |
| |
| Turn Your Table into Layers | |
| |
| |
| |
| Using Dynamic HTML and Layers | |
| |
| |
| What Is Dynamic HTML, or DHTML? | |
| |
| |
| Add a Layer | |
| |
| |
| Set Layer Positioning | |
| |
| |
| Add a Background Color and Background Image | |
| |
| |
| Explore Layer Stacking Order | |
| |
| |
| Align Your Layers and Use the Grid | |
| |
| |
| Change Layer Visibility | |
| |
| |
| Explore Overflow and Clip | |
| |
| |
| Nested Layers | |
| |
| |
| Explore Layer Tags | |
| |
| |
| Use Layers to Design a Table | |
| |
| |
| |
| Formatting Your Web Pages with Cascading Style Sheets and HTML Styles | |
| |
| |
| Create and Apply a Custom Style | |
| |
| |
| Explore Style Settings | |
| |
| |
| Redefine the Heading 1 [h1] Tag | |
| |
| |
| Position a Layer with a Style | |
| |
| |
| Create a Hyperlink Rollover | |
| |
| |
| Create an External Style Sheet | |
| |
| |
| Edit Style Sheets | |
| |
| |
| View Head Content | |
| |
| |
| Convert Styles to HTML Markup ([font] Tags) | |
| |
| |
| Save HTML Markup as an HTML Style | |
| |
| |
| |
| Understanding and Building Frames and Framesets | |
| |
| |
| Create a Frameset | |
| |
| |
| View Frame Borders | |
| |
| |
| Split a Page into Frames | |
| |
| |
| Name Your Frames | |
| |
| |
| Use the Frames Panel | |
| |
| |
| Nested Frames | |
| |
| |
| Use Existing Web Pages with Frames | |
| |
| |
| Set the Scrolling and Resize Attributes | |
| |
| |
| Set Borders | |
| |
| |
| Add a Title | |
| |
| |
| Create an Alternative to Frames | |
| |
| |
| Use Frame Objects | |
| |
| |
| Target Linked Pages to Open in a Specific Frame | |
| |
| |
| Use the Go To URL Behavior to Load Frames | |
| |
| |
| |
| Getting Interactive with Dreamweaver's Behaviors and Timelines | |
| |
| |
| |
| Inserting Scripted Functionality with Behaviors | |
| |
| |
| What Is a Dreamweaver Behavior? | |
| |
| |
| Show and Hide Layers | |
| |
| |
| Select the Behavior | |
| |
| |
| Select the Action That Triggers the Behavior | |
| |
| |
| Open a New Window | |
| |
| |
| Pop Up a Message | |
| |
| |
| Add a Message in the Status Bar | |
| |
| |
| |
| Adding Advanced Behaviors: Drag Layer | |
| |
| |
| Use the Tag Selector to Select the [body] Tag | |
| |
| |
| Constrain the Movement of Your Layer | |
| |
| |
| Capture the Drop Target Location | |
| |
| |
| Apply the Drag Layer Behavior Advanced Attributes | |
| |
| |
| Select a [body] Tag Event | |
| |
| |
| |
| Animating with Timelines | |
| |
| |
| Create an Animation | |
| |
| |
| Use the Timelines Panel | |
| |
| |
| Record a Simple Animation | |
| |
| |
| Turn on Autoplay and Loop Your Animation | |
| |
| |
| Edit a Behavior in the B Channel | |
| |
| |
| Add a Layer to the Timeline | |
| |
| |
| Add a Keyframe | |
| |
| |
| Control Layer Properties with Timelines | |
| |
| |
| Place a Behavior in the Behaviors Channel | |
| |
| |
| Use Multiple Timelines in a Web Page | |
| |
| |
| |
| Collecting User Data with Forms | |
| |
| |
| |
| Creating and Using a Form to Collect Data | |
| |
| |
| Create a Form | |
| |
| |
| Add Text Fields | |
| |
| |
| Apply Text Field Attributes | |
| |
| |
| Add Labels | |
| |
| |
| Add Radio Buttons and Check Boxes | |
| |
| |
| Add a List or a Menu | |
| |
| |
| Add Push Buttons and Picture Buttons | |
| |
| |
| Add Submit and Reset Buttons | |
| |
| |
| Add an Image Field to Submit a Form | |
| |
| |
| Add a Generic Button | |
| |
| |
| Create a Jump Menu to Navigate to Different URLs | |
| |
| |
| |
| Sending and Reacting to Form Data | |
| |
| |
| Validate a Form's Data Using the Validate Form Behavior | |
| |
| |
| Receive Information from a Form | |
| |
| |
| Add a Hidden Field | |
| |
| |
| Explore Submission Security | |
| |
| |
| Upload a File from a Form | |
| |
| |
| Prepare Your Page to Interact with Active Server Pages (ASP), JSP, PHP, or CFML | |
| |
| |
| |
| Making Your Development More Efficient and Collaborating with Others | |
| |
| |
| |
| Managing and Uploading Your Projects | |
| |
| |
| Move Your Site onto a Remote Server | |
| |
| |
| Understand Dreamweaver's Web Site Management Capabilities | |
| |
| |
| Transfer the Current File from the Document Window | |
| |
| |
| Edit an Entire Site | |
| |
| |
| Synchronize Your Files on the Local and Remote Sites | |
| |
| |
| Create a Site Map | |
| |
| |
| Manage Your Links | |
| |
| |
| Use Find and Replace | |
| |
| |
| Add Design Notes to Your Pages | |
| |
| |
| Generate Reports About Your Web Site | |
| |
| |
| |
| Managing Your Assets with the Asset Panel | |
| |
| |
| What Are Assets? | |
| |
| |
| Manage Assets in the Asset Panel | |
| |
| |
| List Assets in a Site | |
| |
| |
| Preview Assets | |
| |
| |
| Image Assets | |
| |
| |
| Color Assets | |
| |
| |
| Link Assets | |
| |
| |
| Movie Assets | |
| |
| |
| Script Assets | |
| |
| |
| Add Assets to a Web Page | |
| |
| |
| Create Favorite Assets | |
| |
| |
| Create New Assets in the Asset Panel | |
| |
| |
| Copy Assets to Another Site | |
| |
| |
| |
| Re-Using Items in Your Web Site with the Library | |
| |
| |
| Create a Library Item | |
| |
| |
| Use the Library Category of the Asset Panel | |
| |
| |
| Create a Library Item from Existing Content | |
| |
| |
| Create a Library Item from Scratch | |
| |
| |
| Add a Library Item to a Page | |
| |
| |
| Make Changes to a Library Item | |
| |
| |
| Update Pages That Contain the Library Item | |
| |
| |
| Use Behaviors and Styles in Library Items | |
| |
| |
| |
| Creating and Applying a Template | |
| |
| |
| Create a Template | |
| |
| |
| Use the Template Category of the Asset Panel | |
| |
| |
| Create a Template from an Existing Web Page | |
| |
| |
| Create a Template from Scratch | |
| |
| |
| Make an Existing Region Editable | |
| |
| |
| Make a New Editable Region | |
| |
| |
| Apply a Template to a Web Page | |
| |
| |
| Make Changes to a Template | |
| |
| |
| Update Pages That Contain the Template | |
| |
| |
| Use Behaviors, Styles, and Timelines in Templates | |
| |
| |
| |
| Using Server-Side Includes and Adding a Date | |
| |
| |
| What Is a Server-Side Include? | |
| |
| |
| Insert a Server-Side Include | |
| |
| |
| Turn a Comment into a Server-Side Include | |
| |
| |
| Include a File | |
| |
| |
| Edit the Server-Side Include File | |
| |
| |
| Add a Last Modified Date | |
| |
| |
| |
| Using External Editors and Changing Dreamweaver to Suit You | |
| |
| |
| |
| HTML Is Fun! Viewing and Modifying HTML | |
| |
| |
| View and Edit HTML Tags with the Quick Tag Editor | |
| |
| |
| Use the Insert HTML Mode | |
| |
| |
| Use the Edit Tag Mode | |
| |
| |
| Use the Wrap Tag Mode | |
| |
| |
| Use the Code Inspector | |
| |
| |
| Set Your Code Preferences | |
| |
| |
| Set the Code Colors Preferences | |
| |
| |
| Set the Code Format Preferences | |
| |
| |
| Set the Code Rewriting Preferences | |
| |
| |
| Clean Up HTML Created with Microsoft Word | |
| |
| |
| Debug JavaScript Code | |
| |
| |
| Launch an External HTML Editor | |
| |
| |
| |
| Customizing Dreamweaver | |
| |
| |
| Modify the Object Panel and Create Your Own Object | |
| |
| |
| Edit an Object | |
| |
| |
| Make a New Object | |
| |
| |
| Make a Menu Command | |
| |
| |
| Record a Command | |
| |
| |
| Save a Command from the History Panel | |
| |
| |
| Edit a Behavior Action | |
| |
| |
| Manage Extensions | |
| |
| |
| |
| CourseBuilder for Dreamweaver | |
| |
| |
| CourseBuilder Interactions | |
| |
| |
| Multiple Choice Questions | |
| |
| |
| Drag-and-Drop Questions | |
| |
| |
| Explore Interactions | |
| |
| |
| Buttons | |
| |
| |
| Text Entry Questions | |
| |
| |
| Timers | |
| |
| |
| Sliders | |
| |
| |
| The Action Manager | |
| |
| |
| |
| Internet Resources | |
| |
| |
| Dreamweaver Development | |
| |
| |
| General Web Development | |
| |
| |
| Dynamic HTML (DHTML) | |
| |
| |
| Dreamweaver Extensions | |
| |
| |
| Scripting Resources: CGI, JavaScript, ASP, PHP, and CFML | |
| |
| |
| CGI | |
| |
| |
| JavaScript | |
| |
| |
| ASP (Microsoft Active Server Pages) | |
| |
| |
| PHP | |
| |
| |
| CFML (ColdFusion) | |
| |
| |
| Accessibility | |
| |
| |
| Downloads | |
| |
| |
| Browsers | |
| |
| |
| Organizations | |