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

01Connaître les langages

du web et l’interopérabilité ;

02Connaître la structure

& les principales balises du HTML ;

03Savoir insérer

images et liens hypertexte ;

04Maîtriser la syntaxe

du langage HTML ;

05Acquérir les bases

du langage CSS3 ;

06S’initier

au Responsive Design ;

07Tester et vérifier

la validité W3C puis mettre en ligne ;

La Formation HTML et CSS
en détails : contenus, dates et prix

Dernière actualisation le 20 novembre 2020

Public concerné

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)

Pré-requis
  • Avoir un bon niveau de pratique en informatique et un goût affirmé pour le web
Nombre de stagiaires par session
  • De 2 à 4 en inter-entreprises
  • De 1 à 6 en intra
Dessin personnage inter intra formation ça veut dire quoi ?

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.
Contenu formation HTML 1
Contenu formation HTML 2

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++
Un doute sur votre besoin de formation ?

Utilisez notre questionnaire pour faire le tour de vos acquis actuels et anticiper vos besoins de formation

Accéder au questionnaire
Formation HTML et CSS pour les débutants
Durée
  • 3 jours, soit 21h00.
  • 30% de théorie, 70% de pratique.
Création de site web

Jour 1 de la prochaine formation

  • Date : 1 décembre 2021
  • Horaires : mercredi 9:00 à 17:30

Contact event manager

1 2 3 4
  • Jour 2 pressenti : 2 décembre 2021
  • Jour 3 pressenti : 3 décembre 2021
Délais d'accès

Formation inter déjà programmée :

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

Préinscription à une formation programmée

  • 1495€ Formation inter-entreprises 3j 6 restant(s)
  • 2655€ Formation intra-entreprises 3j 1 restant(s)
Se pré-inscrire à la formation

Préinscription / Inscription

Se pré-inscrire
Formation inter-entreprises 3j
6
1495€
One time registration allowed for this ticket
0€
Formation intra-entreprises 3j
1
2655€
One time registration allowed for this ticket
0€
€0
Merci de nous contacter afin de vérifier la faisabilité de la formation. Le paiement se fera à réception de la facture, après la session de formation
Étape précédente
Merci à vous pour votre confiance

Formation apprendre le HTML et CSS avec NotePad++

mercredi 9:00 à 17:30
1 décembre 2021

000000

Formation apprendre le HTML et CSS avec NotePad++

mercredi 9:00 à 17:30
1 décembre 2021

IMPRIMER
Besoin d'une autre date ?Demander une nouvelle session

Immersion
dans le code

Kawaii concepteur de sites web

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

Support de formation fourni en pdf et sous forme de diaporama

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 ?

Kawaii loupe

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

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é !

formateur audit SEO
Responsable pédagogique

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 ++
Dessin d'un tableau pour réprésenter la formation en présentielle

Formation
présentielle

Dessin d'une tasse pour une formation sur-mesure

Sur Mesure
Possible

Dessin d'une horloge pour indiquer que les formations sont mise à jour à J-7 à J-1

Mise à jour
j-7 à J-1

Logo Datadock, tout nos formations sont datadockées

Formation
Datadockée

Articles et Formations
pour rédiger pour le web

Article Dreamweaver
Formation Dreamweaver

Créez votre propre site grâce à cette formation spécialisée dans la création de pages HTML et le développement en CSS et javascript.

Formation Dreamweaver

Formation Wordpress
Formation WordPress

Créer un site wordpress peut sembler fastidieux. Avec cette formation, apprenez pas à pas comment créer votre site, de l’arborescence à la mise en ligne

Formation WordPress

Article Link
La balise head et ses éléments base et link

La balise head contient l’entête technique de la page web, elle se compose de quelques balises incontournables comme la balise link, qui permet l’importation virtuelle d’un document externe.

HTML : la balise <link>