HTML 5 / CSS 3 – Initiation

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

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 – 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”

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

Toute personne désirant créer des sites Internet

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

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

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

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