Nos
formations

PAO, photo et vidéo Création de site web Webmarketing & Référencement Community Management & Stratégies sociales Tourisme et Médiation

Modalités
d'organisation

Critères qualité

  • Formation présentielle
  • Programme sur-mesure étudié à la demande
  • Chaque session fait l'objet d'une mise à jour systématique des contenus de formation
  • Numéro de déclaration d’activité : 52 85 01374 85 - Cet enregistrement ne vaut pas agrément de l’État.

Nombre de stagiaires par session

  • De 2 à 8 en inter-entreprises
  • De 1 à 8 en intra

Admission

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

Lieu de la formation

  • Chez le client
  • ou dans les locaux de Web Créatif : salle de formation de 30m2 (8 places maximum) équipée de tableau blanc, internet en filaire et vidéo-projecteur

Formation apprendre le HTML et CSS avec NotePad++

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.

Durée

3 jours,
soit 21 heures

Tarifs

Prix inter
1260 € H.T. / pers.

Prochaines sessions

Proposez vos dates
sur le formulaire d'inscription

Public concerné et pré-requis

  • Chargé de communication, informaticien, webmaster ou bien graphiste souhaitant apprendre le HTML5 et de CSS3.
  • Pré-requis : avoir un bon niveau de pratique en informatique et un goût affirmé pour le web

Objectifs pédagogiques

  • Comprendre la structure d’un site internet et son interopérabilité
  • Connaître les principales balises éditoriales du HTML
  • Maîtriser la syntaxe du langage HTML
  • Savoir insérer images et liens hypertexte
  • Acquérir les bases du langage CSS3
  • S’initier au Responsive Design
  • Tester, vérifier la validité W3C puis mettre en ligne

Programme de la formation « Apprendre le HTML / CSS »

Jour 1 matin (9h00-12h30)

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

Découverte de Notepad++ pour apprendre le HTML

  • Paramétrer le langage HTML
  • Ouvrir, enregistrer puis créer un aperçu navigateur
  • Utiliser les balises HTML éditoriales de type bloc (block)
  • Utiliser les balises en ligne (inline)
  • Comprendre la structure de base d’une page : <html>, <body> et les balises d’entête du<head>

Jour 1 après-midi (14h00-17h30)

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

Jour 2 matin (9h00-12h30)

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

Jour 2 après-midi (14h00-17h30)

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

Jour 3 matin (9h00-12h30)

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

Jour 3 après-midi (14h00-17h30)

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

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

Méthodes pédagogiques

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

Modalités d’encadrement et d’évaluation

  • Feuille d’émargement : les stagiaires émargeront par demi-journée.
  • Attestation de formation remise aux stagiaires ayant suivi la formation avec assiduité.
  • Une évaluation écrite portant sur l’atteinte des objectifs sera réalisée par les participants en fin de formation.
  • Quiz et exercices réalisés en continu sur les 3 jours, afin de valider chacun des objectifs de formation