Devoir Maison : votre propre site Web
Introduction
Le but de votre travail est de réaliser votre propre site ! Pour cela vous réalisez au moins 3 pages, qui sont liées entre elle. Vous utiliserez pour cela le langage HTML (mais aussi CSS) dont un mémo vous est donné Section 2.
La réalisation des 3 pages devra contenir le plus d’éléments possible (sans trop surcharger) ce qui me permettra de juger de votre aisance dans ce langage. Ce devoir maison se concentre essentiellement sur la création de la page HTML elle-même. Ne vous concentrez donc pas sur le contenu, car peu de points y serons consacrer. En revanche la créativité sera récompensée.
Les 3 pages peuvent avoir la forme et le contenu que vous voulez, aucune règle particulière n’est demandéer. Si vous souhaitez une trame type la voici :
Page 1 : Présentation personnelle
- Un portrait textuel avec nom, prénom, classe, et une courte description de soi-même.
- Une photo (qui n’est pas de vous car cela serait illégal, soyez donc inventif).
- Des liens vers les autres pages.
- Son parcours académique (son collège et son lycée, ses options prises, les médailles que vous avez pu obtenir dans vos sports favoris, …).
Page 2 : Vos passions ou hobbys
- Un titre décrivant chacune de vos passions.
- Plusieurs paragraphes expliquant ces passions.
- Des images d’illustration.
- Un lien retournant à la page de présentation.
- Des liens menant vers la page de votre club, ou des ressources qui vous parlent.
Page 3 : Une activité, un projet ou une production culturelle
- Un titre
- Plusieurs paragraphes, afin de donner envie à votre professeur de SNT de suivre vos pas !
- Des images d’illustration. Des vidéos si vous en avez (sur Youtube par exemple, en partageant grâce au mode Intégrer).
- Un lien retournant à l’accueil.
Sur chacune de vos pages vous pouvez aussi réaliser une table des matières. N’hésitez pas aussi à rajouter des listes, des tableaux, des effets sur un texte (couleur, gras, italique, surligner, rayer, …), ou tout autre élément HTML qui vous passe par la tête !
Ne vous limitez pas au HTML, et créer aussi des styles grâce au CSS !
Il est évidant qu’utiliser une IA générative, ou tout autre moyen de triche (constructeur de site, copie d’un travail trouvé sur internet ou de votre camarade, …) est formellement interdit. Si vous êtes pris en flagrant délit, vous n’aurez pas de seconde chance et aurez la note de 0. Mieux vaut donc ne pas essayer…
En revanche, une utilisation raisonnable, en utilisant ChatGPT par exemple pour décrire un problème et demander une solution est possible. En revanche, ne copier-coller pas, essayer plutôt de comprendre la réponse pour vous l’approprier.
Croyez-moi, il est relativement simple de déterminer si vous avez ou non triché…
Bonus : créer sa pages HTML
Ressource externe
Il existe de très nombreuses ressources externes qui sont de grande qualité afin d’apprendre le langage HTML.
La ressource la plus conseillée, que je vous conseille d’avoir continuellement ouverte est MDN, fait par Mozilla, l’association derrière le navigateur Firefox.
Ces derniers ont même réalisé plusieurs tutoriels, dont celui-ci, permettant de découvrir (et même d’aller au-delà du cours) !
Nous pouvons aussi citer :
- La documentation simple à comprendre et très complète de W3Docs
- De même mais en anglais chez W3School
- Les video de Grafikart (vieux mais qui a fait ses preuves !)
- Le cours OpenClassRoom, avec des quiz et autre
- L’application SoloLearn, sur Android et iOS, le DuoLinguo du code, pour apprendre avec des petites leçons de 5 minutes (le HTML et le Python)
Certaines de ces ressources propose des contenus payant. Il est inutile de les acheter, les versions gratuites sont amplement suffisantes !