HTML 5 / CSS 3 – Initiation

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"