top of page

Création d'un site internet.

Le contenu de cette section a été travaillé par : 

Le matériel nécessaire

Les étapes du projet

🖥️ 1. Un ordinateur

N’importe quel ordinateur (Windows, Mac ou Chromebook) suffit pour créer un site simple.

🌐 2. Une connexion Internet

Pour :

  • chercher des images libres de droits

  • utiliser un éditeur en ligne

  • publier ton site

🧰 3. Un éditeur pour créer le site

Tu as deux options :

Option A — Éditeurs en ligne (super simples)

  • Wix

  • Google Sites

  • WordPress.com

Ils permettent de créer un site sans coder.

Option B — Éditeurs de code (si tu veux apprendre à programmer)

  • Visual Studio Code (gratuit)

  • Notepad++

  • Brackets

📁 4. Un dossier pour organiser ton site

Tu y mets :

  • tes pages (HTML)

  • ton style (CSS)

  • tes images

  • tes scripts (JavaScript, si tu en fais)

🖼️ 5. Images libres de droits

Pour illustrer ton site. Exemples de banques d’images gratuites :

  • Pixabay

  • Unsplash

🚀 6. Un endroit pour publier ton site (hébergement)

Selon ton choix :

  • Wix / Google Sites → hébergement inclus

  • GitHub Pages → gratuit

  • Hébergeur payant (OVH, PlanetHoster…) → pour les sites plus avancés

🎨 7. (Optionnel) Un logiciel de design

Pour créer des logos ou des images :

  • Canva

  • Photopea

  • GIMP

🌐 1. Comprendre comment fonctionne le web

Tu découvres :

  • ce qu’est une page web

  • comment les navigateurs lisent le code

  • comment les sites sont hébergés

C’est une vraie initiation au monde numérique.

🎨 2. Développer ta créativité

Faire un site, c’est choisir :

  • des couleurs

  • une mise en page

  • des images

  • un style

Tu apprends à créer quelque chose de beau et clair pour les visiteurs.

🧠 3. Résoudre des problèmes

Un site ne marche jamais parfaitement du premier coup. Tu dois :

  • corriger des erreurs

  • tester des boutons

  • ajuster la navigation

Ça développe ta logique et ta patience.

💻 4. Apprendre des bases de programmation

Même un petit site t’initie à :

  • HTML (structure)

  • CSS (design)

  • parfois JavaScript (interactions)

C’est une porte d’entrée vers le code.

🗂️ 5. Organiser l’information

Tu apprends à :

  • structurer des pages

  • rendre les infos faciles à trouver

  • écrire des textes clairs

C’est une compétence essentielle dans plein de domaines.

👥 6. Penser aux utilisateurs

Un bon site doit être :

  • simple

  • agréable

  • accessible

Tu apprends à te mettre à la place des autres.

🚀 7. Gérer un projet du début à la fin

Créer un site, c’est :

  • planifier

  • créer

  • tester

  • publier

Tu développes une vraie méthode de travail

Ce que ce projet nous a appris

💡 1. Organiser ses idéesTu dois réfléchir à ce que tu veux montrer (textes, images, infos).Tu apprends à structurer : page d’accueil, sections, menu, etc.

➡️ Ça aide à mieux penser et expliquer clairement.

🎨 2. Être créatifChoisir les couleurs, les images, la mise en page…Créer quelque chose d’agréable à regarder

➡️ Ça développe ton sens artistique et esthétique.

🧠 3. Résoudre des problèmesParfois, rien ne fonctionne comme prévu (bouton, image, lien…).Tu dois chercher, tester, modifier

➡️ Tu deviens meilleur en logique et en persévérance.

💻 4. Comprendre la technologieTu vois comment fonctionne Internet (pages, liens, navigation).Tu peux même apprendre des bases de code (HTML, CSS)

➡️ Ça développe tes compétences numériques.

👥 5. CommuniquerUn site sert à partager un message, une idée ou un projet

➡️ Tu apprends à t’adresser à un public.

🚀 6. Être autonomeTu crées quelque chose par toi-même, étape par étape

➡️ Ça renforce ta confiance et ton autonomie.

Qui a réaliser ce projet dans notre classe

toute la classe

Photos et vidéo du projet

Vous trouverez ici les photos en lien avec la réalisation du projet.

Autres fichiers téléchargeables

Vous trouverez ici la liste des fichiers téléchargeable en lien avec ce projet.

bottom of page