HTML/CSS - Mettre en forme des pages Web

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 a 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 courants
• 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ère
• 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"

Les durées indiquées du séquencement de ce plan de formation sont théoriques.

Elles peuvent varier en fonction des besoins spécifiques, de l'expérience et du métier des apprenants.

Formation concourant au développement des compétences.

Action de formation réalisée selon les articles L6313-1 et L6313-2 du code du travail.

À l'issue de la formation, le participant sera en mesure de :

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

Réflexion de groupe et apports théoriques du formateur,

Travail d'échange avec les participants 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 ou des mises en situation,

Alternance entre apports théoriques et exercices pratiques (en moyenne sur 30 à 50 % du temps).

En présentiel : accueil des apprenants dans une salle dédiée à la formation, équipée d'ordinateurs, d'un vidéoprojecteur, d'un tableau blanc et/ou d'un paperboard.

En distanciel : Les classes virtuelles sont organisées à l'aide d'un logiciel de visioconférence (MEET ou TEAMS) ou grâce à notre plateforme Altervisio via le logiciel GO TO MEETING.

L'apprenant doit disposer d'un ordinateur connecté à Internet, d'un casque micro, d'une webcam et d'un navigateur web récent (Chrome ou Edge Chromium).

Lors de la classe en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur.

Avant la formation est réalisé un questionnaire d'autopositionnement :

Un questionnaire d'évaluation des besoins spécifiques de l'apprenant et de son niveau de connaissances est réalisé avant l'entrée en formation.

Pendant la formation :

Feuille de présence émargée par demi-journée.

Des exercices pratiques (études de cas, jeux de rôle, questionnaires, quiz, mises en situation, …) sont régulièrement proposés pour vérifier le niveau de compréhension et d'intégration du contenu pédagogique.

À la fin de la formation :

L'apprenant remplit un questionnaire de satisfaction dans lequel il évalue la qualité de l'enseignement qu'il a reçu. Il autoévalue également son niveau d'atteinte des objectifs de la formation qu'il vient de suivre.

Le formateur remplit une synthèse dans laquelle il indique le niveau d'acquisition pour chaque apprenant : « connaissances maîtrisées, en cours d'acquisition ou non acquises ».  Il évalue ce niveau en se basant sur les exercices réalisés tout le long de la formation.

Nom certification : ICDL - Édition de sites web

Numéro d'enregistrement France compétence : RS6560

Certificateur : EURO APTITUDES

Date d'enregistrement France compétence : 27-03-2024

Date d'échéance France compétence : 27-03-2026

• Admission sans disposition particulière

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

Notre organisme peut vous offrir des possibilités d'adaptation et/ou de compensations spécifiques si elles sont nécessaires à l'amélioration de vos apprentissages.

Si vous êtes en situation de handicap ou si vous rencontrez une quelconque difficulté, nous vous remercions de contacter directement notre référente handicap, Stéphanie DESMAZIERES au 03 20 41 55 33 ou par mail à sdesmazieres@alternative-formation.fr

Notre organisme peut vous offrir des possibilités d'adaptation et/ou de compensations spécifiques si elles sont nécessaires à l'amélioration de vos apprentissages.

Si vous êtes en situation de handicap ou si vous rencontrez une quelconque difficulté, nous vous remercions de contacter directement notre référente handicap, Stéphanie DESMAZIERES au 03 20 41 55 33 ou par mail à sdesmazieres@alternative-formation.fr