HTML5 et CSS3 - Langages de base du web
3 jours - 21 heures
Objectifs
Apprendre les fondamentaux de la conception de pages web modernes en maîtrisant la structure HTML5 et le style CSS3. Cette formation permet d'acquérir les compétences nécessaires pour créer des interfaces élégantes et fluides, en intégrant des effets visuels dynamiques. Un accent particulier est mis sur le Responsive Design afin de garantir un affichage optimal et une expérience utilisateur irréprochable sur tous les supports (ordinateurs, tablettes et smartphones).
Participants
Développeurs Web, chefs de projet Web…
Prérequis
Pas de prérequis pour cette formation.
Programme
PRESENTATION
- Environnement & technologies
- W3C, WhatWG
- Navigateurs (moteurs de rendu et compatibilité)
- Le mode console
STRUCTURE DE PAGE
- Doctype, Balises sémantiques
- Les apports du HTML5
- html5shiv
- BoilerPlate (les bonnes pratiques)
BALISES
- Eléments Div et Span
- Listes et navigation
- Tableaux
- iFrames
WEBFORMS
- Champs de saisie
- Listes déroulantes
- Boutons radios
- Champs date
- PlaceHolder
- Slider
- Validation automatique
STRUCTURE DES ELEMENTS
- Le modèle de boîte
- Éléments block et inline
- La propriété display
- Padding, marges et bordures
STYLES CSS
- Syntaxe des sélecteurs CSS
- Pseudo sélecteur
- Principales propriétés CSS
- Règles CSS
- Frameworks CSS (bootstrap...)
POSITIONNEMENT
- Positionnement dans le flux
- Positionnement absolu et relatif
- Positionnement fixé
- Positionnement flottant
CSS3
- Fonts, couleurs et bordures
- Positionnement en colonnes
- Animations
- Media Queries
Ouverture vers l'Intelligence Artificielle
Le formateur proposera, lorsque pertinent, un éclairage sur les usages complémentaires de l’intelligence artificielle en lien avec le programme : automatisation de tâches, assistance à l’analyse et à la création de contenus, optimisation des processus ou encore support à la prise de décision. Ces apports permettront d’illustrer de nouvelles pratiques tout en sensibilisant aux bonnes règles d’utilisation responsable (sécurité, fiabilité des résultats, respect des données).
Accessibilité
Pédagogie
La pédagogie est basée sur le principe de la dynamique de groupe avec alternance d'apports théoriques, de phases de réflexion collectives et individuelles, d'exercices, d'études de cas et de mises en situations observées. Formation / Action participative et interactive : les participants sont acteurs de leur formation notamment lors des mises en situation car ils s'appuient sur leurs connaissances, les expériences et mettront en œuvre les nouveaux outils présentés au cours de la session.
Spécificités pédagogiques de la session à distance
Formation dispensée en visio-formation avec un séquencement adapté. Configuration et accès à notre outil de visio-formation. Accès à la bibliothèque pédagogique virtuelle durant la formation afin de partager les exercices, contrôler les résultats obtenus et déployer l’ensemble du séquencement pédagogique. La durée exacte des modules définis ci-après est susceptible de varier en fonction de la vitesse d’appropriation des concepts enseignés de la part du stagiaire.
Public Visé
Collaborateurs : Développer ses compétences, s’affirmer comme expert dans son domaine, sécuriser son parcours professionnel...
Entreprises ou organisations : Accélérer les évolutions de carrière des collaborateurs, augmenter l’efficacité et l’employabilité des équipes...
Demandeurs d’emploi : Développer son employabilité, favoriser sa transition professionnelle...
Profil de l'intervenant
Consultant-formateur expert. Suivi des compétences techniques et pédagogiques assuré par nos services.
Moyens techniques
Le suivi pédagogique, administratif et logistique est assuré et coordonné par nos services afin de garantir le bon déroulement de
l’action de formation.
Les stagiaires bénéficient d’un encadrement complet tout au long de la formation.
Pour les formations réalisées en centre, les participants disposent d’un espace d’accueil, de salles configurées techniquement
selon les besoins pédagogiques et d’un matériel dédié.
Des ressources pédagogiques sont mis à disposition des participants pendant la formation. Une documentation pédagogique
est remise à échéance de la formation au format papier ou numérique
Moyens techniques relatifs aux sessions à distance
Encadrement complet des stagiaires durant la formation. Accès à notre service technique durant l’animation pour toute limite rencontrée. Accès à l’espace de conversation instantané durant la session pour interagir avec le formateur et les participants. Transmission d’un email de contact pour réaction privée durant la session. Remise d’une documentation pédagogique papier ou numérique à échéance de la formation.
Méthodes d'évaluation des acquis
Un contact téléphonique est systématiquement établi avec le stagiaire ou la personne chargée de son inscription afin de définir le positionnement. Si besoin, un questionnaire est adressé pour valider les prérequis en correspondance et obtenir toute précision nécessaire permettant l’adaptation de l’action. Durant la formation, des exercices individuels et collectifs sont proposés pour évaluer et valider les acquis du stagiaire. La feuille d’émargement signée par demi-journée ainsi que l’évaluation des acquis sont adressées avec la facture.
Méthodes d'évaluation des acquis de la formation à distance
Un contact téléphonique est systématiquement établi avec le stagiaire ou la personne chargée de son inscription afin de définir le positionnement. Si besoin, un questionnaire est adressé pour valider les prérequis en correspondance et obtenir toute précision nécessaire permettant l’adaptation de l’action. Durant la formation, des exercices individuels et collectifs sont proposés pour évaluer et valider les acquis du stagiaire. La feuille d’émargement signée par demi-journée ainsi que l’évaluation des acquis sont adressées avec la facture.