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