History: Evolution of HTML and CSS
HTML5: Presentation of current issues
Examples of applications in HTML 5 and CSS3
Overview of development tools like Visual Studio

Structuring a page in HTML5:
Semantic tags: header, article, aside…
Creation of a layout container
New attributes used by search engines

Practical workshop: Architecture of a page in HTML5

The audio and video tags
The Canvas tag: Using the Canvas API.
Interactive Graphics with SVG Hands-on

Workshop: Creating Interactive Graphics

Applying styles to HTML 5 zone properties
Selectors: Tag and attribute referencing, Inheritance, prefixes,! Important, object architecture, pseudo-classes and pseudo-elements.
Appearance: Size, borders, outlines, background, background image, gradients, shadows, clipping,
transparency, sizing, margins…
Positioning issues, the different positioning modes., Display, masking
Column arrangement. Floats, exclusions.

Practical workshop: Creation of a page of press articles

Format, color, drop shadow…
Font integration: @ font-face
Alignment, text indentation, justification, hyphenation.

Practical workshop: Layout of an article

Transformation of objects in 2D and 3D
Animations of objects with CSS transitions
Adaptation of the interface according to the media used

Practical workshop: Animation of the web page

Presentation of Responsive Web Design: objectives, alternatives …
The flexible model
Media queries
Layout using regions, grouping and nesting
Fixed and fluid grids
Image compression, sprites, Data URI
API Network Information JavaScript for Responsive

Atelier practical: Adaptation of the web page to multiple formats (tablets, smartphone, etc.)

Storage APIs: LocalStorage, SessionStorage, IndexedDB
Geolocation
Offline web application