Adobe Dreamweaver Masterclass

Adobe Dreamweaver is a visual development tool that allows the users to create professional and dynamic websites.

The Adobe Dreamweaver Masterclass training course is designed to provide essential knowledge and skills required to build, publish and manage professional websites successfully.

The course introduces delegates to the basic as well as advanced tasks in the leading web-design program and ultimately become them an efficient Dreamweaver power user.

The course enables the delegates to produce and manage professional-grade websites and upload to the server of their choice.

Dreamweaver was first created by Macromedia in 1997 and in 2005, it was acquired by Adobe.

Learn the functionality of the Dreamweaver Interface as well as page layout control, including CSS (Cascading Style Sheets) and HTML with our one day Adobe Dreamweaver Masterclass course.

During the course, the delegates will learn how to create a fully featured website, insert lists and special characters, build site navigation, use libraries and templates, add video and graphics to a document and Maintain and synchronise existing sites.

Course Content

An Introduction to Adobe Dreamweaver

• Overview of Dreamweaver
• Layout and Design tools
• Mobile design and development features
• Coding environment
• Dreamweaver users
• Workspace features
• CSS Inspection
• Live code and Live view
• Enable or Disable features
• Code Navigator
• Photoshop smart objects
• Content Management System Support
• HTML5, PHP, CSS3 code hunting
• How websites work
• Domain names and IP addresses
• Web hosts and servers
• Role of web browsers
• Introduction to HTML
• Attributes and Structure
• Putting images in HTML
• Colors in HTML
• HTML document structure
• Whitespace rules and case sensitive
• Welcome screen
• Create, open and save documents

Designing a New Website

• Create a new website
• Add papers and save page to site
• Describing properties of page
• File panel
• Work views
• View local files
• Select and edit files

Create Page Layouts with the Help of CSS

• Quick start
• The CSS Box Model
• Fundamentals of CSS Margins, Borders and Padding
• Analysing the ID Selector
• Creating a Centered Container
• Designing compatible Layout Cross browser
• Absolute versus Relative Positioning
• Positioning content with AP Div
• Creating a Header Section using AP Div
• Inserting an introduction section to page
• Inserting images to Layout
• Adding main and sidebar content areas
• Setting margins and borders
• CSS Layouts
• Overriding default margins in CSS
• Adding borders to elements
• Future proofing layout

Working with Advanced Page Layout

• Study difference between AP Div and Layout with Floats
• Creating Floated Image
• Creating columns with HTML and CSS
• Creating the HTML Structure
• Clear Property
• List based Navigation Bar
• Change Column Layout and Size
• Modify the appearance of Equal Height Columns
• Browser Compatibility
• Adding code for IE6
• Dreamweaver Fluid Grid Layout

CSS Transitions and Web Fonts

• Describe CSS Transitions
• Role of CSS3
• Adding CSS Transition
• Changing CSS Transition
• Inserting CSS Transitions to Navigation menu
• Web Font Basics
• Inserting Web Fonts
• Styling Headings with Web Font

Maximising Site Design

• Creating Modular Page Elements
• Using Snippets
• Using Library Items
• Changing and Updating Library Items
• Using Templates
• New Template creation
• Working with Editable Regions
• Creating new pages from templates
• Editing Templates
• Repeating Regions
• Repeating Regions into Action
• Template Command detaching

Managing Website

• Working with File Panel
• Remote Connection creation
• Remote Web Server files
• Transferring Files
• Using Check In/Check Out
• Design Notes
• Sharing Design Notes
• Testing Site Integrity
• Using Check Links
• Generating Site reports
• Understanding results of reports
• The Browser Compatibility Check
• Search Engine Visibility
• Search Engine Optimisation
• Tiling your documents with the Title Tag
• Inserting Meta Keywords and Descriptions
• Launching your site
• Uploading your site