Adobe Dreamweaver Masterclass

Adobe Dreamweaver Masterclass course is best suited for the following audience:

• IT Professionals
• Web Designers
• Graphic Designers
• Desktop Publishing Artists
• Web Developers
• desktop Publishing Artists

Upon successful completion of the course, the delegates will be able to:

• Discover basic concepts and terminologies related to web designing
• Design and build websites effectively
• Review, test and manage websites
• Create layouts and format web content

There are no prerequisites for this course. However, having a fundamental understanding of HTML and CSS can be useful.

Overview of Adobe Dreamweaver

• Introduction to Dreamweaver
• Layout and Design tools
• Features of mobile design and development
• Coding environment
• Dreamweaver users
• Workspace features
• CSS Inspection
• Live view and Live code
• Code Navigator
• Photoshop Smart Objects
• Content Management System Support
• Working of website
• HTML5, PHP, CSS3 code
• Domain name and IP addresses
• Web hosts and servers
• Role of Web browsers
• Introduction to HTML
• Attributes and Structure
• Using images in HTML
• HTML colours
• Document Structure in HTML
• Whitespace rules and case sensitive
• Create, open and save documents

New Website Design

• Creating new website
• Add and save pages to the site
• File panel
• Work views
• Viewing local files
• Selecting and editing files

Page Layouts with CSS

• Quickstart
• CSS Box Model
• Analysing ID Selector
• Creating a centred container
• Designing compatible Layout cross-browser
• Absolute versus Relative Positioning
• Positioning content with Ap Div
• Creating a header section using AP Div
• Insert introduction page
• Insert images to Layout
• Add main and sidebar content areas
• Setting margins and borders
• CSS Layouts
• Overriding default margins in CSS Add borders to elements
• Future proofing layout

Working with Advanced Page Layout

• D ifference 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
• 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
• Reports output
• 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