You are previewing Teach Yourself Visually™ Adobe® Dreamweaver® CS5.
O'Reilly logo
Teach Yourself Visually™ Adobe® Dreamweaver® CS5

Book Description

The fast, easy, visual way to learn Dreamweaver

Dreamweaver holds 90 percent of the market share for professional Web site development software. It allows users to build and maintain robust Web sites without writing code; this full-color, step-by-step visual guide shows beginning Web designers how to build dynamic, database-driven Web sites quickly and easily.

  • Dreamweaver is the leading tool for Web site development; this visual reference covers what beginners need to know to make the most of newest release and create professional-quality sites

  • Covers more than 150 Dreamweaver tasks with clear, step-by-step instructions illustrated with full-color screen shots

  • Shows how to apply style sheets, use dynamic HTML, add multimedia and images, publish and maintain your site, use hyperlinks to navigate through a site as well as to link to other sites, create dynamic sites using databases, and much more

  • With two-page lessons, larger screen shots, and concise, jargon-free explanations, Teach Yourself VISUALLY Dreamweaver is the ideal guide for beginning Web designers who are also visual learners.

    Note: The ebook version does not provide access to the companion files.

    Table of Contents

    1. Copyright
    2. Credits
    3. About the Author
    4. Author's Acknowledgments
    5. How to Use This Book
      1. Who This Book Is For
      2. The Conventions in This Book
    6. Getting Started with Dreamweaver
      1. Introducing the World Wide Web
      2. Explore the Many Ways to Design a Web Page
      3. Plan Your Web Site
      4. Start Dreamweaver on a PC
      5. Start Dreamweaver on a Macintosh
      6. Tour the Dreamweaver Interface on a PC
      7. Tour the Dreamweaver Interface on a Macintosh
      8. Show or Hide a Window
      9. Exit Dreamweaver
      10. Get Help
    7. Setting Up Your Web Site
      1. Define a New Web Site
      2. Create a New Web Page
      3. Add a Title to a Web Page
      4. Save a Web Page
      5. Preview a Web Page in a Browser
    8. Exploring the Dreamweaver Interface
      1. Choose a Workspace Layout
      2. Customize the Document Window
      3. Format Content with the Properties Inspector
      4. Open a Panel
      5. Open and Customize the Insert Panel
      6. Set Preferences
    9. Working with XHTML
      1. Introducing XHTML
      2. Work in Design View and Code View
      3. Explore Head and Body Tags
      4. Explore Block-Formatting Tags
      5. Clean Up HTML Code
      6. View and Edit Head Content
      7. Make Quick Edits to XHTML Tags
      8. Using Code Snippets to Add Special Formatting
    10. Formatting and Styling Text
      1. Create a Heading
      2. Create Paragraphs
      3. Create Line Breaks
      4. Indent Paragraphs with Blockquote
      5. Create Lists
      6. Insert Common Special Characters
      7. Insert Other Special Characters
      8. Copy Text from Another Document
    11. Working with Images and Multimedia
      1. Insert an Image into a Web Page
      2. Wrap Text around an Image
      3. Add Space around an Image
      4. Crop an Image
      5. Resize an Image
      6. Open an Image in an Image Editor
      7. Add a Background Image
      8. Change the Background Color
      9. Change Text Colors
      10. Insert a Flash File
      11. Insert Flash Video Files
      12. Create a Rollover Image
      13. Insert a Video from YouTube
    12. Creating Hyperlinks
      1. Link to Other Pages in Your Web Site
      2. Link to Another Web Site
      3. Using an Image As a Link
      4. Create a Jump Link within a Page
      5. Create a Link to Another File Type
      6. Create an Image Map
      7. Create a Link Using the Files Panel
      8. Open a Linked Page in a New Browser Window
      9. Create an Email Link
      10. Check Links
      11. Change the Color of Links on a Page
    13. Editing the Table Design in a Web Page
      1. Insert a Table into a Web Page
      2. Insert Content into a Table
      3. Change the Background Color of a Table
      4. Change the Cell Padding in a Table
      5. Change the Cell Spacing in a Table
      6. Insert a Table inside a Table Cell
      7. Change the Alignment of Cell Content
      8. Insert or Delete a Row or Column
      9. Split or Merge Table Cells
      10. Change the Dimensions of a Cell
      11. Change the Dimensions of a Table
      12. Using Percentages for Table Width
      13. Format a Table with CSS
    14. Creating Pages with Frames
      1. Introducing Frames
      2. Open the Frames Panel
      3. Insert a Predefined Frameset
      4. Divide a Page into Frames
      5. Create a Nested Frame
      6. Change the Attributes of a Frame
      7. Add Content to a Frame
      8. Delete a Frame
      9. Name a Frame
      10. Create a Link to a Frame
      11. Format Frame Borders
      12. Control Scroll Bars in Frames
      13. Control Resizing in Frames
    15. Creating Web-Based Forms
      1. Introducing Forms
      2. Define a Form Area
      3. Add a Text Field to a Form
      4. Add a Check Box to a Form
      5. Add a Radio Button to a Form
      6. Add a List/Menu to a Form
      7. Add a Button to a Form
    16. Using Library Items and Templates
      1. Introducing Library Items and Templates
      2. View Library Items and Templates
      3. Create a Library Item
      4. Insert a Library Item
      5. Edit and Update a Library Item on Your Pages
      6. Detach Library Content for Editing
      7. Create a Template
      8. Set an Editable Region in a Template
      9. Create a Page from a Template
      10. Edit a Template to Update Web Pages Created with It
    17. Creating and Applying Cascading Style Sheets
      1. Introducing Cascading Style Sheets
      2. Edit Styles with the Properties Inspector
      3. Create a Class Style
      4. Apply a Class Style
      5. Edit a Style
      6. Customize an HTML Tag
      7. Change the Font Face
      8. Change the Font Size
      9. Change the Font Color
      10. Change Font and Text Colors
      11. Create Styles with the Page Properties Dialog Box
      12. Create an External Style Sheet
      13. Attach an External Style Sheet
      14. Edit an External Style Sheet
    18. Designing a Web Site with CSS
      1. Introducing CSS Layouts
      2. Create a Web Page with a CSS Layout
      3. Edit a CSS Layout
      4. Add an Image to the Header
      5. Add Images to a CSS Layout
      6. Using Floats to Align Elements
      7. Change the Dimensions of a CSS Layout
      8. Change the Color of a Headline
      9. Create a Compound Style
      10. Create an AP Div with Content
      11. Resize and Reposition AP Divs
      12. Change the Stacking Order of AP Divs
      13. Create a Nested AP Div
    19. Publishing a Web Site
      1. Publish Your Web Site
      2. Using the Site Window
      3. Add Web Browsers for Testing Pages
      4. Preview Your Pages in Multiple Web Browsers
      5. Organize Your Files and Folders
      6. Set Up a Remote Site
      7. Connect to a Remote Site
      8. Upload Files to a Web Server
      9. Download Files from a Web Server
      10. Synchronize Your Local and Remote Sites
    20. Maintaining a Web Site
      1. View Visual Aids
      2. Manage Site Assets
      3. Add Content with the Assets Panel
      4. Specify Favorite Assets
      5. Check a Page In or Out
      6. Make Design Notes
      7. Run a Site Report
      8. Change a Link Sitewide
      9. Find and Replace Text
    21. Adding Interactivity with Spry and JavaScript
      1. Introducing Spry and Behaviors
      2. Create a Drop-Down Menu
      3. Edit a Drop-Down Menu
      4. Create Tabbed Panels
      5. Add Content to Tabbed Panels
      6. Edit Tabbed Panels
      7. Using the Open Browser Window Behavior
    22. Index