Sinergia tra PHP e Bootstrap

Esercizio: carousel

  1. Crea una cartella /carousel e inserisci al suo interno 8 immagini a tua scelta, tutte di dimensioni 1920 x 1080
  2. Crea nella root del tuo sito una pagina /carousel.php partendo dallo Starter Template
  3. Crea una pagina con un container e un semplice carousel con titoli ("with captions") partendo dall'esempio che trovi nella guida di Bootstrap, inserisci tre slide scegliendole dalle immagini che hai scaricato, e verifica che funzioni correttamente
  4. Definisci un array associativo che contenga otto coppie "nome immagine" => "titolo":
    • Il nome immagine dev'essere semplicemente il nome di una delle immagini che hai scaricato, ad esempio "wallpaper.jpg"
    • Il titolo dev'essere un breve testo che poi farai comparire sopra all'immagine
  5. Modifica il codice HTML che hai scritto in precedenza in modo che sia PHP a popolare il carousel, prendendo i nomi delle immagini e i titoli dall'array associativo, utilizzando un ciclo foreach

Nota: metti la massima cura nell'indentazione del codice.

  • BOOTSTRAP
  • PHP

CFP CNOS-FAP DON BOSCO - via XIII Martiri, 86 - 30027 San Donà di Piave (VE) - tel. 0421 338 980 - Organismo di Formazione accreditato dalla Regione del Veneto