1. Avant de commencer

• Mais, au fait, qu’est-ce qu’un site Web ?
• Qu’apporte chaque langage ?
• Vocabulaire et conventions d’écriture
• Compatibilité HTML5/CSS3
• Les outils de développement
• Votre première page HTML avec Notepad++
• Premier contact avec le langage CSS3
• Pourquoi préférer CSS à HTML pour la mise en forme ?
• Premier contact avec jQuery
• HTML, CSS et jQuery : deux approches

2. Premiers pas en HTML, CSS et jQuery

• Les bases du HTML
• Les bases du CSS
• Les bases de jQuery
• Entraînement

3. Éléments textuels

• Les balises permettant d’afficher du texte
• Listes HTML
• Personnaliser une liste
• Choisir la police du texte
• Taille des caractères
• Attributs des caractères
• Utiliser des polices de caractères non conventionnelles
• Mise en forme des liens hypertexte
• Entraînement

4. Couleur des éléments

• Couleur du texte
• Couleur d’arrière-plan d’un élément
• Définir une couleur par son code RGB
• Transparence et opacité des éléments
• Gradient linéaire
• Gradient radial
• Entraînement

5. Images

• Insérer une image dans une page
• Une image en arrière-plan d’une page
• Une image en arrière-plan d’un conteneur
• Utiliser une image comme lien hypermédia
• Légender une image
• Centrer une image dans un conteneur
• Modifier les caractéristiques d’une image lorsqu’elle est survolée
• Empiler des images
• Préchargement d’images
• Images réactives
• Album photos
• Entraînement

6. Ombrages et arrondis

• Ombrer des objets non textuels
• Ombrer des objets textuels
• Arrondir les coins d’un élément de type block
• Entraînement

7. Menus

• Menu vertical flottant en HTML5
• Amélioration du menu avec quelques propriétés CSS
• Entraînement

8. Formulaires et stockage local de données

• Définir un formulaire
• Envoi d’un formulaire par mail
• Les différents éléments utilisables dans un formulaire
• Quelques exemples de formulaires
• Focus
• Validation de données
• Modifier le style d’un champ en fonction de sa validité
• Stockage local de données
• Entraînement

9. Tableaux

• Définir un tableau en HTML
• Définir un tableau en CSS
• Bordures autour des cellules
• Fusionner et séparer des bordures
• Espacer les cellules
• Fusionner des cellules
• Ajouter une légende au tableau
• Arrière-plan des cellules
• Alignement dans les cellules
• Différencier lignes paires et lignes impaires
• Mise en forme des cellules vides
• Arrondis et ombrages
• Entraînement

10. Mise en page

• inline, block ou les deux ?
• Nouvelle organisation des documents
• Positionner les éléments affichés sur une page
• Faire flotter un élément
• Mise en page sur plusieurs colonnes
• Marges
• Responsive Web Design (Media Queries CSS)
• Optimiser les pages d’un site Web
• Entraînement

11. Gestion événementielle

• Gestion événementielle en HTML
• Gestion événementielle en CSS
• Gestion événementielle en jQuery
• Événements liés à la fenêtre
• Événements liés au clavier
• Événements liés à la souris
• Événements liés aux formulaires
• Événements liés aux médias
• Événements liés à l’orientation
• Entraînement

12. Multimédia

• Insérer un élément audio
• Piloter une balise audio en jQuery
• Insérer un élément vidéo
• Piloter une balise video en jQuery
• Entraînement

13. Transformations, transitions et animations

• Transformations
• Transitions
• Quelques animations classiques
• Animations personnalisées
• Différer une animation
• Mettre en place un timer
• Entraînement

14. Mise à jour avec AJAX

• Charger un fichier
• $.get()
• $.post()
• $.ajax()
• Entraînement

15. Mise en ligne d’un site

• Choisir un hébergeur
• Créer un nom de domaine
• Transférer les fichiers en FTP