HTML5 - CSS3 - Créer des pages web

Connaître l’environnement Windows

• 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

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

Notre savoir-faire nous a permis de développer une méthode pédagogique spécifique basée sur la pratique et utilisée par tous nos formateurs. Notre méthode est construite autour de 2 piliers : l’expertise du formateur et l’analyse du besoin du participant.

Une attestation de présence peut être délivrée à la demande du participant en fin de formation.