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, …)