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

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

Organisation

Les sessions de formation ont lieu de 9h00 à 12h30 et de 13h30 à 17h00

Profil formateur

  • Nos formateurs sont des experts dans leurs domaines d'intervention
  • Leur expérience de terrain et leurs qualités pédagogiques constituent un gage de qualité

Moyens pédagogiques

  • Réflexion de groupe et apports théoriques du formateur.
  • Travail d'échange avec les apprenants sous forme de réunion - discussion.
  • Utilisation de cas concrets issus de l'expérience professionnelle.
  • Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques.
  • Alternance entre apports théoriques et exercices pratiques (en moyenne sur 30 à 50% du temps)

Modalités d'évaluation

  • Positionnement préalable oral ou écrit.
  • Feuille de présence signée en demi-journée.
  • Evaluation des acquis tout au long de la formation.
  • Questionnaire de satisfaction
  • Attestation de stage à chaque apprenant
  • Evaluation formative tout au long de la formation.
  • Evaluation sommative faite par le formateur .

Public concerné

Salariés - Demandeur d'emploi - Reconversion professionnelle

Adaptation pédagogique et matérielle

Si vous avez besoin d'adaptation matérielle ou pédagogique, merci de prendre contact avec notre référent Handicap par téléphone au 02 35 12 25 55 ou par email à handicap@xxlformation.com

Moyens techniques en formation présentielle

Accueil des apprenants dans une salle dédiée à la formation et équipée avec :

  • Ordinateurs
  • Vidéo projecteur ou Écran TV interactif
  • Tableau blanc ou Paper-Board

Moyens techniques en formation distancielle

A l'aide d'un logiciel comme ® Microsoft Teams ou Zoom, un micro et une caméra pour l'apprenant.

  • Suivez une formation en temps réel et entièrement à distance. Lors de la session en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur.
  • Les formations en distanciel sont organisées en Inter-Entreprise comme en Intra-Entreprise.
  • L'accès à l'environnement d'apprentissage (support de cours, ressources formateur, fichiers d'exercices ...) ainsi qu'aux preuves de suivi et d'assiduité (émargement, évaluation) est assuré.
  • Les participants recevront une convocation avec le lien de connexion à la session de formation.
  • Pour toute question avant et pendant le parcours, une assistance technique et pédagogique est à disposition par téléphone au 02 35 12 25 55 ou par email à commercial@xxlformation.com

Contenu pédagogique

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

  • Quel est le rôle d'un serveur web ?
  • Logiciels et langages côté client
  • Logiciels et langages côté serveur
  • Quels logiciels pour créer un serveur web local sous Windows ?
  • Installation d'un serveur web pour développer en local
  • Analyser une page existante

HTML - Généralités et outils

  • Le langage HTML - CSS
  • Les standards du web
  • 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 et des vues

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

HTML – Inclure des liens

  • Balise et attributs

HTML – Inclure de l’audio

  • Balise audio et attributs

HTML - Inclure des vidéos

  • Balise vidéo 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 courantes
  • Les pseudos-classes évoluées

CSS - Arrière-plan

  • Mettre une couleur d'arrière-plan
  • Gestion de l'opacité
  • Mettre une image en arrière-plan

CSS - Les textes

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

CSS - Les bordures

CSS - Le pointeur de la souris

  • CSS - Le pointeur de la souris
  • CSS - Les effets artistiques

  • CSS - Les effets artistiques
    • Les dégradés
    • Les arrondis
    • Les effets d'ombre

    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
    • Propriété CSS display
    • Définir la largeur, la hauteur et l'alignement
    • Définir les marges externes et internes
    • Structuration d'une page en utilisant des "divs"