Le programme
Jour 1
Construire sa page en Html
Notion Introduction
Faisons connaissance...
- Vos attentes
- L'organisation, la logistique
- Vos questions
Notion Mise en route
Introduction au html
- Le Web en quelques dates
- Les navigateurs : interprètes du Web
- Html et CSS : qui fait quoi ?
- L’inspecteur : votre meilleur allié
Notion Mise en route
Créer sa première page Html
- Des éditeurs pour créer les pages
- Un code source minimum pour démarrer
- Des balises pour structurer
- Les nouveautés du Htlm5
Notion Les balises HTML
Insérer une image en html
- Les formats d’image : lequel choisir ?
- Insérer une image : le droit chemin
- Les attributs de la balise image
- Pour aller plus loin avec la balise image
- ...
Notion Les balises HTML
Définir la navigation et les liens hypertextes
- Insérer un lien vers une autre page
- Insérer un lien vers une adresse mail
- Lien vers un numéro de téléphone
- Naviguer à l’intérieur d’une page : les ancres
- ...
Notion Les balises HTML
La création de tableaux
- Créer un tableau simple
- Structurer son tableau : thead, tbody et th
- Styliser son tableau en CSS
- Fusionner des cellules
- ...
Notion Les balises HTML
La création de formulaires
- Créer un formulaire : la balise form
- Les champs de saisie : la balise input
- Les libellés : la balise label
- Cases à cocher et boutons radio
- ...
Notion Les balises HTML
Insérer de l'audio et de la vidéo
- Ajouter du son avec la balise audio
- Insérer de la vidéo avec la balise video
- Intégrer une vidéo externe (YouTube, Vimeo…)
- Bonnes pratiques
Jour 2
Gérer la forme avec les feuilles de styles CSS
Notion Mise en route
Intégrer du CSS à ses pages HTML
- CSS : de quoi parle-t-on ?
- La syntaxe CSS en un coup d’œil
- Méthode 1 : la feuille de style externe (recommandée)
- Méthode 2 : la balise style dans le head
- ...
Notion Mise en route
CSS : utiliser les sélecteurs
- Le principe du sélecteur
- Le sélecteur de balise (ou de type)
- Le sélecteur de classe
- Le sélecteur d’identifiant
- ...
Notion Les propriétés CSS
La gestion de la couleur en CSS
- Les notations de couleur en CSS
- Les propriétés de couleur essentielles
- Les dégradés CSS
- Les variables CSS pour gérer sa palette
- ...
Notion Les propriétés CSS
La gestion du texte en CSS
- Choisir une police pour le Web
- Charger une police via Google Fonts
- La taille du texte : font-size et les unités
- Les propriétés de mise en forme du texte
- ...
Notion Les propriétés CSS
Les marges et espacements en CSS
- Le modèle de boîte : chaque élément est une boîte
- La différence entre margin et padding
- Déclarer ses marges en CSS
- Centrer un élément avec margin auto
- ...
Notion Aller plus loin
Publier son site sur le Web
- Le principe : du local au mondial
- Choisir un hébergeur
- Transférer ses fichiers via FTP
- L’alternative moderne : le déploiement par glisser-déposer
- ...