Formation HTML, CSS et Responsive Design Mixte : présentiel / à distance

• Utiliser Visual Studio pour créer des pages Web
• Connaître les caractéristiques du HTML, créer et styliser une page HTML
• Ajoutez de l'interactivité à une page HTML avec JavaScript
• Créer des formulaires HTML en utilisant différents types de saisie
• Style des pages HTML en utilisant le CSS
• Ajouter des graphiques avancés à une page HTML en utilisant des éléments Canvas et en utilisant des graphiques vectoriels évolutifs

• Bonnes connaissances du HTML 
• Connaissances de base en programmation 

Introduction 

• Comment fonctionne un site web ?
• Petite histoire du web
• Le protocole HTTP
• Présentation du langage HTML
• Structure d'un document HTML
• Le doctype
• Le head et le body
• Positionnement de HTML par rapport à CSS
• Présentation des outils (Visual Studio Code ou autre)

Les balises

• Ecriture des balises
• Les balises à contenu et les balises vides
• Les attributs de balise
• Les balises de titre
• Les balises de structure
• Les liens
• Les listes
• Les tableaux

Les formulaires

• Les champs du formulaire
• Les différents éléments du formulaire
• Action et method
• Bonnes pratiques

Nouveautés introduites avec HTML5

• Les nouvelles balises de structure
• Les nouveaux inputs de formulaire
• Validation native des formulaires
• Ajouter du son et des vidéos
• Le canvas
• Le format SVG

Appliquer du style

• Utilité des feuilles de style
• Où écrire le CSS ?
• Syntaxe de base
• Les sélecteurs
• Quelques propriétés de base
• Les couleurs (RGB, HSL, HEX)

Structure de la page

• Les éléments block, inline et inline-block
• Marges et bordures
• Le positionnement dans le flux
• Position relative et absolue
• Autres positions

Nouveautés introduites avec CSS3

• Les nouveaux sélecteurs
• Créer des dégradés
• Les bordures arrondies
• Les effets de texte
• Les transitions
• Les animations
• Le positionnement en grille
• Le positionnement Flexbox
• Les media queries

Aller plus loin

• Bonnes pratiques
• Optimiser le référencement naturel
• Mettre en ligne son site
• Les frameworks CSS
• Introduction à JavaScript

Docaposte Institute propose plusieurs dispositifs pédagogiques adaptés aux apprenants :

•  Formation en présentiel
• En groupe (inter-entreprises ou intra-entreprise)
• En individuel (monitorat)
• En journée ou en cours du soir (sur demande spécifique)
• Formation en distanciel
• Distanciel synchrone
• Distanciel asynchrone
• Apports des connaissances communes.

• Mises en situation sur le thème de la formation et des cas concrets.
• Méthodologie d'apprentissage attractive, interactive et participative.
• Equilibre théorie / pratique : 60 % / 40 %.
• Supports de cours fournis au format papier et/ou numérique.
• Ressources documentaires en ligne et références mises à disposition par le formateur.
• Pour les formations en présentiel dans les locaux mis à disposition, les apprenants sont accueillis dans une salle de cours équipée d'un réseau Wi-Fi, d'un tableau blanc ou paperboard. Un ordinateur avec les logiciels appropriés est mis à disposition (le cas échéant).

En amont de la formation :

• Recueil des besoins : permet de récolter des informations sur le stagiaire (profil, formation, attentes particulières, ...).
• Auto-positionnement des stagiaires afin de mesurer le niveau de départ.

Tout au long de la formation :

• Évaluation continue des acquis via des questions orales, exercices / projet fil rouge, des QCM, des cas pratiques et mises en situation.

A la fin de la formation :

• Auto-positionnement des stagiaires afin de mesurer l'acquisition des compétences.
• Evaluation du formateur des compétences acquises par les stagiaires.
• Questionnaire de satisfaction à chaud : permet de connaître le ressenti des stagiaires à l'issue de la formation.
• Questionnaire de satisfaction à froid : permet d'évaluer les apports réels de la formation et leurs mises en application au quotidien.

• Admission sans disposition particulière