Adobe Dreamweaver Masterclass

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