Description
Introduction
Bases HTML
Bases CSS
Mise en forme
Modèle de boîtes
Position des éléments
Création de tableaux
Insertion de médias
Fonds dégradés et ombres
Sélecteurs CSS complexes
Formulaires
Transitions et animations
Flexbox
Responsive
Sémantique
Grille CSS
Futur du CSS
Niveau débutant
Présentation du cours
Pourquoi apprendre à coder
Définitions et rôles
Versions HTML et CSS
Travail en local et en production
L'éditeur de texte
Eléments, balises et attributs
Structure d'une page HTML
Création d'une page HTML
Indentation et commentaires HTML
Titres et paragraphes en HTML
Espaces et retours à la ligne en HTML
Les niveaux d'importance des textes
Les listes en HTML
Liens internes et externes en HTML
Autres types de liens HTML
Insérer des images en HTML
Validation et compatibilité du code
Niveau intermédiaire
Sélecteurs et propriétés CSS
Où écrire le CSS
Les commentaires en CSS
Les sélecteurs CSS simples
Les attributs id et class
L'héritage en CSS
Les types block et inline
Les éléments HTML div et span
La propriété CSS font family
Autres propriété CSS de type font
Autres propriété CSS de type font
Couleur et opacité en CSS
Propriétés CSS de type text
Gestion des espaces en CSS
Le modèle des boîtes
Largeur et hauteur en CSS
Les bordures en CSS
Padding et margin en CSS
Les ombres des boîtes
La propriété CSS display
Les propriétés position et z index
Les propriétés float et clear
L'alignement en CSS
La couleur de fond
Images de fond et gestion du fond
Dégradés linéaires
Dégradés radiaux
Créer un tableau simple
Créer un tableau structuré
Opérations sur les tableaux
Opérations sur les images
Insérer de l'audio en HTML
Insérer des vidéos en HTML
Intégration de média et sémantique
Niveau confirmé
Notations CSS short hand et long hand
Sélecteurs CSS complexes
Pseudo classes CSS
Pseudo éléments CSS
Les sprites en CSS
Les transitions CSS
Les animations CSS
Présentation des formulaires
Créer un formulaire HTML simple
Types d'input et listes d'options
Les attributs des formulaires
Organiser et mettre en forme un formulaire
Introduction au responsive design
Meta viewport et valeurs CSS relatives
Media queries CSS
Création d'un site personnel (site cv) 1/4
Création d'un site personnel (site cv) 2/4
Création d'un site personnel (site cv) 3/4
Création d'un site personnel (site cv) 4/4
Conclusion
Objectifs
Identifier les règles d'écriture du langage de balises
Définir le contenu : texte, listes, tableaux, images, audio
Maîtriser les notions de base Structurer l'organisation des fichiers d'un site web
Construire des formulaires de saisie
Utiliser les sélecteurs et ordonner ses règles
Organiser le positionnement du contenu des pages web
Mettre en forme le contenu des pages web
Résultats
La maîtrise des bases de la création de sites web, la capacité à concevoir des pages web de base, à former et styliser le contenu, à respecter les normes d'accessibilité, à créer des sites réactifs, et à être prêts pour des compétences avancées. Cela peut ouvrir des opportunités d'emploi dans le développement web et permettre de concevoir des sites web personnalisés et créatifs.