Adobe Dreamweaver

Goals


- Learn more about the main features of Dreamweaver

- Discover the new feature

- Master the advanced use of CSS

- Discover the key stages of SEO

- Discover the potential of new HTML5 / CSS3 standards

- Learn how to build multiplatform sites: smartphone, tablet, etc.

Program

Presentation of Dreamweaver CC
Presentation of Adobe products
Discover cloud computing with Dreamweaver CC
Create your Adobe ID
Panorama of web page creation tools
Reminders of XHTML, CSS, HTML5
standards Current issues: multi-format, mobile devices

Presentation of HTML 5
Support by browsers
HTML5 tags

Practical workshop: A first page in HTML 5

Structure and semantics
New HTML5 form elements
Integration of animations and sounds

Practical workshop: Creation of a first site with HTML5 form

CSS reminder
Priority order: cascade and inheritance
Sizing, margins
Positioning problem
CSS 3 properties for formatting: borders, shadows, transparency, …

Practical workshop: demonstration of styles and effects on the different properties studied, complex layout of a page

Basic JavaScript concepts
Event management
Presentation of the DOM (Document Object Model)
Access, modification, addition of elements and attributes
Dynamic management of CSS

Practical workshop: creating a photo gallery

Presentation of the XML format
Structure of an XML document
Benefits of XML

Practical workshop: RSS feed for a website

Presentation of Responsive Web Design: objectives, alternatives …
Fluid grids
Media queries
Image compression, sprites, Data URI
Introduction to JavaScript libraries for HTML5 compatibility

Practical workshop: creation of a multiplatform site (smartphone, tablet, etc.)

Presentation of jQuery UI
Essential functions
Install JQuery UI and use a basic component
Use the JQuery tabs
JQuery Mobile panel

Workshop: Creation of a dynamic menu with JQuery UI,
use of JQuery effects
creation and formatting of a page for mobile

Synchronous and asynchronous communication
Instantiate an XMLHttpRequest object
Sending requests
Managing responses, return codes from HTTP servers
Managing errors

Asynchronous / synchronous communication
Implementation of AJAX
jQuery functions available
Loading of pages and code injection
Complete integration of AJAX and the UI
Compatibility with other frameworks

 Practical workshop: creation of a rich web interface with jQuery

Quick
SEO Reminders Basic SEO Rules: Document Title, Meta, Content Title
Advanced SEO Rules: Links, Images, Filename, etc.

Accessibility repositories
Some basic rules: CSS styles, tables, navigation
Other accessibility rules
Optimization of pages

Duration

5 days

Price

£ 1850

Audience

All

Prerequisites

Have taken the "Dreamweaver initiation" course or have equivalent knowledge

Reference

SIT398-F

Sessions

Contact us for more informations about session date