HTML/CSS -

Lien pour inscription Lien pour inscription Lien pour inscription

HTML/
CSS

Niveau : Initiation

Informations

Durée :
1 jour (7 heures)

Date et lieu :
Sur demande

Tarification :
Sur demande

Participants :
Toutes les personnes désirant s’initier aux fondamentaux de la création de pages Web

Prérequis :
Pratique courante d’Internet

Objectif :
• Pratique du langage HTML dans un éditeur en mode texte, audit de code en ligne
• Découvertes d’outils et de référentiels

Nombre de personnes par session :
1 à 5

Matériels :
1 ordinateur par personne
Supports de cours (informatique ou papier)

Programme

Présentation du langage HTML
• Démonstration
• Affichage du code source de pages HTML5
• La structure d’un document HTML
• Le <head>. Le <body>
• Les balises sémantiques et génériques
• Les attributs

Exercice
• Découverte de la structure type d’un document HTML et des balises qui le constituent. Construction de la structure de base d’un document
• Le <head>, l’en-tête d’un document HTML
– La balise <title>
– Les balises <meta>
– Les balises <link>, <script> et <style>

Exercice
• Construction du <head> du document. Aperçu du <title> et du <méta>
• Le <body>, le corps d’un document HTML
– Les balises block : <div>, <p>, <h>, …
– Les balises inline : <a>, <img>, <span>, …
– Autres balises, …
– Le commentaire HTML

Exercice
• Construction du corps du document avec plusieurs paragraphes,images, titres et une liste
• L’affichage de données tabulaires
– La balise <table>
– Les attributs « height «, « width « et « border »
– Les balises <tr>, <td>, <th>, <tbody>, <thead>, <tfoot>
• Les attributs « colspan « et « rowspan »
• Les attributs « scope « et « summary »

Exercice
• Réalisation d’une page avec un tableau simple à partir du modèle de page déjà constitué
• Les principales balises de formulaires
– La balise <form>
– Les attributs « method « et « action »
– Les balises <label> et <input>
– Les attributs « name « et « id »

Exercice
• Réalisation d’un formulaire simple à partir du modèle de page déjà constitué
• L’accessibilité numérique et réglementation internet
– Définition et cadre légal de l’accessibilité
– Les outils d’audit
– RGPD

Exercice
• Audit d’une page Web