A Quick Glance

  • black-arrow

    Learn to use all new techniques and features of ADOBE DREAMWEAVER CS6.

  • black-arrow

    Develop interactive websites by using advanced tools like media elements and navigation control.

  • black-arrow

    Try hand on practices in implementing new visual CSS editing tools.

  • black-arrow

    Training from experienced and certified instructors.

  • black-arrow

    Getting acquainted for advanced learning at affordable prices.

Adobe Dreamweaver is a leading application in the field of web designing and development. It offers a visual WYSIWYG editor and a code editor. It has certain standard characteristics such as code completion, syntax highlight, and codes collapsing. The are useful at  initial stages of learning .

Apart from these, features like real-time syntax checking and code introspection are helpful to the user. Initially created by Macromedia in 1997, Adobe Systems acquired it in 2005 which is available for both Mac and Windows. Dreamweaver is considered as a versatile tool and helps in coding and visualizing the web content.

Dreamweaver uses the combination of different management tools. Coupled with websites and various mobile contents to help users in designing, coding and managing files. Moreover, it is available in 16 languages for both Mac and Windows but only one language, that is, Korean is available for Windows only.

In this course under Pentagon Training, you will learn all the advanced level tools and techniques and how to use them properly. Since it’s a pioneering course, delegates will learn a lot of productive advancements of the application.

Who should take this course

This advanced course is suitable for all those who have in-hand constant awareness for tools and features of Adobe Dreamweaver CS6 and who want to expand the area of knowledge to gain the hold on creating and maintaining more interactive websites. It is useful for:

  • Web Developers who are into developing websites
  • Web Designers who design the websites
  • Administrators of the web who want to have held in the field
  • Graphic Designers for more intuitive designs
  • IT professionals to enlarge their scope for professional development
  • Computer science engineers for developing their knowledge
More

Prerequisites

This course deals with advanced level of studies and leads to much more better parameters of Adobe Dreamweaver under Pentagon Training. Hence it is to be kept in mind that the candidate is having basic knowledge of Adobe Dreamweaver CS6. If they won’t be familiar with the initial level it would be tough for them to understand the advanced level skills, techniques and terminologies.

More

What Will You Learn

On the completion of this course delegates will be able to:

  • Use layout pages with CSS.
  • Make better use of the Dreamweaver CS6 interface.
  • Learn to insert Flash video and sound.
  • Create and reuse Dreamweaver CS6 templates, library items, and snippets.
  • Understand how to work in Code View.
  • Collaborate and learn to work with forms.
  • Understand as to how to use Adobe's Spry Framework.
  • Manage the website efficiently with advanced tools.
More

What's included

  Course Overview

This two-day course  supports the delegates in getting advanced skills on Adobe Dreamweaver CS6. It  assists  in enhancing  one's forefront knowledge by adding advanced functions..

Once this level of training completes, the delegates will be able to develop and create more sophisticated websites. This will also let them enhance their cognitive skills. The delegates will be able to examine site design considerations and other performance parameters.

As a one-step ahead training course, mentors will also guide you while integrating media files with Dreamweaver. There will be proper guidance from the instructor’s side as to how to insert audios and videos in the web page? The course also includes topics like previewing and testing of a website.

Since this is an advanced course, so all the necessary things as to how to start up and manage website files will be taught. It also considers  features like using  mobile integration techniques and implementing Phone Gap integrations.

 

Exam:

Exam Type: Objective

Duration: 90 minutes

Pass %age: 45

 

 

More

  Course Content

  • Creation of Page Layouts with CSS

 

  • Quick start
  • The CSS Box Model
  • Basics of CSS Margins, Padding, and Borders
  • Reviewing the ID Selector
  • Creating a Centered Container
  • Making Compatible Layout Cross-browser
  • Absolute versus Relative Positioning
  • Positioning Content with AP Div
  • Creating a Header Section using Draw AP Div
  • Adding an Introduction Section to Page
  • Adding Images to Layout
  • Adding Main and Sidebar Content Areas
  • Setting Margins and Borders
  • Overriding Default Margins in CSS
  • Adding Borders to Elements
  • Future Proofing Layout
  • CSS Layouts
  •  
  • Working with Advance Page Layout

 

  • Introduction
  • Distinguishing 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
  • Create the Appearance of Equal Height Columns
  • Browser Compatibility
  • Adding Code for IE 6
  • Dreamweaver Fluid Grid Layout
  •  
  • CSS Transitions and Web Fonts

 

  • CSS Transitions
  • Role of CSS3
  • Adding CSS Transition
  • Modifying CSS Transition
  • Adding CSS Transitions to a Navigation Menu
  • Web Font Basics
  • Adding Web Fonts
  • Styling Headings with Web Font
  •  
  • Workflow Fine-tuning

 

  • Start and introduction
  • Customizing Panels and Panel Groups
  • Using Favorites Tab on Insert Bar
  • Document Window resizing
  • Changing the Zoom Level
  • Using Guides
  • Using Grids
  • The Tag Selector
  • Filing Documents
  •  
  • Adding Flash, Video, and Sound Content

 

  • Making interactive Web Content
  • How to Insert Flash Movies?
  • Adding Video
  • Flash Video
  • QuickTime Video and Windows Media
  • Insert Sound
  •  
  • Maximising Site Design

 

  • Modular Page Elements creation
  • Using Snippets
  • Using Library Items
  • Modifying 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
  •  
  • Working with Code-editing Features

 

  • Working with Code
  • Accessing system with the Quick Tag Editor
  • Inserting Tags
  • Inserting and Editing Comments
  • Using HTML5 Code-hinting
  • Working in the Code View
  • Modifying Code View Workspaces
  • Coding Toolbar
  • Collapsing ad Expanding Tags and Code Blocks
  • Validating Code
  • Highlighting and Correcting Invalid Code
  • Running a Report
  • Formatting Code
  • Indenting
  •  
  • Building Web Forms

 

  • Fundamentals of HTML Forms
  • How Forms Work?
  • Building a Contact Form
  • Inserting the
    Tag
  • Setting Form Properties
  • Creating Submit and Reset Buttons
  • Attaching External Styles
  • Setting a Background Color
  • Styling form Elements
  • Form Processing and Validation
  • Event or Trigger setting
  • Form Fields validation
  • Changing Behavior Order
  • Field Contents verification
  •  
  • Adding Interactivity with the Spry Framework

 

  • Introduction to Spry Widgets
  • The Spry Framework for AJAX
  • What is AJAX?
  • The Spry Menu Bar
  • Customizing Spry Widgets with CSS
  • The Spry Tabbed Panel
  • The Spry Accordion Panel
  • The Spry Collapsible Panel
  • What Is XML?
  • Creating a Spry XML Data Set
  • Adding a Spry Data Widget: The Spry Repeat List
  •  
  • Mobile Design and Layout

 

  • Rise of the Mobile Web
  • Tools for Mobile Layout
  • Mobile Website Features
  • Viewing web Page with Multiscreen
  • Media Queries Defined
  • Creating Site-wide Media Query File
  • Organizing Style Sheets
  • Optimized layout for Mobile
  • Creating Navigation styles and Single-column Layout
  • Creating Mobile Layout
  • Creating Tablet Layout
  • Creating Three-column Fluid Layout
  • Styling Element in Fluid Grid Layout
  •  
  • Managing Website

 

  • File Panel working
  • Remote Connection creation
  • Remote Web Server files
  • Transferring Files with Get and Put
  • Using Check In/Check Out and Design Notes
  • Sharing Design Notes
  • Testing Site Integrity
  • Using Check Links
  • Checking Links Site wide
  • Generating Site Reports
  • Understanding Report Results
  • The Browser Compatibility Check
  • Search Engine Visibility
  • Search Engine Optimization
  • Tiling Your Documents with the Title Tag
  • Adding Meta Keywords and Descriptions
  • Launching Your Site
  • Uploading Your Site
  •  
  • Dreamweaver CS6 Advanced Features

 

  • Dreamweaver CS6
  • Fluid Grid Layout
  • CSS Transitions
  • Web Fonts
  • jQuery Mobile Swatches
  • PhoneGap Build Service
  • New Features in Dreamweaver CS6
  • CSS3 and HTML5 Authoring Support
  • jQuery Mobile Integration
  • Support for Building Native Mobile Apps for iOS and Android with PhoneGap
  • W3C Validation
More


Adobe Dreamweaver CS6 Advanced Enquiry

 

Enquire Now


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

Reach us at +44 1344 961530 or info@pentagonit.co.uk for more information.