Comment fait-on pour créer des sites web ?

• Le fonctionnement des sites web
• HTML et CSS : deux langages pour créer un site web
• L’éditeur de texte
• Les navigateurs

Votre première page web en HTML

• Créer une page web avec l’éditeur
• Les balises et leurs attributs
• Structure de base d’une page HTML5
• Les commentaires

Organiser son texte

• Les paragraphes
• Les titres
• La mise en valeur
• Les listes

Créer des liens

• Un lien vers un autre site
• Un lien vers une autre page de son site
• Un lien vers une ancre
• Cas pratiques d’utilisation des liens

Les images

• Les différents formats d’images
• Insérer une image
• Les figures

Atelier et cas pratique

Mettre en place le CSS

• La petite histoire du CSS
• Petit rappel : à quoi sert CSS ?
• CSS : des débuts difficiles
• CSS : la prise en charge des navigateurs
• Où écrit-on le CSS ?
• Quelle méthode choisir ?
• Des commentaires dans du CSS

Formatage du texte

• La taille
• La police
• Italique, gras, souligné…
• L’alignement
• Les flottants

La couleur et le fond

• Couleur du texte
• Couleur de fond
• Le CSS et l’héritage
• Images de fond
• La transparence

Les bordures et les ombres

• Bordures standard
• Bordures arrondies
• Les ombres

Création d’apparences dynamiques

• Au survol
• Au clic et lors de la sélection
• Lorsque le lien a déjà été consulté

Structurer sa page

• Les balises structurantes de HTML5
• Exemple concret d’utilisation des balises

Le modèle des boîtes

• Les balises de type block et inline
• Les dimensions
• Les marges

La mise en page avec Flexbox

• Un conteneur, des éléments
• Alignez-les !
• Répartir plusieurs lignes
• Encore plus flex : faire grossir ou maigrir les éléments

Quelques autres techniques de mise en page

• Le positionnement flottant
• Transformez vos éléments avec display
• Le positionnement inline-block
• Les positionnements absolu, fixe et relatif

Les tableaux

• Un tableau simple
• Un tableau structuré

Les formulaires

• Créer un formulaire
• Les zones de saisie basiques
• Les zones de saisie enrichies
• Les éléments d’options
• Finaliser et envoyer le formulaire

La vidéo et l’audio

• Les formats audio et vidéo
• Insertion d’un élément audio
• Insertion d’une vidéo

Atelier et cas pratique