HTML5 et CSS, de A à Z

2 jours

POURQUOI DEVRIEZ-VOUS SUIVRE CE COURS?

• pour utiliser efficacement le langage HTML
• pour bénéficier de trucs et astuces concernant la mise en forme de pages Web
• pour être à l’aise avec l’utilisation de liens hypertexte
• pour utiliser adéquatement les CSS
• pour utiliser les nouvelles balises HTML5

PRÉALABLE

Avoir suivi un cours d’initiation à Internet, être à l’aise avec la gestion des fichiers sous l’environnement Windows et bien maîtriser les fonctions de base d’un traitement de texte, ou posséder des capacités opérationnelles équivalentes. Avoir déjà travaillé avec un éditeur de page Web, tel que Dreamweaver est un atout.

OBJECTIFS

Le participant sera en mesure:

• de comprendre la structure du code HTML et de le modifier facilement selon des besoins précis
• de personnaliser les propriétés CSS
• d’insérer des éléments tels que des images, des tableaux et des liens hypertextes à une page Web

CONTENU

• Comprendre la base du code HTML
  • la définition du HTML
  • Considération du HTML5
  • Les balises qui disparaissent en HTML5
  • La syntaxe du HTML
  • Les parties d’un fichier HTML
  • Simplification du <doctype>
• Créer une page HTML simple
  • La saisie de texte et d’en-têtes
  • Les lignes horizontales
  • Les caractères spéciaux
  • les formats de texte
  • les alignements
• Créer des listes
  • les listes ordonnées
  • les listes non-ordonnées
  • les listes de définition
• Modifier les propriétés visuelles d’une page Web
  • les qualités d’une page attirante
  • les couleurs à utiliser
  • les images de fond
• Utiliser les balises structurelles
  • <header> et <footer>
  • <section>
  • <nav>
  • <aside>
  • <article>
• Utiliser efficacement les CSS
  • Comprendre les CSS
  • La syntaxe et les règles hiérarchiques
  • Les différents sélecteurs
  • Éditer un style
• Créer un positionnement avec le CSS
  • Utilisation de la balise DIV
  • Règles de positionnement : absolu, relatif, fixe ou statique
• Nouveautés CSS3
  • Le support de polices
  • La gestion de colonnes
  • Les bordures arrondies
  • Les dégradés
  • Les ombrages
  • Les transitions
  • Les animations
• Créer un lien vers un autre document
  • la création d’un lien vers une page Web différente
  • la création d’un lien vers une page Web d’un même site
  • la création d’un lien vers une ancre
  • la création d’un lien vers une destination autre que http
  • l’utilisation d’une page Web existante à l’intérieur d’une autre page Web
• Utiliser les images
  • l’insertion d’une image dans une page
  • Les types d’images web
  • la création d’un lien à partir d’une image
• Créer un tableau
  • les possibilités des tableaux en HTML
  • la structure d’un tableau
  • les propriétés des tableaux
  • l’insertion d’images dans les tableaux
  • l’insertion de liens dans les tableaux
• Intégration vidéo et audio
  • Utiliser la balise <video>
  • Utiliser la balise <audio>
• Insérer un Méta-Tag
  • Les Méta-Tag pour les moteurs de recherche
  • Les Méta-Tag pour les internautes