Website
editing
Overview of web page creation tools Presentation of Adobe products
Discover cloud computing with Dreamweaver CC
Create your Adobe ID

Discovery of the interface: windows, component palettes, panels

Organization of the workspace
Setting preferences: display, browsers, editor, …
Creation of web pages: editing, modification, saving
– Text formatting (fonts, titles, paragraphs, preformatted text)
– Insertion of images and manipulation of properties (resizing, optimization, cropping)
– Creation of hypertext links (link to a web page, link to a file, email link)
– Creation, modification of tables
Definition of a Dreamweaver site, file management, site map display

Workshop: Creation of a first site

Principles of operation
Basics of XHTML: tags and attributes, categories of tags.
Presentation of the main tags (text, images, bulleted lists, links, tables, etc.)
Handling tables

Workshop: Creation of a web page for the tag test

Structure and semantics in HTML5
Using the tag
Using the tag

Workshop: Creation of an HTML5 page for the tag test

Basics
Different types of CSS rules
Formatting CSS with Dreamweaver
– Redefining a style for an XHTML tag
– Defining selector styles: hover links, active links …
– Creating custom styles
– Applying custom styles
– Attach a stylesheet

Workshop: Give style to previously created pages.

Creation of the ergonomics of a website
Management of positioning problems
Generation of the main template
Editing pages from the template

Workshop: Creating a site with the table method

How a form works
Creating forms: Inserting fields, formatting …
inserting new html5 fields
Validating the form
Retrieving data, sending an email with PHP
CSS formatting of forms

Fundamentals of FTP transfer
Setting up Dreamweaver’s FTP client
Transferring files to the remote server
Overview of other FTP tools
Synchronizing files

Workshop: Upload our website to a remote server

How Dreamweaver models work Model
architecture and organization of different regions
Create a model
Use a model

Workshop: Creation of pages from models

Insertion of bookmarks
Links to bookmarks
Presentation of Flash
Creation of a Flash menu
Insertion of animated text, media (sound, video)

DHTML operating principles
Generation of dynamic content with Dreamweaver:
– Behaviors (appearance of objects, opening of windows, hovered images …)
– Scenarios (movement of layers, scrolling title …)

Workshop: Creation of dynamic menus
Validation of forms, Special-Effects, Pop-Up

Presentation of SEO issues
Concepts and insertion of header tags
Classification criteria for search tools
Rules to be observed and Spam-dexing

Presentation of responsive design
Fluid grid mode
Insertion palette
Create a page structure
Apply to other media
Create a page template
Create a tree structure and navigation

Workshop: Creation of a Responsive Design website

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

Presentation of CSS Designer and Transition
Discover the adaptation of the structure
Add and modify rules
optimize styles

Workshop: Workshop: Making gradients, transitions on HTML elements

Install Extension Manager to
manage adobe applications on your machine

Specification of a site: the specifications
Site design: ergonomics, navigation, graphic charter, databases, etc.
Site development: the role of Dreamweaver
Putting the site online: the importance of the recipe
Site monitoring: animating and maintaining your website

Conclusion