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
Dates de formation :
Du 13 au 22 janvier 2025
Durée : 48 heures
Effectif : De 3 à 8 participants
Validation de formation :
Bilan & attestation
À distance : 1440 €
À Albi : 2160 €
Demandeurs d’emploi : Nous consulter
Comment être financé ?
Pas de panique, on vous aide !
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
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
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
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
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
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 …
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
- Méthode expositive, démonstrative pour apport théorique.
- Méthode interrogative, mise en pratique pour l’appropriation des techniques.
Moyens Pédagogiques et Techniques
- Ordinateurs 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
Jours de formation : Du lundi au vendredi suivant le planning
Horaires : De 8h à 15h
Délais d'Accès à la Formation
Délai minimum d'Inscription : Minimum 1 mois avant le 1er jour de formationFinancement : 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
Les formations complémentaires
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 Initiation montage smartphone
Filmez avec votre mobile
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