- Créer un compte chez un hébergeur
- Apprendre les rudiments du HTML/CSS avec Mozilla
- Créer une première page web
- Créer votre propre site internet
Activité 1 : Créer un compte chez un hébergeur
Pour pouvoir être accessible, un site internet doit être hébergé sur un serveur informatique. Pour commencer, choisir un hébergeur. Il existe des hébergeur en ligne, dont certains sont gratuits. Mais il est aussi possible de bénéficier gratuitement d'un hébergement web auprès de son fournisseur d'accès à internet (chez ceux qui le proposent, c'est par exemple le cas chez orange ou free). Voir la liste des hébergement web gratuits en ligne.Activité 2 : Apprendre les rudiments du HTML/CSS avec Mozilla
La fondation Mozilla est un organisme à but non lucratif, qui œuvre au développement d'internet. C'est elle qui développe par exemple le navigateur web Firefox. Mozilla publie aussi une documentation de référence des outils du web, et notamment des langages informatiques HTML et CSS qui servent à afficher une page web. On utilisera pour apprendre les rudiments du HTML et du CSS :- Le guide d'apprentissage de Mozilla.
- Glich ou jsfiddle un éditeur de code en ligne .
Activité 3 : Créer une première page web
Installation des fichier
Télécharger le projet projet-batman.zip. Extraire l'archive dans un nouveau répertoire sur votre session. Vous aller éditer les fichiers html pour créer un mini site web de deux pages. Pour cela, il vous faut un éditeur. Prendre par exemple Notepad++ qui est installé au lycée.Travail à faire
À vous de jouer, vous aller éditer les fichiers batman.html et bruce-wayne.html afin d'aboutir au résultat suivant (cliquer sur les images pour agrandir) :| Page batman.html | Page bruce-wayne.html |
 |
 |
Pour information les deux images sont sous licence Creative Common (l'image de batman a été créée par l'utilisateur BoggieNightBoy sur deviantart.com ; celle de Christian Bale a été déposée sur wikipedia.org par l'utilisateur Siebbi).
Lorsque tout fonctionne parfaitement, vérifier que votre code html ne comporte pas d'erreurs sur le validateur html de la W3C. Appeler le professeur en cas de problème.Activité 4 : Créer votre propre site internet
Il est temps de passer à la création de votre propre site internet.Objectif
Votre site devra compter au minimum les pages suivantes :- Une page d'accueil, nommée
index.html, contenant la présentation rapide du site ; - Un cahier de bord (sur une ou plusieurs pages), qui devra garder une trace de ce qui a été fait à chaque séance ;
- Une page exposé, recensant les exposés faits par vous-même et les autres élèves de la classe ;
- Une page projet, présentant l'avancé de votre projet ;
- Une page À propos présentant la raison d'être du site et donnant la référence de toutes les sources utilisées pour la réalisation de votre site internet.
Réalisation
Il est conseillé de s'aider pour cela d'un des gabarits du site de Florent Verschelde . Vérifier tout d'abord ce que vous avez le droit de faire et de ne pas faire (voir la page Licence). À partir d'un de ces gabarits, commencer à créer le squelette de votre site internet, constitué d'un fichier par page et d'un menu permettant de naviguer d'une page à l'autre. Quand le squelette du site est fonctionnel, il est temps de commencer à lui donner du contenu. Si besoins, on trouvera tout ce que l'on peut avoir besoin sur le site de la fondation Mozilla :Publication
Une fois votre site suffisamment abouti, vous pouvez le transférer chez votre hébergeur. Attention, à partir de ce moment il est en ligne et accessible par tout le monde. On prendra soin de tester que tout fonctionne aussi en ligne (une étape intermédiaire est de copier le site par exemple sur une clé usb, et de s'assurer qu'il fonctionne toujours).Bonus, pour ceux qui veulent : vous pouvez même choisir votre propre nom de domaine.