Adobe Dreamweaver Introduction

Adobe Dreamweaver Introduction

Duration:
3 Days
Aims:

Adobe Dreamweaver is the leading WYSIWIG (what you see is what you get) web page authoring and management software. Dreamweaver's simple but powerful tools let you create and design amazing web pages and sites using HTML, CSS, and JavaScript. You'll learn to manage sites and site files, as well as efficient design and build using libraries and templates.

Objectives:

Upon completion of this course, attendees will be able to understand the Dreamweaver interface, learn how to add content to web pages, create new pages, organise and build a site efficiently, add images, navigation components, videos and other assets. You'll also learn some HTML and CSS fundamentals and web best practise methods.

Pre-Requistites:

You'll need some enthusiasm and energy, but otherwise no previous technical experience is necessary. A reasonable understanding of your chosen Mac or Windows operating system will be useful.

Versions

Courses are delivered in CS5, CS6, CC.

What will I learn?
The Basics
  • - Web technology fundamentals
  • - The Dreamweaver interface
  • - Setting up for site builds
  • - Creating and previewing web pages
  • - Dreamweaver workspaces
  • - Exploring the preferences
Adding Text and Structure
  • - Importing text files
  • - Cleaning word HTML and old files
  • - Headings for document structure
  • - Creating lists
  • - About the insert panel
  • - Adding special characters
  • - Adding dates
Formatting Text with CSS
  • - CSS fundamentals
  • - The Dreamweaver Styles panel
  • - Selecting and styling text
  • - Working with fonts, sizes and colours
  • - Editing CSS values
  • - Creating class styles
  • - Creating compound styles
  • - Using specialist web-fonts
  • - Moving CSS rules and files
Adding Graphic Content
  • - Image file basics for web
  • - Placing images on the page
  • - About accessibility
  • - Positioning and sizing images
  • - Editing images in Dreamweaver
  • - Round trip editing
  • - Image Optimisation
  • - Adding Flash banners and components
  • - Adding flv video
  • - HTML 5 video
Adding Links and Navigation
  • - Linking web pages together
  • - Adding simple email
  • - Using images for links
  • - Doing file and document downloads
  • - Making an image map
  • - Using named anchors on long pages
  • - Inserting a drop down list for navigation
  • - Styling links with CSS
Page Design and Layout
  • - Dreamweaver templates
  • - Inserting containers (DIV tags)
  • - Placing containers
  • - Adding layout styles with CSS
  • - Selecting page components
  • - Dreamweaver's visual aids
  • - Adding a Navigation bar
  • - Styling buttons and roll overs
  • - Adding tables
  • - Importing tabular data
Library Items and Templates
  • - What are library items and templates?
  • - Creating a library item
  • - Adding a library item to your pages
  • - Editing library items
  • - Creating a custom template
  • - Adding editable regions
  • - Building a new page from a template
  • - Applying templates to existing pages
  • - Resolving editable regions
  • - Site wide changes with template edits
Uploading your site to a live server
  • - Checking accessibility, links and spelling
  • - Checking your site in other browsers
  • - Cleaning and organising your site files
  • - Cloaking files and folders
  • - Setting up a connection to a live server
  • - Using the Files panel
  • - Uploading files to live
  • - Synchronising and editing files
  • - About checking in and checking out
Creating Forms
  • - About forms
  • - Adding forms with the insert panel
  • - Creating a simple contact form
  • - Submitting the form contents
  • - Form validation with Javascript
  • - Form validation with Spry
  • - Form validation with HTML5
Revisiting the Files Panel
  • - Changing local and remote files
  • - Moving individual files to the server
  • - Synchronising changed files
Run this
course at
your offices
Request a quote
Speak to a friendly advisor

call

0333 344 6630

or visit our

Online Chat
Trustpilot