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

SOMMAIRE

Partie 1 : Les bases du HTML

Exercice 1

- 1) Comment fait-on pour créer des sites web ? Lire les différents liens ci-dessous ( Tous les liens sont sur la même page)
Sommaire

Partie 2 : Les joies de la mise en forme avec CSS

Maintenant que vous connaissez les bases du HTML... donnez du style à votre page grâce au CSS !

Exercice 2

1) Mettre en place le CSS : - Lire les liens suivant pour y arriver :
- Où écrit-on le CSS ?
- Appliquer un style : sélectionner une balise
- Appliquer un style : class et id
- Appliquer un style : les sélecteurs avancés
- Q.C.M.
- Exercice / Visualiser ce que vous devez réaliser : test.html et test2.html (garder toujours les mêmes fichiers)
2) Formatage du texte : - Lire les liens suivant pour y arriver :
- La taille
  La police
  Italique, gras, souligné...
  L'alignement
- Les flottants
- Q.C.M.
- Exercice / Visualiser ce que vous devez réaliser : test.html et test2.html
3) La couleur et le fond : - Lire les liens suivant pour y arriver :
- Couleur du texte
- Couleur de fond
- Images de fond
- La transparence
- Q.C.M.
- Exercice / Visualiser ce que vous devez réaliser : test.html et test2.html
4) Les bordures et les ombres: - Lire les liens suivant pour y arriver :
- Bordures standard
- Bordures arrondies
- Les ombres
- Q.C.M.
- Exercice / Visualiser ce que vous devez réaliser : test.html et test2.html

5) Création d'apparences dynamiques

Au survol

Au clic et lors de la sélection

Lorsque le lien a déjà été visité

Q.C.M.

Exercice / Visualiser ce que vous devez réaliser : test.html et test2.html

Sommaire

Partie 3: Mise en page d'un site

Nous avons appris à construire des pages basiques en HTML, à mettre en place le CSS... Intéressons-nous maintenant à la mise en page de notre site ! A la fin de cette partie, nous aboutirons à notre premier site complet, agencé comme nous le voulons !

Exercice 3

- 1) Le modèle de boîte: - Lire les liens suivant pour y arriver :
  - Les balises de type block et inline
  - Les dimensions
  - Les marges
  - Quand ça dépasse...
  - Q.C.M.
  - Exercice / Visualiser ce que vous devez réaliser : test.html et test2.html
- 2) Le positionnement en CSS: - Lire les liens suivant pour y arriver :
  - Le positionnement flottant
  - Transformez vos éléments avec display
  - Le positionnement inline-block
  - Positionnement absolu, fixe et relatif
  - Q.C.M.
  - Exercice / Visualiser ce que vous devez réaliser : test.html et test2.html

Sommaire

Partie 4 : Fonctionnalités évoluées

Nous allons découvrir dans cette partie de nouvelles fonctionnalités de HTML et CSS, que l'on peut considérer un peu plus évoluées (et donc un peu plus complexes).

- 1) La vidéo et l'audio
  - Les formats audio et vidéo
  - Insertion d'un élément audio
  - Insertion d'une vidéo
  - Q.C.M.
  - Exercice / Visualiser ce que vous devez réaliser : test.html et test2.html