Initiation

HTML5 / CSS3 : réussir sa prise en main


S’initier au langage HTML et aux styles CSS pour être en mesure d'appréhender la syntaxe et d'intervenir sur des contenus existants (pages Web, newsletter, applications…)
2 jours / 14 heures
Prix : 1 400 € HT
Réf. : W12

Compétences visées

Structurer, mettre en forme et modifier des contenus HTML. Gérer les styles et sa mise en pages avec les CSS.

Objectifs

  • Contextualiser le HTML et les CSS
  • Structurer une page HTML
  • Mettre en forme une page HTML
  • Ajouter de l’animation et de l’interactivité
  • Mettre en ligne une page HTML

Public concerné

Cette formation s’adresse à tous les professionnels du design graphique et de la communication visuelle.

Prérequis

Maîtrise de l'outil informatique et bonne connaissance de la navigation / du vocabulaire Web.

Programme

Contextualiser le HTML et les CSS

  • Définir le rôle de chacun des acteurs : HTML / CSS / JavaScript
  • Expliquer les principes du Responsive Web Design
  • Hiérarchiser les fichiers d’un site Web
  • Choisir un éditeur (textedit, Intellij ou VS Code selon le besoin)
→ Analyse de sites Web

Structurer une page HTML

  • Différencier les parties d’une page Web
  • Formater le texte : titre, gras, italique, listes…
  • Découvrir les balises sémantiques
  • Identifier et manipuler les balises principales : main, nav, header, footer, section, article, div, table, form, inputs…
→ Exercice : monter sa première page Web

Mettre en forme une page HTML

  • Créer une feuille de styles CSS
  • Lier le fichier CSS à sa page HTML
  • Identifier les sélecteurs de balises
  • Découvrir et tester l’inspecteur HTML/CSS
  • Gérer les polices
  • Modifier les éléments de sa page
→ Exercice : habiller sa page Web / Modifier des pages existantes

Ajouter de l’animation et de l’interactivité

  • Créer des liens
  • Ajouter un fichier JavaScript
  • Utiliser les styles avancés (ombres, coins arrondis, transitions)
→ Exercice : ajouter de l’animation et des liens sur un menu

Mettre en ligne une page HTML

  • Différencier les notions de clients / serveurs
  • Sélectionner un nom de domaine et planifier l’hébergement
  • Se connecter via FTP
→ Exercice : mettre en ligne sa page Web et la modifier

Modalités en présentiel

Parcours pédagogique :

Quiz de positionnement ❯ 2 jours continus en présentiel Évaluation des acquis

Méthode pédagogique :

Expositive + démonstrative : exposés théoriques, démonstrations, mise en pratique, feedbacks personnalisés

Moyens techniques :

  • 1 poste par participant (Mac ou PC, selon votre choix), fourni par nos soins, équipé des logiciels utiles
  • Poste de l’intervenant relié à un grand écran ou vidéoprojecteur

Modalités en distanciel

Parcours pédagogique :

Quiz de positionnement 2 classes virtuelles discontinues (2 x 1 jour) Évaluation des acquis

Méthode pédagogique :

Expositive + démonstrative : exposés théoriques, démonstrations, mise en pratique, travail individuel inter-sessions, feedbacks personnalisés

Moyens techniques :

  • Classe virtuelle créée par nos soins 
  • Chaque apprenant participe à la session avec son ordinateur, connecté à Internet, et équipé :
    • d’un micro et d’une caméra
    • des outils / logiciels utiles (éditeurs gratuits à installer en amont / informations précisées à l’inscription)

Méthodes d'évaluation

  • Validation des acquis pendant la formation grâce à des quiz et à la réalisation d’exercices pratiques
  • Suivi d'acquisition des objectifs pédagogiques par l'intervenant
  • Évaluation à chaud (remplie en fin de formation) et à froid (à 60 jours)

Dernière mise à jour le 12 novembre 2024