Adobe Dreamweaver Masterclass

The Adobe Dreamweaver Masterclass course equips delegates with the knowledge and skills required to build and manage attractive, accessible and professional grade websites. The course enables the delegates to navigate the Dreamweaver environment, control the structure of a document, build site navigation and maintain and synchronise existing sites. The Masterclass course ensures excellent operation and compatibility by integrating the latest web languages such as CSS, HTML5 and JavaScript with other Adobe products. During the course, the candidates will be able to create a fully featured website, insert lists and special characters, use widgets, libraries and templates, add video and graphics to a document and write and apply advanced CSS classes and rules and much more.

Adobe Dreamweaver is a software application for creating, publishing, and managing websites and mobile content. This device is enormously used by graphic designers, web designers and developers worldwide. By mastering the advanced tasks in the industry leading web design program, the delegates will become confident in using the advanced features of the program to produce responsive websites to a professional standard.

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