1. Retour à l'accueil Général
  2. Accueil activité
  3. Un site dynamique , partie I
    1. Descriptif : le DOM
    2. HTML5, Boostrap
    3. Javascript et Jquery
    4. Tableau à dimensions multiples
  4. Un site dynamique partie II

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
  • ducati
  • honda
  • suzuki
  • ducati
  • honda
  • suzuki

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
  1. 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
  2. 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