Html 5 / css 3.0 - initiation à montpellier

Montpellier

• Connaître 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

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 - Le pointeur de la souris


CSS - Les effets artistiques


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"


Pour plus d'informations, venez visiter notre site web en cliquant ici.