Un site dynamique
HTML5
On veut présenter des motos, on fouille le répertoire image et on trouve trois marques représentées : ducati, honda et suzuki.
A partir de la , il faut savoir ce que l'on veut faire :
Afficher les trois marques dans une liste non numérotée , ce qui donnerait par exemple
Le répertoire images |
le code html5 |
le visuel |
|
|
|
Bootstrap
Pour les couleurs, vous êtes libres, de vos choix.
Par contre pour la liste,
allons du côté de bootstrap, une recherche rapide nous amène
ici.
le code html5 |
le visuel |
- Choisis ta marque !
- Ducati
- Honda
- Suzuki
|
- Choisis ta marque !
- Ducati
- Honda
- Suzuki
|
- 2a) Terminer le code, ajouter une entrée "inactive" pour kawazaki , l'utilisateur doit comprendre que cette entrée n'est pas disponible.
??
- Choisis ta marque !
- Ducati
- Honda
- Suzuki
- Kawasaki
Afficher le visuel attendu
- 2b) quels sont les attributs proposés par bootstrap , (comme par exemple primary ou ...)
??
le code html5 pour les items d'une liste par exemple |
le visuel |
- les classe prédéfinies utilsables sur certains éléments du DOM
- This is a primary list group item
- This is a secondary list group item
- This is a success list group item
- This is a danger list group item
- This is a warning list group item
- This is a info list group item
- This is a light list group item
- This is a dark list group item
|
- les classe prédéfinies utilsables sur certains éléments du DOM
- This is a primary list group item
- This is a secondary list group item
- This is a success list group item
- This is a danger list group item
- This is a warning list group item
- This is a info list group item
- This is a light list group item
- This is a dark list group item
|