Formation HTML5 & CSS3

Comprendre la structuration normalisée d’une page web. Être capable de concevoir un site internet et de modifier le code source généré par un CMS type WordPress.

Objectifs de la formation

  • Découvrir et apprendre la structuration normalisée d’une page web, la syntaxe spécifique au HTML-5 et à CSS-3, ainsi que les règles d’interaction entre ces deux langages de programmation
  • Acquérir les connaissances théoriques et pratiques permettant la mise en forme structurelle, sémantique et graphique d’une page Web, dans le respect des normes du W3C
  • Savoir analyser des erreurs de programmation. Être capable de définir, analyser et expliquer ses choix quant aux méthodes utilisées pour parvenir à un objectif de réalisation défini.Savoir où et comment rechercher des fonctionnalités particulières
  • Connaître le vocabulaire spécifique à ces technologies de façon à être capable d’échanger avec d’autres intégrateurs et/ou développeurs

Objectifs pédagogiques

  • Expérimenter les différentes techniques de structuration des contenus d’une page Web. Décrire, évaluer et différencier leurs avantages et inconvénients
  • Chercher les définitions normalisées sur les sites de références
  • Réaliser un site internet simple dans le respect des normes techniques et sémantiques du W3C
  • Présenter sa réalisation finale et décrire ses choix techniques
Formation HTML5 & CSS3

Dates de formation :
Du 22 au 30 novembre 2021

Durée : 7 jours

Effectif : De 3 à 8 participants

Validation de formation :
Bilan & attestation

Tarif : 1960 €
Demandeurs d’emploi : Nous consulter

Code CPF : 239042

La formation HTML5 & CSS3 s’adresse aux web masters, graphistes, intégrateurs web, web designers, développeurs web et toute personne désirant acquérir les bases de la programmation web afin de créer ou modifier des pages simples et du contenu d’un CMS de type WordPress.

  • Connaitre l’environnement Windows™ou iOs
  • Au sens informatique du terme, savoir faire la différence entre un fichier et un dossier
  • Avoir une culture Web et graphique

À la suite de cette formation, vous serez en mesure de concevoir et de réaliser un site Internet simple, de A à Z, totalement manuellement. Vous aurez aussi suffisammentde connaissancespour modifier le code généré par un CMS tel que WordPress par exemple.Enfin vous serez totalement en mesure de communiquer techniquement avecdes intégrateurs ou des développeurs sur un projet donné.

Programme de la formation HTML5 & CSS3

La formation est composée de six modules complémentaires et d’une évaluation en situation réelle de production.

Module I
Anatomie d'une page Web & premières expérimentations

  • Historique et définitions
  • Anatomie d’une page HTML
  • Ma première page
  • Insérer du texte
  • Insérer des images
  • Créer des liens
  • Exercices et correction en groupe
  • L’organisation du texte avec les balises sémantiques
  • L’enrichissement du texte avec la feuille de style
  • Exercices et correction en groupe
  • Mise en place d’un premier site de travail
  • Structure de dossiers et fichiers
  • Travail sur les URL relatives et absolues
Module II
Structure, sémantique & normalisation
  • Normalisation de la structure d’une page Web
  •  Ergonomie et sémantique des balises structurantes
  • Les styles en cascade
  • Les polices de caractère
  • Exercices et correction en groupe
  • Les outils de contrôle et validation
  • Les particularités des différents navigateurs
  • Exercices et correction en groupe
Module III
L'importance essentielle de la syntaxe
  • CSS 3 en détails : les classes, sélecteurs, pseudo-classe, combinateurs
  • Les positionnements flottants, la Flexbox
  • Exercices et correction en groupe
  • Les tableaux, les formulaires, lavidéo et l’audio
  • Exercices et correction en groupe
  • Les iframe
  • Exercices et correction en groupe
Module IV
Responsive design & fonctions avancées
  • Le responsive design avec les Media Queries
  • Exercices et correction en groupe
  • Animations et transitions d’objets avec CSS 3
  • Exercices et correction en groupe
  • Modifier les templates dans WordPress
  • Exercices et correction en groupe
  • Débogage de site
Module V
De A à Z, réalisation & mise en service d'un site Web
  • Création d’un site Web de 3 pages
  • Mise en service sur un serveur distant par FTP
  • Pour chacun des stagiaires ; présentation des choix techniques, des difficultés rencontrées
Module VI
Veille technologique, auto-formation& quelques technologies connexes
  • Savoir trouver ce que l’on ne connait pas…
  • … et comprendre ce que l’on ne comprend pas
  • Overview : Javascript, PHP-MySQL; quels services peuvent-ils rendre …
EVALUATION : Intégration d’un site vitrine

Le participant doit réaliser l’intégration d’un site vitrine d’après une maquette et le publier sur un serveur. Le site contient une animation publicitaire.

  • Organiser le dossier « Racine » depuis son disque dur et depuis son éditeur HTML
  • Structurer la mise en forme des conteneurs
  • Créer un menu de navigation en utilisant des Roll-over
  • Structurer les balises : H1, p, etc…
  • Externaliser les CSS
  • Optimiser le poids des images
  • Tester dans différents navigateurs

Méthodes & moyens​

Méthodes Pédagogiques

Tout au long de la formation, différentes méthodes pédagogiques seront mises en œuvre afin de faciliter les apprentissages. Ces méthodes seront adaptées aux phases du parcours de formation :

  • Méthode expositive, démonstrative pour apport théorique.
  • Méthode interrogative, mise en pratique pour l’appropriation des techniques.
Cours théoriques, travaux pratiques, séances modulaires sont proposés sur des sujets, du matériel et des logiciels appropriés. Les participants sont amenés à réaliser des produits finalisés et personnalisés sur supports numériques.

Moyens Pédagogiques et Techniques

  • Ordinateurs Mac ou PC individuels (avec connexion internet haut débit)
  • Supports de cours papiers ou numériques
  • Salles de cours
  • Vidéoprojecteurs
  • Paper board
  • Salle de pause
  • Accessibilité aux Personnes à Mobilité réduite (rampe, ascenseur...)
  • Méthodes de formation adaptées aux personnes handicapées

Suivi et Évaluations de l’Action de Formation

  • Entrée sur entretien individuel et test de positionnement
  • Feuilles d’émargements signées par 1⁄2 journées (stagiaires et formateurs)
  • Exercices et corrections
  • Autoévaluations
  • Bilan de compétences détaillé
  • Attestation de formation
  • Grille d’évaluation à chaud (en fin de formation)
  • Grille d’évaluation à froid (à 6 mois)

Calendrier et Durée

Chaque jour : Cours théoriques et manipulations intensives dispensés en présentiel dans nos locaux à Albi (Tarn).
Jours de formation : lundi, mardi, jeudi et vendredi
Horaires : De 9h à 12h30 et de 13h30 à 17h

Les formations complémentaires

logoRNCP01

Formation InDesign

Maitrisez la mise en page

Formation Illustrator

Découvrez la création graphique vectorielle

Formation Community Manager

Spécialisez-vous dans les réseaux sociaux

Formation Photoshop

Réalisez des photomontages et retouches photos

Formation WordPress

Créez des sites web

Formation SEO et SEA

Référencez vos sites web

Formation Réalisateur Vidéo

Réalisez de vidéos

Retour haut de page