Adobe Dreamweaver Masterclass

Design and develop a website using Adobe Dreamweaver  

ABOUT THE PROGRAM

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.

  • Understand the basics of Adobe Dreamweaver interface

  • Become a Dreamweaver power user with our one day masterclass course

  • Design, develop and maintain attractive and responsive websites

  • Build attractive websites to a professional standard

  • Course delivered by highly certified and well experienced instructors

WHAT'S INCLUDED ?

Find out what's included in the training programme.

Includes

Tutor Support

A dedicated tutor will be at your disposal throughout the training to guide you through any issues.

Includes

Certificate

Delegates will get certification of completion at the end of the course.

Includes

Courseware

Courseware will also be provided to the delegates so that they can revise the course after the training.

PREREQUISITES

The Adobe Dreamweaver Masterclass course has no prerequisites. However, basic knowledge of HTML and CSS would be beneficial.

TARGET AUDIENCE

The Adobe Dreamweaver Masterclass training course is targeted at individuals who want to use Adobe Dreamweaver tools for creating, publishing and managing websites. These include:

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

WHAT WILL YOU LEARN?

  • Customise Adobe Dreamweaver Interface
  • Design a new website and web pages
  • Create web pages using Dreamweaver
  • Rollover images to web pages and link them
  • Understand the best ways for checking links, running reports and validating pages
  • Add multimedia on web pages and publish website content
  • Format and edit text from Microsoft Word and integrate along with Dreamweaver
  • Describing HTML, CSS and other web development languages
  • Use keyboard shortcuts and preferences
  • Apply CSS to achieve page layout

Enquire Program

Fill in the form below & we'd get back to you.

PROGRAM OVERVIEW

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.


PROGRAM 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

Adobe Dreamweaver Masterclass Enquiry

 

Enquire Now


----- OR -------

Reach us at 0121 368 7851 or info@msptraining.com for more information.

ABOUT Hinckley

Hinckley, in southwest Leicestershire between the cities of Leicester and Coventry,  is the second biggest town in terms of area. Hinckley is administered by the council of Hinckley and Bosworth Borough.

 Places

  • The Battle of Bosworth: The site of the Battle of Bosworth is located in Hinckley. The site houses an interpretation centre at Ambion Hill, where King Richard III set up camp before proceeding further for battle. Many soldiers who died during the battle are buried at St James's Church in Dadlington. The place is now a shrine for the ones who lost their lives.
  • Hinckley Museum: The Museum is home to 17th-century knitter’s cottages made from timber.
  • Stoke Golding: The site is home to a very fine arcade that can be found in some of the most beautiful medieval period churches.
  • St Mary's Church: It is a 13th-century church dedicated to Virgin Mary and located in the centre of Hinckley. Richard Smith was a young horse rider who was murdered in 1727. A tombstone dedicated to the youth is present in the courtyard. Every year on 12th April, this tombstone bleeds. April 12 is the date when the youth was murdered. The church remains open daily from 10.00 to 4.00 pm, and during the services on Sunday.
  • Parks Hollycroft Park: The park actually belonged to the Atkins family but in 1934 the Atkins handed over the park to the city authorities so it could be opened to the public. The park is very much liked by those who wish to play tennis and golf. The park houses various tennis courts, a bowling green, gardens, golf course and a bandstand. Many big events in the town take place at this park. The park in the years 2010 to 2012 received the Green Flag Status for achieving high standards.

 Other places that could attract visitors are the Brodick Park in the west of Hinckley and the Ashby Canal. The park with all its trees acts as a nature reserve. On the other hand, the canal is the longest curved canal in England passing through Hinckley.

Transport

The Hinckley town is equally placed at a distance of 19 km from both Coventry and Leicester. The town of Ibstock lies 18 km to the north on the A447 motorway.

Roads

It was in the early 1990’s that the A47 was by-passed as a result of the completion of the Normandy Way. This not only decreased congestion in the town, it was also helpful in the commercial development of the town along the A47 route. Hinckley has two motorways the A5 and the M69 with the M69 linking Hinkley to Leicester, Coventry and the two motorways the M6 and the M1.

 Bus

The main operators of the bus services in Hinckley are the Hinckley Bus. The service has routes for Barwell, Burbage, Earl Shilton, Leicester and Nuneaton. Up until 2008, a number of services were operated for rural areas by  Arriva. This stopped when Arriva was sold to Centrebus Holdings. Arriva regained the stake from Centrebus Holdings in 2013. Other major bus service operators in Hinckley include Stagecoach and Arriva Fox County.

Railway

The Hinckley railway station lies on the Birmingham to Peterborough Line on the Nuneaton–Leicester section.There are regular services being operated via Narborough and Nuneaton between Birmingham and Leicester. Residents can journey to London via the West Coast Main Line or through Midland Main Line. The Midland route terminus is the London St Pancras which ever since November 2007 has been the home of Eurostar international services.

Airports

The airports that fall the nearest to Hinckley are the Birmingham International and the East Midlands.

Adobe Dreamweaver CS6 , Features and Uses

Adobe Dreamweaver,...