Site perso

Objectifs et critères

Votre projet personnel est à réaliser dans l'activité Web "Projet personnel", que vous trouverez en indiquant ce code : 29c9-5464627
Votre projet personnel est à rendre au plus tard le 23 février 2025. Les éléments à y insérer au minimum sont :
  • insertion de quatre images <img>
  • création de titres <h1> et <h2>
  • création de paragraphes <p>
  • création de liens <a>
  • utilisation de balises <div> et <span>
  • création et utilisation de quatre classes CSS

Choisir le thème de votre site

Quelques exemples

  • un jeu vidéo, un univers, ...
  • un film, un album, un livre, ...
  • un groupe de musique, un auteur, ...
  • une passion

Préparer vos fichiers

index.html
<!DOCTYPE html>
<html>
<head>
  <title>Ma première page</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1 class="titre">Bienvenue !</h1>
  <p class="texte">Ceci est une simple page web.</p>
</body>
</html>

Rassembler du contenu

Balises élémentaires

On insère des images :

<img src="image.png" width="300" />
Des titres, sous-titres, pour organiser la page :
<h1>L'univers de Zelda</h1>
<h2>Zelda : Breath of the Wild</h2>
Des paragraphes pour alimenter les pages en contenu :
<p>Dans le jeu Zelda : Breath of the Wild (également désigné par l'acronyme BOTW), bla bla bla ...</p>

Travailler l'apparence de vos pages

Trouver des idées, faire des recherches

Vous pouvez chercher de l'inspiration :

Vous pouvez également réaliser des recherches dans un moteur de recherche ou un assistant type ChatGPT :
  • "Comment réaliser un design moderne en HTML et CSS ?"
  • "Comment faire bouger une image dans une page web ?"
  • etc...