NSI Rocks !

Personal Website

Objectives and criteria

Your personal project is to be completed in the Web activity "Personal Project", which you can find by entering this code: 29c9-5464627

Your personal project is due no later than February 23, 2025. The minimum elements to include are:

  • insertion of four images <img>
  • creation of titles <h1> and <h2>
  • creation of paragraphs <p>
  • creation of links <a>
  • use of <div> and <span> tags
  • creation and use of four CSS classes

Choose your website theme

Some examples

  • a video game, a universe, ...
  • a movie, an album, a book, ...
  • a music group, an author, ...
  • a passion

Prepare your files

index.html
<!DOCTYPE html>
<html>
<head>
  <title>My first page</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1 class="titre">Welcome!</h1>
  <p class="texte">This is a simple web page.</p>
</body>
</html>

Gather content

Basic tags

We insert images:

<img src="image.png" width="300" />

Titles, subtitles, to organize the page:

<h1>The Universe of Zelda</h1>
<h2>Zelda: Breath of the Wild</h2>

Paragraphs to feed the pages with content:

<p>In the game Zelda: Breath of the Wild (also referred to by the acronym BOTW), blah blah blah ...</p>

Work on the appearance of your pages

Find ideas, do research

You can look for inspiration:

You can also conduct research in a search engine or an assistant like ChatGPT:

  • "How to achieve a modern design in HTML and CSS?"
  • "How to make an image move in a web page?"
  • etc...