TP

Inès de Courchelle

Durée : 1h30

Objectifs :

  • Structurer une page HTML
  • Créer sa première page web
  • Comprendre le processus de dev web

Exercice 0 : La base

Le rendu

Travail à réaliser

  1. Ouvrir l’éditeur de texte geany

  2. Créer la page html exercice0.html contenant le code suivant :

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Exercice 0</title>
    </head>
    <body>
        <h1> Bonjour </h1>
    </body>
</html>
  1. Ouvrir la page web dans un navigateur web

Exercice 1 : Le blog

le rendu

Travail à réaliser

  1. Ouvrir l’éditeur de texte geany
  2. Créer la page html exercice1.html
  3. Ajouter le code suivant :
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Exercice 1</title>
    </head>
    <body>
        <h1> My Music</h1>
    </body>
</html>
  1. Modifier le code pour obtenir le rendu proposé dans la vidéo.
Pas de panique

Il faut y aller étape par étape :

Etape 1 : créer le titre h2 pour le rap
Etape 2 : créer le titre h3 pour NF
Etape 3 : créer le titre h4 pour biographie
Etape 4 : créer le titre h4 pour Albums
Etape 5 : créer le titre h4 pour Le clip
Etape 6 : récupérer le texte de la biographie de NF et les mettre dans une balise <p>
Etape 7 : récupérer les albums de NF et les mettre dans des balises <ul> <li>
Etape 8 : récupérer le clip video de NF sur youtube

Les biographies

NF
Nathan John Feuerstein (prononcer « Fire-stein ») est un rappeur américain, artiste et auteur-compositeur né le 30 mars 1991 et connu sous le nom de scène NF. Connu pour ses chansons très personnelles et aux émotions fortes, c'est à la sortie de son troisième album, Perception, qu'il connaît un franc succès aux États-Unis et dans le monde entier, notamment grâce à son single Let You Down.
DRAKE
Drake, né Aubrey Drake Graham (/ɔːˈbɹiː dɹeɪk ɡɹæm/), le 24 octobre 1986 à Toronto (Canada), est un rappeur-compositeur et acteur canadien. Longtemps affilié au label du rappeur Lil Wayne Young Money Entertainment, il y signe officiellement en juin 2009. Son premier album studio, Thank Me Later, sort un an plus tard. En novembre 2016, Drake devient le troisième rappeur à atteindre le milliard de vues sur YouTube avec le single Hotline Bling, après Eminem pour Love The Way You Lie et Wiz Khalifa pour See You Again.
LED ZEPPELIN
Led Zeppelin [lɛd ˈzɛpələn]1 est un groupe britannique de rock, originaire de Londres, en Angleterre. Il est fondé en 1968 par Jimmy Page (guitare), avec Robert Plant (chant), John Paul Jones (basse, guitare acoustique, mandoline, claviers) et John Bonham (batterie), et dissous à la suite de la mort de ce dernier, en 1980. À travers un son dominé par la virtuosité et les riffs de son guitariste, la voix puissante de son chanteur pouvant aller jusqu'à des octaves très élevées, par l'excellence de son bassiste/claviériste/arrangeur ainsi que par la technique, le groove et l'inimitable et si souvent samplée « force de frappe » de son batteur, Led Zeppelin est toujours considéré, plus de quarante ans après sa séparation, comme l'un des plus grands groupes de rock tant pour sa réussite artistique, son succès commercial que pour son influence et son prestige.
KYO
Kyo est un groupe de pop-rock français. Formé en 1994, le groupe est révélé au grand public avec les albums à succès Le Chemin en 2003 et 300 lésions en 2004. Éprouvé et en manque d'inspiration, le groupe se met en pause en 2008 avant de faire son retour en 2014 avec l'album L'Équilibre. S'ensuit leur 5e album studio Dans la peau dans un style plus electro-pop, sorti en décembre 2017. En novembre 2021, Kyo revient avec un 6e album, La part des lions, retrouvant une ambiance plus rock. Les membres de Kyo ont participé à l'écriture ou à la composition de plusieurs chansons entre autres pour des comédies musicales (Le Roi Soleil, Cléopâtre) et pour des artistes (Jenifer, Emma Daumas).

Les Albums

NF
- 2015 : Mansion
- 2016 : Therapy Session
- 2017 : Perception
- 2019 : The Search
- 2021 : CLOUDS (THE MIXTAPE)
- 2023 : HOPE
DRAKE
- 2010 : Thank Me Later
- 2011 : Take Care
- 2013 : Nothing Was the Same
- 2016 : Views
- 2018 : Scorpion
- 2021 : Certified Lover Boy
- 2022 : Honestly, Nevermind
- 2023 : For All the Dogs
LED ZEPPELIN
- 1969 : Led Zeppelin
- 1969 : Led Zeppelin II
- 1970 : Led Zeppelin III
- 1971 : Led Zeppelin IV
- 1973 : Houses of the Holy
- 1975 : Physical Graffiti
- 1976 : Presence
- 1979 : In Through the Out Door
- 1982 : Coda
KYO
- 2000 : Kyo
- 2003 : Le Chemin
- 2004 : 300 lésions
- 2014 : L'Équilibre
- 2017 : Dans la peau
- 2021 : La part des Lions
- 2023 : Le Chemin (20 ans)

Les images

Exercice 2 : On va rajouter un peu de style

Le rendu

  1. Ouvrir l’éditeur de texte geany
  2. Créer la page html exercice2.html
  3. Ajouter le code que vous avez créé précédement
  4. Modifier le code pour avoir un affichage similaire à la video de rendu

Des Questions

  • Comment changer la couleur d’un titre ?
  • Comment décaler un titre au milieu ?
  • Comment changer le fond d’un titre ?
Où trouver la solution