HTML5 - CSS3 - Créer des pages web

Objectifs

• Concevoir et développer des applications Web en HTML5 et CSS3

• Mettre en place et valider la structure HTML 5 des pages Web

• Habiller des pages Web en CSS3 afin de les rendre plus attractives

• Savoir produire des pages compatibles avec les différents navigateurs internet

• Rendre Responsive Design les pages Web d'un site

Public cible

Toute personne souhaitant apprendre à créer des pages Web basées sur HTML5 et CSS3, comme les :

• Webmasters

• Concepteurs Web

• Développeurs

• Chefs de projets techniques

Prérequis

Connaître l’environnement Windows

Contenu

Présentation

• Contexte historique

• HTML : le langage du Web

• Fonctionnement d’un site internet

• Evolution de l’usage des terminaux (PC, smartphone, tablette, …)

• La nouvelle vision HTML5

Structure d’un document HTML

• Tags principaux

• Simplification avec HTML 5

• Les éléments et leurs placements

Le HTML : un langage à balises

• Titres et paragraphes de texte

• Le contrôle de passage à la ligne

• Les caractères spéciaux

• Les commentaires

• Les autres balises de texte

• Listes

• Tableaux

• Formulaires

• Balises sémantiques

• Audio et vidéo

Les feuilles de style CSS

• Syntaxe des sélécteurs CSS

• Pseudo-sélecteurs

• Principales propriétés CSS

• Règles CSS

• Frameworks CSS

• Le modèle de boîte

• Eléments "block" et "inline"

• La propriété display

• Padding, marges et bordures

• Gérer les positionnements : dans le flux, absolu et relatif, fixé, flottant

Allez plus loin avec le CSS 3

• Nouveaux sélecteurs

• Fonts, couleurs et bordures

• Positionnement en colonnes

Responsive Web Design

• Présentation des Media Queries

• Adaptation des CSS aux caractéristiques du terminal

• JavaScript et les anciens navigateurs

• Réglage complémentaire de rendu visuel (viewport)

• Principes des grilles : fluides, fixes

• Introduction aux Frameworks et librairies responsives (Bootstrap, …)