Publier site Html/Css en FTP

Petite introduction très intéressante

Vous avez créé un site composer d’une page HTML et d’un fichier CSS.

Vous souhaitez le publier sur votre site internet.
Vous avez besoin pour cela d’un accès FTP à votre hébergement.

L’accès FTP

Un accès FTP « est constitué » de 3 informations confidentielles:

  1. Une adresse (Hôte, Host, Url, Server, …)
  2. Un Nom d’utilisateur (Identifiant, User, login, …)
  3. Un mot de passe (Password, pass, …)

Chez Infomaniak, pour vous créer un accès FTP, procédez comme suit:

  1. ouvrir le Manager (manager.infomaniak.com)
  2. aller dans Hébergement Web
  3. cliquer sur l’hébergement/le nom de domaine concerné
  4. dans le menu latéral gauche, cliquer sur FTP/SSH

À partir de ce stade, vous pouvez :

  • cliquer sur le bouton Ajouter pour créer un nouveau compte FTP/SSH
  • cliquer sur un compte FTP existant pour modifier son mot de passe
  • supprimer un compte FTP depuis le menu des actions rapides

https://www.infomaniak.com/fr/support/faq/1982/ftp-creermodifiersupprimer-un-compte


Utiliser un client FTP

Il existe une multitude de clients FTP (Logiciels): Fetch, Transmit, Cyberduck, Filezilla, …
Dans cet exemple nous allons utiliser Filezilla. Il est gratuit, fiable, rapide et multiplatforme (Mac, PC, …)

Il est téléchargeable pour Mac ici.

  1. L’adresse (Hôte, Host, Url, Server, …)
  2. Le Nom d’utilisateur (Identifiant, User, login, …)
  3. Un mot de passe (Password, pass, …)
  4. Bouton de connexion
  5. Arborescence des fichiers de VOTRE ORDINATEUR
  6. Arborescence des fichiers de VOTRE HEBERGMENT
  7. Listes des fichiers
  8. Activité du logiciel (Transfert, supression, …)

Mettre en ligne des fichiers

Se connecter avec son client FTP

Si vous êtes chez Infomaniak: sélectionnez le dossier WEB à droite dans l’arborescence de votre hébergement

Glisser le fichiers d’un fenêtre à l’autre

Une fois les fichiers copiés, testez:

votresite.ch

Si vous copiez vos fichiers dans un DOSSIER nommé « bootstrap », testez:

votresite.ch/bootstrap

Si vous copiez vos fichiers dans un DOSSIER nommé « bootstrap », et dans un sous-dossier nommé « version2 » testez:

votresite.ch/bootstrap/version2

Vous n’avez jamais besoin de rajouter /index.html à la fin de votre url … le server est programmé pour afficher ce fichier html par défaut.