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.

Les 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

Les 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
Publics Concernés :

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.

Les Pré-requis :
  • 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
Les Débouchés de la Formation :

À 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é.

Prochaines Sessions
Du 19 au 30 juillet 2024

Durée : 48 heures
Effectif : De 3 à 10 participants

Validation de formation :
Bilan & attestation

À distance : 1440 €
À St Pierre : 2160 €

Demandeurs d’emploi : Merci de nous consulter

Des questions ?

Contactez-nous au :
0262 22 77 04

Programme de la formation HTML5 & CSS3

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

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

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

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

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

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

  • 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 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

  • 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, WC...)
  • 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 à St-Pierre.
Jours de formation : lundi, mardi, jeudi et vendredi
Horaires : De 8h30 à 12h30 et de 13h30 à 16h30


Délais d'Accès à la Formation

Délai minimum d'Inscription : Minimum 1 mois avant le 1er jour de formation
Financement : Condition, voir la page Financement du site Web
Délai minimum de dépôt du dossier de Financement (avant le 1er jour de formation) :

  • CPF : 15 jours
  • AIF : 15 jours
  • CPF/AIF : 1 mois
  • POE/AFPR/CSP : 1 mois
  • OPCO/AGEFIPH : 1 mois
  • FAF : 1 mois
  • PTP : 5 mois
  • Mission Locale : se rapprocher de son conseiller