Nos
formations

PAO et photo numérique Site web Promotion web Tourisme & médias sociaux Communication orale

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

  • Entretien téléphonique afin vérifier l’adéquation de la formation NotePad++ aux besoins du stagiaire

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 NotePad++ : apprendre HTML et CSS

Créer un site internet en 2017 ne peut plus être de la « bidouille ». Les technologies nouvelles, les moteurs de recherche ainsi que l’exigence montante des internautes imposent une vraie professionnalisation.

Cette formation NotePad++ vous permettra d’utiliser les langages HTML ainsi que CSS correspondant aux 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, webmaster ou bien salarié souhaitant apprendre les bases du HTML5 et de CSS3.
  • Pré-requis : avoir un bon niveau de pratique en informatique

Objectifs pédagogiques

À l'issue de la formation, le stagiaire sera capable de :

  • Comprendre et utiliser les langages HTML5 et CSS3
  • Créer du contenu éditorial en HTML
  • Créer des pages ainsi que des liens
  • Intégrer du graphisme avec les CSS
  • S’initier au responsive design
  • Tester, vérifier la validité W3C puis mettre en ligne

Programme général de la formation

Jour 1 matin (9h00-12h30)

Evolution du Web : concevoir des sites modernes

  • 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 et du code HTML

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

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

Ajouter de l’interactivité

  • 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

  • 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 puis utiliser les CSS

  • Comprendre le langage CSS
  • 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 un site

  • 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 concepts, explications pédagogiques et exercices d’application.
  • De nombreux exercices vont permettre d’apprendre le codage HTML et CSS progressivement : balises, attributs puis syntaxe.

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.
  • Quizz/QCM et commentaire libre validant les acquis en fin de formation.