Exercice 2 : Mini-site fan (Corrigé)
Structure de fichiers :
mon-site-zelda/
│
├── index.html
├── gameplay.html
├── personnages.html
└── images/
├── zelda-logo.png
├── zelda-cover.jpg
├── zelda-gameplay.jpg
├── link.webp
└── princess-zelda.webp
index.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Accueil - The Legend of Zelda</title>
</head>
<body>
<header>
<img src="images/zelda-logo.png"
alt="The Legend of Zelda: Breath of the Wild"
width="153" height="120">
<nav>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="gameplay.html">Gameplay</a></li>
<li><a href="personnages.html">Personnages</a></li>
</ul>
</nav>
</header>
<main>
<h1>Bienvenue dans le monde ouvert d'Hyrule !</h1>
<figure>
<img src="images/zelda-cover.jpg" alt="Paysage d'Hyrule" width="600">
<figcaption>Le vaste monde d'Hyrule vous attend</figcaption>
</figure>
<p>
<strong>The Legend of Zelda: Breath of the Wild</strong> est un jeu d'action-aventure
en monde ouvert développé par Nintendo. Sorti en 2017, il redéfinit la franchise Zelda
avec une liberté d'exploration sans précédent.
</p>
<p>
Dans ce jeu révolutionnaire, incarnez <em>Link</em> qui se réveille après un sommeil de
100 ans pour sauver le royaume d'Hyrule de la Calamité Ganon. Explorez un monde vivant,
résolvez des énigmes et combattez des créatures légendaires.
</p>
<h2>Pourquoi jouer à ce jeu ?</h2>
<ul>
<li>Monde ouvert immense et magnifique</li>
<li>Liberté totale d'exploration</li>
<li>Système de physique révolutionnaire</li>
<li>Plus de 100 sanctuaires à découvrir</li>
<li>Histoire captivante</li>
</ul>
<p>
<a href="https://www.nintendo.fr/Jeux/Nintendo-Switch/The-Legend-of-Zelda-Breath-of-the-Wild"
target="_blank">
Visitez le site officiel Nintendo
</a>
</p>
</main>
<footer>
<p>© 2025 Fan Site Zelda - Site non officiel</p>
<p>The Legend of Zelda est une marque déposée de Nintendo</p>
</footer>
</body>
</html>
gameplay.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gameplay - The Legend of Zelda</title>
</head>
<body>
<header>
<img src="images/zelda-logo.png"
alt="The Legend of Zelda: Breath of the Wild"
width="153" height="120">
<nav>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="gameplay.html">Gameplay</a></li>
<li><a href="personnages.html">Personnages</a></li>
</ul>
</nav>
</header>
<main>
<article>
<h2>Mécaniques de jeu</h2>
<section>
<h3>Exploration</h3>
<p>
Le monde d'Hyrule est entièrement explorable dès le début du jeu.
Escaladez n'importe quelle surface, nagez dans les lacs et rivières,
et planez depuis les hauteurs avec votre <strong>parapente</strong>.
</p>
<figure>
<img src="images/zelda-gameplay.jpg" alt="Link explorant Hyrule" width="600">
<figcaption>Explorez chaque recoin d'Hyrule</figcaption>
</figure>
</section>
<section>
<h3>Combat</h3>
<p>
Le système de combat est <em>dynamique et stratégique</em>.
Utilisez des armes variées, esquivez les attaques ennemies
et exploitez l'environnement à votre avantage.
</p>
<h4>Types d'armes :</h4>
<ul>
<li>Épées à une main</li>
<li>Épées à deux mains</li>
<li>Lances</li>
<li>Arcs et flèches</li>
<li>Boucliers</li>
</ul>
</section>
<section>
<h3>Cuisine et survie</h3>
<p>
Collectez des ingrédients et cuisinez pour créer des plats
qui restaurent votre santé ou vous donnent des bonus temporaires.
</p>
</section>
</article>
</main>
<footer>
<p>© 2025 Fan Site Zelda - Site non officiel</p>
<p>The Legend of Zelda est une marque déposée de Nintendo</p>
</footer>
</body>
</html>
personnages.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Personnages - The Legend of Zelda</title>
</head>
<body>
<header>
<img src="images/zelda-logo.png" alt="Logo Zelda" width="153" height="120">
<h1>The Legend of Zelda: Breath of the Wild</h1>
<nav>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="gameplay.html">Gameplay</a></li>
<li><a href="personnages.html">Personnages</a></li>
</ul>
</nav>
</header>
<main>
<h1>Personnages principaux</h1>
<article>
<h3>Link</h3>
<figure>
<img src="images/link.webp" alt="Link, le héros d'Hyrule" height="300">
<figcaption>Link, le héros légendaire</figcaption>
</figure>
<p>
<strong>Link</strong> est le héros jouable de l'aventure.
Chevalier d'Hyrule endormi pendant 100 ans, il se réveille
sans mémoire pour sauver le royaume de la Calamité Ganon.
</p>
</article>
<article>
<h3>Princesse Zelda</h3>
<figure>
<img src="images/princesse-zelda.webp" alt="Link, le héros d'Hyrule" height="300">
<figcaption>Link, le héros légendaire</figcaption>
</figure>
<p>
La <strong>Princesse Zelda</strong> est la souveraine d'Hyrule
dotée de pouvoirs sacrés. Elle retient Ganon dans le château
depuis 100 ans en attendant le retour de Link.
</p>
</article>
<article>
<h3>Les Champions</h3>
<ul>
<li><strong>Mipha</strong> - Princesse Zora, pilote de Vah Ruta</li>
<li><strong>Daruk</strong> - Chef Goron, pilote de Vah Rudania</li>
<li><strong>Revali</strong> - Archer Piaf, pilote de Vah Medoh</li>
<li><strong>Urbosa</strong> - Cheffe Gerudo, pilote de Vah Naboris</li>
</ul>
</article>
<article>
<h3>Ressources externes</h3>
<p>Pour en savoir plus sur les personnages :</p>
<ul>
<li>
<a href="https://zelda.fandom.com/fr/wiki/Accueil" target="_blank">
Wiki Zelda (français)
</a>
</li>
<li>
<a href="https://www.nintendo.fr" target="_blank">
Site officiel Nintendo
</a>
</li>
</ul>
</article>
</main>
<footer>
<p>© 2025 Fan Site Zelda - Site non officiel</p>
<p>The Legend of Zelda est une marque déposée de Nintendo</p>
</footer>
</body>
</html>