Dreamweaver Level 2 - FACTS ALPA FACTSn.b5z.net/i/u/10238063/f/Course Fact...

2
ALPHA FACTS Dreamweaver Level 2 - FACTS Course Content More on Cascading Style Sheets Style Rules and Their Attributes Webfonts Adobe Edge Fonts Background Options Block (Pre CC) and Layout and Text Options Box (Pre CC) and layout Options CSS Inspect Mode Border Options Extensions Options (Pre CC) The CSS Styles panel in All mode (Pre CC) The CSS Styles panel in Current mode (Pre CC) Disable/Enable CSS Cascading Order and Inheritance of Styles Link vs Import Choosing a Media Type (Pre CC) Contectual selectors Group Selectors Multiple CSS class selection Shorthand CSS Creating Layouts with CSS O’Reilly HTML and CSS references (Pre CC) Live View and the Browser Navigation Toolbar CSS3 and Mobile Devices Introduction to CSS3 Introducing CSS3 Media Queries Understanding Media Queries Generating a Media Query in Dreamweaver (CC) Generating a Media Query in Dreamweaver (Pre CC) Previewing pages at different screen sizes Fluid Grid Layouts Inserting Fluid Grid Layout div tags Editing Fluid Grid Layout div tags Adding other CSS to a fluid grid layout Editing the grid CSS3 Transitions Overview of JQuery Mobile Overview of creating web applications using PhoneGap Introduction to Adobe Business Catalyst AP Behaviours About behaviours Behaviors panel overview Applying a behaviour Changing or deleting a behaviour Updating a behaviour Downloading and installing third‑party behaviours Using built‑in behaviours The Open Browser Window behaviour The Show‑Hide Elements behaviour The Swap Image behaviou The Popup Message behaviour Adding jQuery Effects (CC) or Spry Effects (Pre CC) Templates: Advanced Features Review of Dreamweaver templates About template repeating regions Creating a repeating region in a template Inserting a repeating table Editing repeating regions Editable and non‑editable optional regions Inserting a non‑editable optional region Inserting an editable optional region Setting display options of an optional region in a document based on a template Specifying editable tag attributes in a template About nested templates Creating a nested template Preventing an editable region from passing through to a nested template More on working with Images Creating a Rollover Image Editing a Rollover Image Removing a Rollover behaviour Inserting an Image Map Editing an Image Map Working with an External Image Editor Working With Photoshop Image Compression Settings Editing Smart Objects Copy and paste a selection from Photoshop Forms Understanding Forms Dreamweaver Level 2 course is a comprehensive course that builds on the skills developed in Dreamweaver Level 1. Advanced site creation techniques are covered including in-depth CSS, media queries and designing for different devices, adding javascript-based features, working with advanced template options, HTML forms and image maps and rollover images. Alpha comprehensive courseware is supplied. Course Prerequisites: The prerequisites for this course is that you have completed the Dreamweaver Level 1 course or have equivalent knowledge. Duration: Two days 9:00 am – 4:30 pm L2

Transcript of Dreamweaver Level 2 - FACTS ALPA FACTSn.b5z.net/i/u/10238063/f/Course Fact...

Page 1: Dreamweaver Level 2 - FACTS ALPA FACTSn.b5z.net/i/u/10238063/f/Course Fact Sheets/Dreamweaver/Dreamwe… · • JQuery Widgets and Ajax • About JQuery UI widgets • Support files

A L P H A F A C T S

Dreamweaver Level 2 - FACTS

Course ContentMore on Cascading Style Sheets bull Style Rules and Their Attributesbull Webfontsbull Adobe Edge Fontsbull Background Optionsbull Block (Pre CC) and Layout and Text

Optionsbull Box (Pre CC) and layout Optionsbull CSS Inspect Modebull Border Optionsbull Extensions Options (Pre CC)bull The CSS Styles panel in All mode (Pre CC)bull The CSS Styles panel in Current mode

(Pre CC)bull DisableEnable CSSbull Cascading Order and Inheritance of Stylesbull Link vs Importbull Choosing a Media Type (Pre CC)bull Contectual selectorsbull Group Selectorsbull Multiple CSS class selectionbull Shorthand CSSbull Creating Layouts with CSSbull OrsquoReilly HTML and CSS references

(Pre CC) bull Live View and the Browser Navigation

ToolbarCSS3 and Mobile Devicesbull Introduction to CSS3bull Introducing CSS3 Media Queriesbull Understanding Media Queries

bull Generating a Media Query in Dreamweaver (CC)

bull Generating a Media Query in Dreamweaver (Pre CC)

bull Previewing pages at different screen sizes

bull Fluid Grid Layoutsbull Inserting Fluid Grid Layout div tagsbull Editing Fluid Grid Layout div tagsbull Adding other CSS to a fluid grid layoutbull Editing the gridbull CSS3 Transitionsbull Overview of JQuery Mobilebull Overview of creating web applications

using PhoneGapbull Introduction to Adobe Business CatalystAP Behavioursbull About behavioursbull Behaviors panel overview bull Applying a behaviourbull Changing or deleting a behaviourbull Updating a behaviourbull Downloading and installing third‑party

behavioursbull Using built‑in behavioursbull The Open Browser Window behaviourbull The Show‑Hide Elements behaviourbull The Swap Image behavioubull The Popup Message behaviourbull Adding jQuery Effects (CC) or Spry

Effects (Pre CC)

Templates Advanced Featuresbull Review of Dreamweaver templatesbull About template repeating regions bull Creating a repeating region in a template bull Inserting a repeating table bull Editing repeating regionsbull Editable and non‑editable optional

regions bull Inserting a non‑editable optional regionbull Inserting an editable optional regionbull Setting display options of an optional

region in a document based on a template

bull Specifying editable tag attributes in a template

bull About nested templatesbull Creating a nested templatebull Preventing an editable region from

passing through to a nested templateMore on working with Imagesbull Creating a Rollover Imagebull Editing a Rollover Imagebull Removing a Rollover behaviourbull Inserting an Image Mapbull Editing an Image Mapbull Working with an External Image Editorbull Working With Photoshopbull Image Compression Settingsbull Editing Smart Objectsbull Copy and paste a selection from

PhotoshopFormsbull Understanding Forms

Dreamweaver Level 2 course is a comprehensive course that builds on the skills developed in Dreamweaver Level 1 Advancedsite creation techniques are covered including in-depth CSS media queries and designing for different devices adding javascript-based features working with advanced template options HTML forms and image maps and rollover images Alpha comprehensive courseware is suppliedCourse Prerequisites The prerequisites for this course is that you have completed the Dreamweaver Level 1 course or have equivalent knowledge Duration Two days 900 am ndash 430 pm

L2

02 9479 9701alphacccomauemail salesalphacccomau

Dreamweaver Level 2 - FACTS

Formsbull Creating a Formbull Accessibility options for forms (Pre CC)bull Accessibility and Forms (CC)bull Form Objectsbull HTML5 Form Elements (CC)bull Text Elementsbull Common form element attributes (CC)bull Select (ListMenu) Elementsbull Radio Buttonsbull Checkboxesbull Buttonsbull Processing Formsbull Creating a Jump Menu

JQuery UI Widgets (CC)bull What is JQuerybull JQuery Widgets and Ajax bull About JQuery UI widgetsbull Support files for JQuery widgetsbull The Accordion widgetbull Styling the Accordion widgetbull The Tabs widget bull Styling the Tabs widgetbull The Datepicker widgetbull The Radio Buttons widgetbull The Checkbox Buttons widgetbull The Autocomplete widget bull The Button widgetbull The Dialog widgetbull The Progressbar widgetbull Other JQuery UI widgetsAppendixbull AP Elementsbull Ajax and Spry layout Widgets (Pre CC)bull Advanced Form Validation with Spry Form

Widgets (Pre CC)bull Integrating Data Sets with Spry (Pre CC)

View our

Training Calendarfor course dates select your location

Book Now Alpha CC Courses include

bull Comprehensive course notes bull Certificate of Completionbull FREE access to eLearning resourcesbull After course support HELP DESK via

email (for public course only)

Packages AvailableAdobe Dreamweaver Level 2 is offered as part of a package designed for users who want to attend multiple courses to achieve in depth knowledge

Page 2: Dreamweaver Level 2 - FACTS ALPA FACTSn.b5z.net/i/u/10238063/f/Course Fact Sheets/Dreamweaver/Dreamwe… · • JQuery Widgets and Ajax • About JQuery UI widgets • Support files

02 9479 9701alphacccomauemail salesalphacccomau

Dreamweaver Level 2 - FACTS

Formsbull Creating a Formbull Accessibility options for forms (Pre CC)bull Accessibility and Forms (CC)bull Form Objectsbull HTML5 Form Elements (CC)bull Text Elementsbull Common form element attributes (CC)bull Select (ListMenu) Elementsbull Radio Buttonsbull Checkboxesbull Buttonsbull Processing Formsbull Creating a Jump Menu

JQuery UI Widgets (CC)bull What is JQuerybull JQuery Widgets and Ajax bull About JQuery UI widgetsbull Support files for JQuery widgetsbull The Accordion widgetbull Styling the Accordion widgetbull The Tabs widget bull Styling the Tabs widgetbull The Datepicker widgetbull The Radio Buttons widgetbull The Checkbox Buttons widgetbull The Autocomplete widget bull The Button widgetbull The Dialog widgetbull The Progressbar widgetbull Other JQuery UI widgetsAppendixbull AP Elementsbull Ajax and Spry layout Widgets (Pre CC)bull Advanced Form Validation with Spry Form

Widgets (Pre CC)bull Integrating Data Sets with Spry (Pre CC)

View our

Training Calendarfor course dates select your location

Book Now Alpha CC Courses include

bull Comprehensive course notes bull Certificate of Completionbull FREE access to eLearning resourcesbull After course support HELP DESK via

email (for public course only)

Packages AvailableAdobe Dreamweaver Level 2 is offered as part of a package designed for users who want to attend multiple courses to achieve in depth knowledge