Apprendre le HTML et le CSS permet d’acquérir les 1res bases de la création de site internet… du côté du code. Les technologies nouvelles, le référencement, ainsi que la pluralité des écrans imposent en effet une vraie professionnalisation. Bénéficiez de l’expérience de nos formateurs. Ils sont également intégrateurs web en poste, et par définition : en veille permanente sur les évolutions des langages et des standards du web.
Cette formation avec le logiciel opensource NotePad++ vous permettra de comprendre la syntaxe et les usages des langages HTML5 et CSS3, et de créer des pages web dans le respect des critères d’accessibilité du W3C.
Les Objectifs
de la formation HTML/CSS
du web et l’interopérabilité ;
& les principales balises du HTML ;
images et liens hypertexte ;
du langage HTML ;
du langage CSS3 ;
au Responsive Design ;
la validité W3C puis mettre en ligne ;
La Formation HTML et CSS
en détails : contenus, dates et prix
Dernière actualisation le 16 septembre 2022
Chargé de communication, informaticien, webmaster ou bien graphiste souhaitant apprendre le HTML5 et de CSS3.
Cette formation n’est ni certifiante, ni éligible au CPF, mais peut être prise en charge au titre du plan de formation entreprise (renseignements auprès de votre OPCO ou de votre conseil comptable)
- Avoir un bon niveau de pratique en informatique et un goût affirmé pour le web
- De 2 à 4 en inter-entreprises
- De 1 à 6 en intra
Les apports professionnels de la formation HTML et CSS
La formation HTML /CSS s’organise sur 3 jours en continu, afin de permettre une véritable immersion dans le code : condition sine qua non pour développer des réflexes professionnels.
Jour 1 : découverte du langage HTML
Le premier jour apporte un éclairage global sur les langages du web et les règles internationales régissant la sémantique du HTML.
L’installation du logiciel Notepad++ permet de créer sa première page HTML et d’en comprendre les principes de structuration. La grammaire du code est ensuite décortiquée pour être mieux assimilée. La suite de la journée s’organise en va et vient entre :
- La découverte de chaque balise (son rôle, son type et ses options)
- Des exercices visant à utiliser les balises à bon escient, dans le bon environnement.
Jour 2 : HTML avancé et initiation au CSS
Le matin du 2e jour approfondit des balises HTML plus spécifiques, notamment la balise img et la création des tableaux dans le cadre de présentation de données.
L’après-midi plonge les stagiaires dans les bases du langage CSS (Cascading Style Sheet ou Feuilles de styles en cascade). Il s’agira de comprendre la syntaxe et le concept des sélecteurs pour faire interagir le CSS sur les balises éditoriales du HTML.
Jour 3 : habillage complet de pages HTML avec CSS
La notion d’habillage de boîte permettra en jour 3 de comprendre comment designer globalement une page web.
Les stagiaires iront plus loin en découvrant le potentiel puissant du Javascript associé au CSS : création des menus déroulants, initiation aux media queries dans le cadre du responsive design, chargement de webfonts – ou polices compatibles sur le web. En fin de formation, la dernière notion abordera le test puis la publication de pages HTML.
Admission à la formation HTML CSS :
- Questionnaire d’évaluation des besoins et pré-requis
- Entretien téléphonique afin vérifier l’adéquation de la formation HTML/ CSS aux besoins du stagiaire
- Si le stagiaire est équipé de la suite Adobe, le formateur pourrait alors réorienter la formation sur Dreamweaver en lieu et place de NotePad++
Utilisez notre questionnaire pour faire le tour de vos acquis actuels et anticiper vos besoins de formation
- 3 jours, soit 21h00.
- 30% de théorie, 70% de pratique.
Pas de date programmée pour le moment
Horaires : 9h-12h30 / 14h-17h30
Formation inter déjà programmée :
- 10 jours ouvrés avec un auto-financement ;
- 4 semaines minimum avec un financement externe, selon délais d’instruction des dossiers de financement chez votre OPCO.
Formation intra :
- 4 semaines minimum avec un auto-financement ;
- 5 à 10 semaines en cas de financement avec votre OPCO.
- Formation inter-entreprise : 3 jours 1890€HT
4 places restantes - Formation intra-entreprise : 3 jours 3255€HT
Immersion
dans le code
La formation HTML/CSS se déroule sur 3 jours d’affilée, l’immersion est totale et permet de mémoriser durablement les notions essentielles.
La mallette
pédagogique
Le diaporama projeté en formation est un résumé des notions incontournables. Il est complété d’un support de cours rédigé, d’une liste de livres et de sites de référence.
Et après,
en cas de soucis ?
Temps de support de 1h30 offert dans le mois qui suit la formation (intra) ; à utiliser pour la correction de pages codées, ou la recherche d’erreurs bloquantes.
Le programme de formation
Apprendre le HTML et le CSS
Actualisé le 05 octobre 2020
Créer un site en HTML : les langages du web
- Créer un site Web du point de vue de l’ordinateur
- Les navigateurs et la recherche de l’interopérabilité
- HTML5 et CSS3, le fond et la forme
- Évolution du Web ainsi que de ses langages
Évaluation Objectif 01 : "à quoi servent les langages ?"
Découverte de Notepad++ pour apprendre le HTML
- Paramétrer le langage HTML
- Ouvrir, enregistrer puis créer un aperçu navigateur
- Comprendre la structure de base d’une page : , et les balises d’entête du
- Utiliser les balises HTML éditoriales de type bloc (block)
- Utiliser les balises en ligne (inline)
Évaluation Objectif 02 : construire sa 1re page HTML
Les bases de HTML : attributs, valeurs et liens
- Comprendre les attributs et valeurs en HTML
- Ajouter des liens vers des sites ou bien des mails
- Insérer des liens relatifs pour le maillage interne
- Créer puis utiliser les ancres nommées
- Créer le DOCTYPE
Évaluation Objectif 03 : insérer des liens et des images dans la page web
Travailler avec les images en html
- Insérer des images
- Formats d’enregistrement pour le Web
- Créer des images mappées
- Gérer les paramètres d’accessibilité
Tableaux : uniquement pour la présentation de données
- Créer un tableau
- Travailler avec les cellules
- Fonctionnalités des tableaux
Évaluation Objectif 04 : créer une page HTML complète en respectant la sémantique
Comprendre les bases du langage CSS3
- Apprendre le CSS3 : la syntaxe
- Créer puis utiliser les feuilles de style externes
- Créer des sélecteurs de type éléments et classe
- Mettre en forme les attributs de caractère
- Mettre en forme les attributs de paragraphe
Évaluation Objectif 05 : exercice de mise en style CSS des textes
Créer des mises en page CSS
- Utiliser le modèle de boîte avec les DIV
- Créer des sélecteurs identifiants uniques
- Paramétrer les DIV avec les CSS : unités et arrière-plans
- Nouveautés CSS3 : ombres, bords arrondis, transparence
Évaluation Objectif 05 : créer une mise en page avec CSS
Nouveautés technologiques avec CSS3 et Javascript
- Créer des menus déroulants
- Acquérir les bases du responsive design : unités et média queries
- Charger de nouvelles polices avec @fontface
Évaluation Objectif 06 : adapter sa maquette desktop en résolution smartphone
Gérer, tester puis publier ses pages Html / CSS
- Tester son site
- Publier son site sur un serveur Web en FTP
- Vérifier la validité W3C
Évaluation Objectif 07 : vérifier son développement avec le W3C et publier en ligne
- L’intervenante alternera découverte des éléments de langages, explications pédagogiques illustrées et exercices d’application.
- De nombreux exercices vont permettre d’apprendre le HTML et le CSS progressivement, et de s’assurer de la bonne acquisition des bases de ces langages : syntaxe, balises, sélecteurs.
- Support de cours composé d’un diaporama PowerPoint et d’un livret rédigé par le centre de formation, ainsi qu’une webographie des meilleurs sites pour continuer l’apprentissage du HTML et du CSS.
- Feuille d’émargement : les stagiaires émargeront par demi-journée de formation.
- Attestation remise aux stagiaires ayant suivi la formation avec assiduité.
- Une évaluation écrite portant la satisfaction des participants en fin de formation.
- Exercices individuels, validant l'atteinte de chaque objectif par les stagiaires.
- Chez le client ou le centre de formation partenaire
- ou dans les locaux de Web Créatif : salle de formation de 33m² (6 stagiaires maximum) équipée de tableau blanc, internet en connexion Wifi et grand écran TV
- Notre salle de formation est accessible PMR et dispose d'une place de parking attenante, réservée PSH. Au besoin, nous pourrons délocaliser la formation dans une salle disposant de sanitaires accessibles PMR.
- N’hésitez pas à nous signaler tout besoin particulier en amont de la formation. Nous adapterons au mieux le programme et les exercices pour faciliter votre apprentissage.
- Une formation sur-mesure est fortement recommandée pour les professionnels malvoyants ou malentendants. N’hésitez pas à contacter notre centre de formation, nous réaliserons ensemble une session adaptée à votre situation.
- Le registre d'accessibilité est disponible sur simple demande.
La formatrice
et intégratrice HTML & CSS
Sabrina Échappé
Sabrina a appris HTML et CSS en 2004, dans le cadre d’une formation sur 6 mois. Depuis, elle n’a jamais cessé de créer des sites internet et s’est actualisée en permanence sur l’évolution des langages.
Même si WordPress est notre outil privilégié pour la création de site, HTML et CSS restent mes compagnons de route au quotidien. J’aime beaucoup l’approche pédagogique simplifiée qu’exigent les langages de développement, c’est un défi que de rendre le complexe très accessible. Et ce défi, je l’ai relevé !
Mémo et outils
pour apprendre HTML et CSS
- Pensez à apporter votre ordinateur, de quoi prendre des notes (papier /crayon recommandés)
- Veillez à installer au préalable les navigateurs usuels : Chrome, Firefox, Edge
- Apportez un smartphone pour tester en réel l’affichage sur smartphone
- Et enfin, très important : téléchargez en amont de la formation NotePad ++
Formation
présentielle
Sur Mesure
Possible
Mise à jour
j-7 à J-1
Distanciel
non réalisable
