Aide au TP4

Ordre de difficulté des éléments du TP4

Facile

• Footer en container
• Main : bloc de 3 jeux en groupe de cartes
• Main : bloc Diablo IV en carte avec superposition
• Nav en grille
• Main : bloc grille contenant des cartes et des sous-grilles
• Header en carrousel contenant des cartes avec superposition

Moyennement difficile

Version de Bootstrap

Assurez-vous de travailler avec la toute dernière version de Bootstrap : la 5.3.3

Rechercher dans Bootstrap

C'est pas évident de chercher dans Bootstrap quand on commence.

Voici une petite aide.

Comment utiliser l'aide

Dans l'aide :

• soit on utilise les exemples de code fourni pour les grands blocs
• soit on applique les classes à notre HTML pour des éléments de base

Blocs de code

Classes simples

Le menu de gauche

Voici les éléments du menu de gauche dont vous aurez besoin dans le cours d'Interfaces Web.

Explorez et faites des tests, c'est la meilleures façon d'apprendre!

Pour le TP5, nous aurons besoin des formulaires

Animations qui ne jouent pas (carrousel)

L'animation fluide des diapositives de carrousel ne fonctionne pas dans le laboratoire

Dans Windows, il existe un paramètre nommé "Effet d'animations".

Pour rendre les sites et applications plus fluides, on peut désactiver cette option.

Dans le laboratoire G253, les animations sont désactivées.

Pour activer les effets d'animation :

1. Sur le bouton Windows au bas de l'écran, faire un clic droit

2. Choisir l'option Paramètres

3. Dans le menu Accessibilité

4. Option Effets visuels

5. Activer l'option Effets d'animation