Welcome to the Webdev Neo.

Le serveur Web

Webdev est le serveur que nous utilisons pour les enseignements de Web :

Cette page est un tutoriel pour vous expliquer comment mettre en ligne vos sites à l'adresse qui vous est attribuée :

https://webdev.iut-orsay.fr/~logincourt

Logiciels

Les logiciels ci-dessous sont installés sous Windows et Linux, et sont libres : vous pouvez les installer sur votre machine personnelle.

Version courte : si vous savez déjà utiliser Filezilla

Version longue : Paramétrage et utilisation de FileZilla

Résumé du protocole

  1. On crée / modifie un fichier en local par l’éditeur de texte ;
  2. On le transfère par FileZilla sur le serveur distant ;
  3. On l’appelle sur le navigateur par l’url qui lui correspond.

En cas de problème (erreur PHP...) on corrige en local le fichier et on refait le processus. Si vos modifications ne sont pas prises en compte essayez de vider le cache en faisant un "hard refresh" : Ctrl-F5.

Configuration

Votre connexion est prête.

Connexion au serveur distant et envoi de fichiers

Sélectionnez à gauche le bon site. La connexion se fait. Votre machine (locale) est à gauche et le serveur (distant) est à droite.

On peut transférer des fichiers dans les deux sens par glisser-déposer, ou double clic, ou clic droit et envoyer (on peut le faire sur un dossier entier)

Adresse des fichiers sur le serveur distant

Un fichier toto.php placé dans public_html/TD1/ex2/toto.php sera accessible par l’url :

https://webdev.iut-orsay.fr/~logincourt/TD1/ex2/toto.php

(notez bien que vous ne devez pas écrire public_html dans l’url)

Consignes ProgWeb

Organisation locale de vos fichiers

Il est important d’organiser vos fichiers, TD par TD, exercice de TD par exercice de TD. Ainsi, au prix de doublons de fichiers, vous aurez un historique de votre progression.

Le plus simple est de créer, dans votre répertoire Documents, un sous répertoire public_html. En effet, chacun de vous aura aussi sur le serveur distant un répertoire public_html. Alors, autant synchroniser les structures.

Ensuite, dans ce public_html, vous aurez des sous-répertoires TD1, TD2, … Puis dans TD1 vous aurez des sous-répertoires ex1, ex2, … Puis dans ex1 vous aurez des fichiers PHP, idem dans ex2, …

Exemple d'organisation de fichiers