HTML-CSS Les standards du Web - Eligible CPF

Téléchargez :
Html5 css3 programmeHtml5 css3 programme


Objectifs : Avoir une connaissance de base de ces 2 langages et pouvoir intervenir sur une page Web pour compléter / corriger telle ou telle partie de son contenu (en particulier : donner l’aspect voulu aux éléments concernés).
NB : Ce programme de formation se veut très opérationnel et immédiatement applicable, pourvu que vous ayez accès au code des pages que vous souhaitez modifier.
La richesse du langage HTML/CSS fait qu’il est possible de consacrer plusieurs jours à son apprentissage sans en faire complètement le tour. Nous nous consacrerons ici à ce qui constitue la base de ce langage, sans nous interdire – si vous le souhaitez et selon vos besoins – d’aborder des points plus précis liés par exemple aux animations, au dessin, ou à la gestion du ‘responsive’.
Il s’agit d’un programme indicatif dont le poids de chaque partie peut naturellement être revu de façon à coller au plus près de vos besoins.

Public : Personne intéressée par le langage HTML et des CSS en vue de concevoir un site web statique.
Pré-requis : Maîtriser l’environnement Windows. Avoir une utilisation d’Internet et connaître les principes de base de la navigation sur le web.
Méthode pédagogique : Formation présentielle individuelle dispensée par un formateur. L’échange est favorisé et encouragé par des temps de synthèse et de question réponse. Alternance théorie et pratique. Les apports méthodologiques sont illustrés d’exemples puis concrétisés à partir d’une recherche collective sur l’application possible en situation. Sentez-vous libre cependant de venir avec vos propres demades / exemples.
Un audit téléphonique en amont sera organisé afin de préciser vos attentes.
Déroulement de la formation : Mise à disposition d’une salle de formation équipée d’ordinateurs, licences à jour, de vidéo-projecteur, de tableau blanc. Accueil du/des stagiaire(s) 15 minutes avant le démarrage de la formation autour d’un café.
Suivi : Avant la formation, le participant est invité à compléter un questionnaire d’évaluation avant formation. Il pourra être audité par le formateur et/ou le conseiller commercial. En début de formation, le participant est invité à exprimer ses attentes afin de valider l’adéquation entre les objectifs individuels et de formation. Ces attentes seront reprises lors de la séquence d’évaluation de la formation pour relever, en tour de table, le niveau d’attente exprimé par le participant ainsi que sa satisfaction vis-à-vis du contenu et du déroulement de la formation. Une fiche d’évaluation «à chaud» sera remplie par le stagiaire. Un compte-rendu de formation sera rédigé par le formateur à l’issue de la formation. Une fiche de suivi «post-formation» sera remplie par le stagiaire 3 mois après la formation afin de vérifier l’utilité de celle-ci.
Moyen de suivi de la formation : Emargement.
Evaluation des acquis : Réalisation d’un exercice pratique reprenant les notions abordées lors de la formation et/ou d’un quizz.
Validation : Une attestation de fin de formation sera remise à l’issue de la formation.
Certification : TOSA® DigComp (en option, + 1 heure 15).
Eligible CPF : Oui.


1. Bien démarrer en HTML-CSS
         * Connaissance générale lié à ces langages.
         * Quel est le rôle de chacun ?
         * Où le code HTML / CSS est-il visible / stocké ?
         * Quels outils pour le manipuler ?
         * Le code minimal pour disposer d’une page Web …
         * Tirer profit des fonctions «développeur» de votre navigateur Chrome ou Firefox.

2. Les bases du langage
          *
La syntaxe utilisée tant pour le HTML que pour le CSS au travers de quelques exemples simples mis en oeuvre sur une page de test.
          * La notion de balises (HTML).
          * Premières instructions en CSS et aperçu de la richesse de ce langage..
               
3. Les sélecteurs en CSS
       
   * Comment associer une mise en forme à un ou quelques éléments seulement de la page HTML.
           * Utiliser des ‘class’ et des ‘id’.
           * Découverte et utilisation des sélecteurs du CSS3 (illustration au travers de nombreux exemples).
           * Mise en oeuvre pour modifier des portions de pages existantes.

4. Agencer du contenu dans la page
           
* Comment mettre des textes en colonne.
           * Disposer une image à gauche ou droite.
           * Centrer ou aligner des éléments, etc...
           * Les principales problématiques de positionnement de contenus dans une page et les façons de les résoudre.
           * Notion de flux.
           * Connaissance des types de ‘blocs’ (inline, block, et autres).
           * Positionnement relatif, absolu ou ‘fixe’.
           * Les techniques récentes à connaître : flexbox.
           * Les techniques très récentes à anticiper : Grid Layout. Introduction.

5. Mettre en forme des contenus - cas pratiques (et plus précis)
   
         * Travail sur les bordures, l’arrondi des angles et les ombres (internes ou externes) d’éléments blocs.
            * Utiliser (cumuler, positionner) un ou plusieurs fonds (couleurs ou images) et jouer avec les propriétés des ‘papier-peints’.
            * Réaliser simplement un dégradé de couleurs.
            * Mettre en forme du texte : toutes les options possibles (alignement, tailles, polices, graisse, couleur, ombre, décoration, etc).
            * Utiliser une police Google.

6. Gestion "Responsive" : différencier la mise en forme selon la largeur d'écran
            
* Rendre les images ‘responsive’.
            * Apprendre à varier automatiquement les règles applicables à un contenu de la page selon la taille de l’écran qui l’affiche (media Queries).
            * Utiliser des unités particulières, notamment pour adapter dynamiquement la taille des caractères selon l’écran.

7. Bonus
            * Transitions et animations en CSS3 (au travers de quelques exemples).

8. Certification TOSA DigComp et code CPF (en option)


Durée : 2 jours
Horaires formation : De 8h30 à 16h30
Option - Horaire certification : De 16h30 à 17h45 

Le contenu, le tarif et les durées peuvent être soumis à modification

Date de dernière mise à jour : 05/08/2021