Adobe Dreamweaver

This popular course is the introductory course for new users of Dreamweaver who wish to build professional static websites.

If you wish to build database-driven websites using Dreamweaver, you should attend this course followed by the Adobe Dreamweaver MX: Dynamic Application Development course.

Adobe Dreamweaver is a benchmark tool for those who need to build and manage professional websites. This course has been specifically designed to enable you to master the essentials of Dreamweaver quickly and easily. You will cover creating, editing, publishing and updating a website as well as adding elements to existing sites and important site management issues.

This two-day course, run through an Adobe authorised training centre, includes understanding the development process, adding content to an existing site, understanding the power of style sheets, working with buttons and rollovers, creating jump menus and publishing, testing and maintaining your site. This course will provide you with the expertise to produce and maintain innovative, professional websites using Dreamweaver.

2 Day Course Outline

INTRODUCTION

DREAMWEAVER ESSENTIALS

• Using static page architecture
• Dreamweaver interface basics
• The Application toolbar
• Creating a local site
• Creating a new HTML page
• Using CSS starter pages
• Using development views
• Previewing pages
• Using the Property Inspector

ADDING CONTENT TO A SITE

• Adding content
• Importing text files
• Importing Word and Excel
• Controlling document structure
• Creating lists
• Horizontal rules
• Adding special characters

FORMATTING TEXT WITH CSS

• Formatting text
• Understanding the power of CSS
• Creating styles
• Exporting CSS rule definitions
• Creating class styles
• Understanding the Code Navigator

EXTERNAL STYLES

• Attaching external style sheets
• Displaying styles
• Cascading order and inheritance of styles
• Creating internal styles

WORKING WITH GRAPHICS

• Seamless integration with Photoshop and Fireworks
• Placing graphics on the page
• Accessibility settings
• Importing layered images
• Optimising an image
• Adding Flash movies 

CONTENT MANAGEMENT SYSTEM SUPPORT

• Overview of Dreamweaver's support for Drupal, WordPress and Joomla

NAVIGATING YOUR SITE

• Linking files to your site
• Adding anchors
• Adding e-mail links
• Linking from images
• Linking from an image map
• Creating a navigation bar
• Inserting a jump menu
• Working in Live View
• Linking styles with CSS

USING LIBRARIES AND TEMPLATES

• Creating library items
• Placing and editing library items
• Detaching library items
• Creating templates
• Applying a template to an existing image
• Defining editable regions
• Modifying templates

DESIGNING PAGES WITH CSS

• Dreamweaver CSS templates
• Inserting DIV tags
• Using the rulers and guides
• Adding CSS layout to DIVs
• Using CSS Inspect Mode
• Troubleshooting using CSS inspection tools
• Selecting elements on a page
• Using visual aids for DIV tags
• Adding tables
• Overview of CSS3 properties
• Adding interactivity with CSS3 transitions

CREATING FORMS

• Creating a form
• Form processing
• Setting focus on a form
• Adding Javascript
• Form validation in Dreamweaver

TESTING, MAINTENANCE AND UPLOADING

• Checking accessibility, links and browser compatibility
• Connecting to a remote site
• Cloaking folders and files
• Uploading files
• Synchronising files
• Using browser compatibility check
• Testing your site using Adobe BrowserLab