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 Wokingham

Wokingham meaning ‘Wocca's people's home', situated 6 3 km from London to its West, and having a population of 30,690 is a market town. Wokingham, before 1974 when the local government was reorganized, was a borough. To form the current Wokingham District, it merged in 1974 it merged with Wokingham Rural District. Wokingham achieved the status of a borough in 2007.

Governance:

Northern Wokingham, at one time, was a detached part of Wiltshire that extended into the centre of the town – the area currently occupied by the Norreys, Bean Oak and Dowlesgreen estates. In 1844 it became a part of Berkshire. The then existing parish, in 1894, was divided into rural and urban civil parishes.

The Municipal Corporation Act of 1835 left Wokingham unformed. The Act was reformed in 1883. Due to the Local Government Act 1972, in 1974,  Wokingham and Wokingham Rural District merged to form the non-metropolitan district of Wokingham.  Formed as a unitary authority in 1998, the district has 54 elected councillors presided over by an elected councillor who manages the district and chairs (as a Chairman) all the meetings for a full year. The elections take place in three out of four years for the Chairman Councillor. Since 2002, the Conservative party has been in the seat with a majority. The Shute End is home to the Borough Council Offices in Wokingham.

Topography:

Located on the Emm Brook kin the Loddon Valley in central Berkshire, Wokingham is 33 miles west of central London and between the towns of Reading and Bracknell. Wokingham originally happened to be just a piece of agricultural land on the western front of the Windsor Forest. Wokingham’s soil is rich in loam and has a subsoil of gravel and sand.

The Wokingham town centre is replete with residential areas in almost every direction. The residential areas in the east are home to Dowlesgreen, Norreys, Keephatch and Bean Oak, in the west are Woosehill and  Emmbrook in the northwest. To the south, the areas include Wescott and Eastheath. Other residential areas include Woodcray and Luckley Green which have been present for a long time.

The last 8 decades have seen a lot of development in Wokingham. Dowlesgreen and Woosehill were built on farmland in the late 1960’s to the early 1970’s. Bean Oak was also developed during the same period. Keephatch came to be built in the '90s decade. The Norreys Estate came into existence in the 1960s. The  Norreys Avenue is. however, the oldest residential road having been built in the 1940’s. Norreys Avenue shaped as a horseshoe is located on Norreys Manor (now demolished). Because of this much of the manufactured houses were styled like those belonging to the 1940’s.The road also is home to some brick houses and to three blocks for police residential quarters.

Charities

Wokingham is home to a number of charities helping the needy. The list follows:

  • The Lucas Hospital: It is an almshouse founded in 1663 for helping sixteen elderly men who came here from the neighbouring location.
  • Wokingham United Charities: This charity provides various grants to people who live in the Wokingham area. They help them by getting rid of their poverty, distress and hardship. Besides they also provide shelter to the needy.
  • The Rotary Club of Wokingham: The club form a part of the Rotary International. It’s members take on many activities to raise funds for distributing to the needy whether locally or worldwide.

Churches

  • Wokingham Baptist Church
  • Wokingham Baptist Church
  • St Paul's Church
  • Wokingham Methodist Church
  • Christchurch Wokingham (CofE)
  • Woosehill Community Church
  • Norreys Church
  • Paul's Church (CofE)
  • Kings Church Wokingham
  • All Saints' Church (CofE)

Manors :

  • Evendon's Manor
  • Keep Hatch (demolished)
  • Norreys' Manor now named as Norreys Avenue )

Adobe Dreamweaver CS6 , Features and Uses

Adobe Dreamweaver,...