HTML5 - CSS3 - How to create web pages

Goals

• Design and develop web applications in HTML5 and CSS3

• Set up and validate the HTML 5 structure of web pages

• Dress web pages in CSS3 to make them more attractive

• Know how to produce pages compatible with different internet browsers

• Make Responsive Design the web pages of a site

Target audience

Anyone wishing to learn how to create web pages based on HTML5 and CSS3, such as:

• Webmasters

• Web designers

• Developers

• Technical project managers

Prerequisite

Know the Windows environment

Contents

Presentation

• Historical context

• HTML: the language of the Web

• Operation of a website

• Evolution of the use of terminals (PC, smartphone, tablet, etc.)

• The new HTML5 vision

Structure of an HTML document

• Main Tags

• Simplified with HTML 5

• Elements and their placements

HTML: a markup language

• Titles and paragraphs of text

• Line feed control

• Special characters

• Comments

• Other text tags

• Lists

• Tables

• Forms

• Semantic tags

• Audio and video

CSS style sheets

• Syntax of CSS selectors

• Pseudo-selectors

• Main CSS properties

• CSS rules

• CSS Frameworks

• The box model

• "block" and "inline" elements

• The display property

• Padding, margins and borders

• Manage positioning: in the flow, absolute and relative, fixed, floating

Go further with CSS 3

• New selectors

• Fonts, colors and borders

• Positioning in columns

Responsive Web Design

• Presentation of Media Queries

• Adaptation of CSS to the characteristics of the terminal

• JavaScript and older browsers

• Additional setting of visual rendering (viewport)

• Grid principles: fluid, fixed

• Introduction to Frameworks and responsive libraries (Bootstrap, …)