Outils graphiques / Web création Outils graphiques / Web création
Référence formation : 2-H5-MAIL - Durée : 2 jours

 
  • Objectifs
  • Pré-requis
  • Pédagogie
Connaître la syntaxe des langages HTML et CSS, pour construire un email.Utiliser des outils pour analyser des pages existantes.Mettre en pratique les connaissances reçues pour développer un email.
Connaissances de base informatique requises.

Méthodes pédagogiques

Présentation des concepts, démonstration, exécution, synthèse et exercices pratiques d'assimilation

Modalités pédagogiques

Présentiel - Distanciel - AFEST

Moyens pédagogiques

Formateur expert du domaine - 1 ordinateur, 1 support de cours version papier ou numérique, un bloc-note et un stylo par personne - vidéo projecteur - tableau blanc

Modalités d'évaluation

Positionnement préalable oral ou écrit - Evaluation formative tout au long de la formation - Evaluation sommative faite par le formateur ou à l'aide de la certification RS2724 - Certification IT – Développement de sites web avec le langage de balises HTML et des feuilles de styles CSS - France Compétences (francecompetences.fr)

Public concerné

Salariés - Demandeur d'emploi - Reconversion professionnelle

Si vous êtes en situation de handicap, vous pouvez joindre notre référent Handicap. Voir notre fiche Accès correspondante.

Contenu pédagogique

Présentation de l'environnement général

  • Logiciels et langages côté client
  • Analyser une page existante

HTML - Généralités et outils

  • Le langage HTML - CSS
  • Principe d'une requête en HTML - CSS
  • Quelques outils pour développer

HTML - Syntaxe des balises et attributs

  • Structure de base d'une page HTML
  • Les commentaires HTML
  • Codage des caractères spéciaux en HTML

HTML - Balises de structuration d'une page WEB

  • Faire un retour à la ligne
  • Balises de sens dans un texte
  • Balises pour formater le texte
  • L'héritage en Cascade

HTML – Inclure des images

  • Balise img et attributs
  • Les différentes sources d'une image : Chemin relatif ou absolu

HTML – Inclure des liens

  • Balise a et attributs

CSS – Généralités, outils et Syntaxe

  • Les différents moyens d'inclure un style CSS dans une page HTML
  • Syntaxe de base du CSS
  • Les commentaires CSS
  • L'héritage de style CSS en Cascade

CSS - Comprendre les couleurs et les dimensions

  • Définir une couleur HEX et RGB
  • Comprendre la notion Alpha et le style opacity
  • La fonction rgba()
  • Unités de dimensions
  • Width et height
  • Unités absolues et relatives

CSS - Les sélecteurs

  • Les sélecteurs courants
  • Les sélecteurs parent-enfant

CSS - Les pseudos-classes

  • Les pseudos-classes courants
  • Les pseudos-classes évoluées

CSS - Les textes

  • L'alignement du texte
  • La couleur du texte
  • Les décorations de texte
  • Les familles de caractère
  • Taille et épaisseur des caractères
  • Gras, italique

CSS - Les bordures

HTML - Les tableaux

  • HTML - Les tableaux
    • Les balises pour construire un tableau simple
    • Fusionner les lignes et les colonnes
    • La sémantique complète d'un tableau

    CSS - Les tableaux

    • Déterminer les tailles dans un tableau
    • Mettre en forme les bordures
    • Mettre en couleur un tableau
    • Gérer les marges et espaces
    • Structuration d'une page en utilisant un tableau

    HTML - Structuration d'une page

    • Balises span et div
    • Les sections logiques d'une page
    • Exemples de mise en page
    • Les balises block et inline
    • Définir la largeur, la hauteur et l'alignement
    • Définir les marges externes et internes
    • Structuration d'une page en utilisant des "divs"