Sams Teach Yourself Macromedia Dreamweaver 4 in 24 Hours

Betsy Bruce is a Web applications developer and Macromedia-authorized Dreamweaver and Authorware Trainer for MediaPro, Inc. Based in Seattle, she specializes in computer and Web-based training applications and consults with major corporations in the Pacific Northwest on both design and training. As an authorized trainer, she has traveled the country guiding groups from corporations to school districts in effectively creating dynamic Web content.

Introduction.
I. GETTING STARTED WITH DREAMWEAVER 4.

Hour 1. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 2. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 3. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 4. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

II. ADDING IMAGES AND MULTIMEDIA.

Hour 5. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 6. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 7. 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 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

III. LAYOUT, DESIGN, AND DYNAMIC HTML.

Hour 8. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 9. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 10. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 11. Formatting Your Web Pages with Cascading Style Sheets and HTML Styles.


Create and Apply a Custom Style. Explore Style Settings. Redefine the Heading 1 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 ( Tags). Save HTML Markup as an HTML Style. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 12. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

IV. GETTING INTERACTIVE WITH DREAMWEAVER'S BEHAVIORS AND TIMELINES.

Hour 13. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 14. Adding Advanced Behaviors: Drag Layer.


Use the Tag Selector to Select the Tag. Constrain the Movement of Your Layer. Capture the Drop Target Location. Apply the Drag Layer Behavior Advanced Attributes. Select a Tag Event. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 15. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

V. COLLECTING USER DATA WITH FORMS.

Hour 16. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 17. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

VI. MAKING YOUR DEVELOPMENT MORE EFFICIENT AND COLLABORATING WITH OTHERS.

Hour 18. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 19. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 20. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 21. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 22. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

VII. USING EXTERNAL EDITORS AND CHANGING DREAMWEAVER TO SUIT YOU.

Hour 23. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Hour 24. 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. Summary. Q&A. Workshop.



Quiz. Answers. Exercises.

Appendix A. CourseBuilder for Dreamweaver.


CourseBuilder Interactions.



Multiple Choice Questions. Drag-and-Drop Questions. Explore Interactions. Buttons. Text Entry Questions. Timers. Sliders. The Action Manager.

Appendix B. 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.