Adobe Dreamweaver Masterclass

Adobe Dreamweaver Masterclass course provides complete knowledge to the delegates about the techniques which are required for designing, developing and maintaining websites. This training enables the delegates to design and maintain fully functioning sites by using Dreamweaver. Throughout the training, the delegates will understand about working with style sheets, dynamic HTML, creating CSS based websites, databases and multimedia.

Adobe Dreamweaver training is a visual development tool, and it allows the delegates to create, publish, and manage websites and mobile content. With the help of this training, the delegates will understand how to create web sites and how to optimally utilize the features of Dreamweaver.

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 the page to the site
• Describing properties of the page
• File panel
• Work views
• View local files
• Select and edit files

Create Page Layouts with the help of CSS

• Quickstart
• The CSS Box Model
• Fundamentals of CSS Margins, Borders and Padding
• Analyzing 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 the page
• Inserting images into 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

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 the 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

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