You are currently viewing Projet 3 – Mes premières pages web en HTML et CSS

Projet 3 – Mes premières pages web en HTML et CSS

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
    <title>Mon premier site web</title>
  </head>
  <body>
    <h1>Bienvenue sur mon site</h1>
  </body>
</html>

Ce projet, c’est un de mes tout premiers pas en développement web. Le but était simple : créer des pages à la main en HTML et CSS pour apprendre les bases.

Introduction

Ce projet consistait à créer un blog sur une entreprise de notre secteur dans le cadre d’un cours à l’Université de Limoges. Le but était de nous apprendre les bases du code en réalisant un mini-site avec HTML et CSS.

Contexte

Nous avons travaillé à partir d’un éditeur de texte (au choix), avec plusieurs pages HTML et une feuille de style CSS. L’entreprise choisie était Studio Nyx pour ma part, ce qui permettait de relier recherche de contenu et intégration web.

Objectifs

Découvrir la structure d’une page web et la logique des premières balises. Créer un site simple, lisible et bien organisé avec plusieurs pages.

Outils utilisés

  • Éditeur de texte pour le HTML et le CSS (Visual Studio Code)
  • Intégration de contenus, d’images et de liens à partir de banques d’images en citant les droits

Ce que j’ai réalisé

J’ai réalisé la création du blog en intégrant les textes, les titres, les liens, les images et l’organisation des différentes pages. J’ai aussi travaillé la mise en forme avec CSS pour obtenir un rendu plus clair, plus agréable et plus facile à lire.

Difficultés rencontrées

Au début, l’apprentissage du HTML et du CSS n’a pas été simple, parce qu’il fallait comprendre la logique des balises, des styles et de la mise en page. Mais avec la pratique, c’est devenu plus naturel et j’ai peu à peu gagné en aisance.

Résultat

Le résultat final est un mini-site sur Studio Nyx avec plusieurs pages et une présentation structurée du contenu. Ce projet m’a permis de mieux comprendre les bases du développement web et de prendre confiance sur HTML et CSS.