Présentation
Le cours est présenté par Alexandre Niveau et se déroule sur 10 semaines.
Web et HTML
Le web, c’est quoi et comment ça marche ?
Rappels sur Internet
Le World Wide Web : définition et principes de base
Les constituants principaux du web : HTTP, URL, HTML
HTML : la base du web
Balisage et structure de documents
Les règles de HTML
Notions d’hypertexte
Notions d’accessibilité
Les éléments de structuration d’HTML5
Modifier le style des pages : CSS
Introduction à CSS
Propriétés de style
Règles CSS
Intérêt des feuilles de style
Cascade et héritage
Classes et identifiants
Groupes et combinaison de sélecteurs
Mise en page CSS
Modèle de boîte CSS3
Visual formatting model de HTML/CSS
Propriétés de base des boîtes
Quelques propriétés CSS3
Alignement de contenu
Bases de la mise en page avec CSS
Propriété display
Positionnement absolu et relatif
Mise en page classique et moderne
Images sur le web et bonnes pratiques CSS
Images sur le web (HTML/CSS)
Formats d’image pour le web
L’élément img et quelques-uns de ses attributs
Propriétés de base des backgrounds en CSS
Remplacement d’images
Précisions sur les sélecteurs et bonnes pratiques CSS
Utiliser divers sélecteurs ensemble
Utiliser identifiants et classes
Spécificité des sélecteurs
Structuration des fichiers CSS
Sélecteurs avancés — Polices sur le web
Sélecteurs avancés
Sélecteurs de descendance et d’adjacence
Pseudo-classes
Pseudo-éléments
Interactivité avec CSS : topo sur les menus déroulants
Bases de l’utilisation de polices sur le web
Polices du système et font stack
Utiliser n’importe quelle police avec @font-face
Design adaptatif — Transitions et transformations CSS
Outils CSS de base pour le design adaptatif
media queries
viewport
Propriétés utiles pour l’adaptatif
Unités de distance dynamiques
Transitions, transformations, animations
Animer les transitions entre valeurs d’une propriété
Transformations
Un mot sur les animations non transitionnelles