Créer un site internet

1) Comprendre le fonctionnement très simplifié d'un site Web

Un site web est un ensemble de pages internet reliées entre elles par des liens hypertextes.
Chaque site web a un hébergeur : c'est un prestataire de services qui met à votre disposition de l'espace de stockage sur un serveur.
Un serveur est un ordinateur qui est, en général, connecté en permanence à internet et qui offre des services à des clients : par exemple vous entrez l'URL (Uniform Ressource Locator, autrement dit adresse internet) de isn-marchal dans la barre de votre navigateur (Firefox, Chrome...), votre requête est dirigée vers le serveur de Planet-Hoster qui héberge isn-marchal.com. Vous êtes le client : vous demandez une certaine page internet au serveur de Planet-Hoster.
Le service qui permet de trouver l'adresse IP d'un site à partir de son nom s'appelle le DNS (Domain Name Service).
Pour un site statique, c'est à dire sans interaction entre l'utilisateur et le site, cette page arrive sur votre ordinateur où votre navigateur décode les fichiers écrits en html et css pour afficher la page. Les opérations sont un peu différentes si vous avez un site dynamique (avec du php par exemple).
Lorsque vous créez un site internet, pour le rendre visible à tous, vous devez donc envoyer vos fichiers sur le serveur d'un hébergeur : ceci se fait par l'intermédiaire du protocole FTP (File Transfer Protocol), avec le logiciel Filezilla, par exemple.
Un protocole est la description des règles qui permettent à des ordinateurs d'échanger des données, de même qu'il y a des protocoles pour envoyer du courrier postal.
Le protocole IP permet d'acheminer des requêtes grâce aux adresses IP.
Le protocole DNS permet d'associer une IP à l'adresse d'un site.
Le protocole FTP permet d'échanger des fichiers (des fichiers HTML, des images...) entre un site local (votre ordinateur) et un site distant (le serveur).
Votre navigateur utilise le protocole HTTP (HyperText Transfer Protocol ou HTTPS quand la communication est sécurisée) pour communiquer avec le serveur.
Pour savoir si vos connaissances sont au point, vous pouvez essayer de compléter le document à télécharger ici.
Cliquer ici, pour revoir la présentation faite en classe.

2) Trouver un hébergeur

Je peux fournir un hébergement pour les élèves des lycées de Molsheim: il faut m'envoyer un mail avec vos nom et prénom.
Sinon, voir les liens en bas de page pour trouver des hébergeurs gratuits (pas toujours facile !).
Remplissez tous les formulaires jusqu'à obtenir un site, et notez bien les renseignements qui vous seront envoyés par mail (en général)

  • le nom du serveur FTP de votre site
  • votre identifiant FTP
  • votre mot de passe
  • le répertoire de publication : c'est à dire le dossier dans lequel vous mettrez vos fichiers sur le serveur
  • l'adresse internet de votre site

3) Installer Filezilla

Téléchargez Filezilla :Site officiel de Filezilla et installez le.

4) Créer une première page web que l'on appelle index.html

Pour cela reportez vous au chapitre
Ecrire des pages en HTML et CSS.

5) Transférer les fichiers chez votre hébergeur

Ouvrez Filezilla et entrez :

  • le nom du serveur FTP dans la case Hôte
  • votre identifiant et votre mot de passe dans les cases correspondantes
  • laissez le port vide
  • cliquez sur connexion rapide
  • Filezilla mémorise ces données, et la prochaine fois,
    vous aurez seulement à choisir votre site avec la flèche à côté
    de connexion rapide

Dans Filezilla, vous avez à gauche votre site local, à droite le site distant.
Rechercher le fichier index.html sur votre ordinateur, et déplacez le avec la souris dans le répertoire du site distant.
Vous n'avez plus qu'à vous connecter à votre site....
Plus de détails :Tutoriel à télécharger

6) Les autres fichiers

Je vous recommande de mettre tous les fichiers concernant votre site dans un même dossier (les images, les fichiers html et css, les fichiers que vous proposez au téléchargement etc...).
Pour faire fonctionner votre site internet, il suffit de transférer tous ces fichiers sur le site distant, comme dans le paragraphe précédent.

4) Site des élèves de l'année 2018-2019