Adobe Dreamweaver CC Advanced
  • Learn an intuitive visual interface for making and editing HTML websites and mobile apps
  • This course is for people who wants to enhance in web design and development
  • Class is taught by Adobe expert trainer

Public Class

Virtual Class

Private Class

In-House Class

Key points about this course

Duration : 2 Days
Training Fee : RM 1,950.00
Virtual Training Fee : RM 1,560.00
HRDF Claimable
Course Overview

This Adobe Dreamweaver training 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

Rollovers

  • 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