Key points about this course

Duration : 1 Day
Public Class : RM 2,399.00
Live Virtual Class : RM 1,349.00

HRD Corp Claimable Course

Adobe Dreamweaver CC Advanced

Live Virtual Class

Public Class

In House Training

Private Class

Course Overview

This 1-day Adobe Dreamweaver CC Advanced course teaches existing users more sophisticated techniques for developing professional-standard websites. This introduce you to Creating a responsive website design, Incorporating animations, video and sound and Adding interactivity to your website.

Learn how to use Adobe Dreamweaver at our training lab in Kuala Lumpur. This Adobe Dreamweaver training course is also available if you want to conduct at your venue throughout Malaysia.

Course Prerequisites

You should be familiar with the fundamentals of Dreamweaver.

Course Content

Building page layouts with CSS

  • Understanding how CSS Layouts work
  • Creating a custom CSS layout from scratch
  • Using new HTML5 tags for layout
  • Using DIV tags for layout
  • Creating multi-column layout
  • Creating navigation bar with CSS


  • Basics of rollovers as navigation bars
  • Creating rollover images
  • Inserting rollovers for navigation
  • Understanding rollovers states

Library items

  • Understanding how library items work
  • Converting navigation to a library item
  • Adding library items site-wide
  • Customising a library item
  • Differences between library items and templates

Working with text

  • Using Standard Fonts
  • Using Adobe Edge web fonts
  • Using Google web fonts
  • Creating unordered
  • Creating ordered lists
  • Indenting text
  • Running a spell-check on web pages

Working with tables

  • Creating tables
  • Adding content to tables
  • Customising tables with CSS
  • Importing .CSV files as tables
  • Importing Word and Excel files
  • Replacing an existing table

Web animations

  • The different ways you can create web animations
  • Importing Adobe Edge Animate animations
  • Customising Edge Animate animations

Embedding video and sound

  • Embedding a YouTube video on a web page
  • Making YouTube video responsive
  • Embedding HTML5 sound in a web page

Working with contact forms

  • Creating contact forms
  • Adding form elements
  • Customising form elements
  • Styling forms with CSS
  • Different ways forms can be processed
  • Using PHP to process a form
  • Customising a PHP file for form upload

Advanced Interactivity

  • Understanding how JavaScript works
  • Taking advantage of JavaScript in Dreamweaver
  • Creating an image gallery
  • Customising image gallery behaviour
  • Embedding a live map on a web page
  • Embedding Twitter stream on a web page
  • Adding a Query accordion to a web page
  • Adding JQuery tabbed panels to a web page

Responsive design

  • Importance of Responsive Design Explained
  • “Mobile First” Approach Explained
  • Designing for Desktop, Tablet, Mobile
  • Designing a Mobile Version of a Website
  • Making a Website Responsive

× WhatsApp Us