Adobe Dreamweaver

Adobe Dreamweaver is the most popular tool for building and managing websites. Dreamweaver allows you to perform all major web design tasks, from creating responsive web pages with CSS3 and HTML5 to designing sites which work across platforms and devices. Dreamweaver also provides a range of powerful website management tools.

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

This course has been specifically designed to provide you with the expertise to produce and maintain innovative, responsive websites using Dreamweaver. You need no previous experience to attend this course.

Course Content

2 Day Course Outline

INTRODUCTION

DREAMWEAVER ESSENTIALS

• Using static page architecture
• Dreamweaver interface basics
• Syncing settings in Dreamweaver
• 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

• Importing text files
• Importing Word and Excel
• Making up content with semantic elements
• Controlling document structure
• Creating lists
• Horizontal rules
• Adding special characters
• Navigating structure with tag selectors
• Using the Quick Tag editor
• HTML 5 quickstart
• Creating structure with the Insert panel

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 
• Embedding Flash content
• Inserting video
• Integrating Adobe Edge compositions

WEB PAGE LAYOUT

• Data tables vs layout tables
• CS Box Model
• Liquid and fixed layout
• Planning the wireframe
• Using the rulers and guides
• Marking up the wireframe and applying CSS
• Dreamweaver CSS templates
• Fluid grid layouts
• Designing for mobile and tablet
• Using media queries for responsive design
• Preview for different devices
• Troubleshooting using CSS inspection tools
• Overview of CSS3 properties
• Adding interactivity with CSS3 transitions

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

CSS ESSENTIALS

• Browser defaults
• External, internal and inline CSS
• CSS syntax
• CSS selectors
• Understanding the power of CSS
• Creating and applying text formatting styles
• Working with CSS Designer panel
• Visual CSS editing
• Live view inspect and highlight
• Edge web fonts and Server fonts
• About media types

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
• Defining editable attributes
• Modifying templates

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
• Overview of CSS3 properties
• Adding interactivity with CSS3 transitions

CONTENT MANAGEMENT SYSTEM SUPPORT

• Inbuilt support for Drupal, WordPress and Joomla

Q & A

*This course runs very regularly. For dates please call 020 7221 3399

Book Now