Préparer son site et l'uploader avec FileZilla



Cette page s'adresse en particulier à ceux qui veulent créer leur site avec un éditeur pur code.

Dans le Répertoire Document vous faites un dossier avec tous vos fichiers

Cliquez pour agrandir l'image

A l'intérieur de ce dossier, nommé ci-dessus wubi_fichiers et qui représente la racine, le fichier indispensable sera le fichier texte que vous nommerez index.html et qui sera la page d'accueil de votre site . D'autres fichiers texte qui se termineront aussi en (.html) en seront les différentes rubriques . Dans ce dossier principal vous rassemblerez tous vos fichiers au grand complet c-a-dire aussi les fichiers images , les fichiers audio , les fichiers vidéo et tous les autres fichiers que vous apprendrez à utiliser plus tard (CSS, JS, PHP etcétéra).
Vous pouvez remarquer que tous les fichiers sont visibles dans la racine du site....

Mais certains sites contiennent des centaines de fichiers

Cliquez pour agrandir l'image

Alors il faut les ranger . C' est vraiment minimaliste c'est pour un très petit site , il y a juste un dossier "images" et un dossier "liens" censé rassembler toutes les rubriques .
Mais elle montre bien que le fichier index.html doit rester à la racine du site (pas renfermé dans un dossier quelconque)
Le favicon.ico pourrait trés bien se trouver dans le dossier "images"  mais il vaut mieux le laisser à la racine.
Dans le dossier "liens" où se trouvent les autres pages (.html) peuvent se retrouver d'autres sous-dossiers :
Un dossier rassemblant les fichiers "sons" et un autre rassemblant les fichiers "vidéo" par exemple sont mieux aussi à la racine du site ou dans d'autres dossiers spécifiques; video, sons, images 

Nicolas a fait ce classement


Cliquez pour agrandir l'image

Il aurait pu rassembler toutes ses pages .html (sauf index.html) dans un dossier nommé "liens" ou "rubriques" par exemple avec à l'intérieur un sous-dossier "sons" et un sous-dossier "vidéo" . Mais il a fait ainsi pour la clarté de son tuto , les liens hypertextes sont moins difficiles à faire . Et puis cela fonctionne alors?

Donc tous les fichiers et dossiers que vous voyez dans cette fenêtre sont prêts à être placés à la racine du site
Vous y voyez notamment l'image "favicon.icon" qui aura un lien placé dans la page "index.html", entre les balises HEAD, de cette façon:
<link rel="SHORTCUT ICON" href="adresse de votre site/favicon.ico">

Les autres images qui sont enfermés dans le dossier "images" entreront dans les pages.html (exemple  pour anim.gif) avec le lien suivant:
<img src="images/anim.gif"/>

L'arrangement ci-dessus donne ceci dans le répertoire local de FileZilla


Cliquez pour agrandir l'image

Et on fait Fichier -> Gestionnaire de Sites (voir ci-dessous)

 

Pour contacter votre serveur utilisez de préférence le Gestionnaire de Sites

 

Ici à l'onglet "Général"

Gestionnaire de Sites General
à "Sélectionnez une entrée" donner un nom . J'ai nommé "wubi"
Entrez toutes les coordonnées (FTP) nécessaires pour joindre votre serveur que l'hébergeur vous a fournies

Ici à l'onglet "Paramètres de transfert"

gestionnaire de Sites Parametres de transfert
Il faut absulument aller à cet autre onglet choisir le Mode de transfert  "passif" . 

Après , c'est une histoire de patience

Et de la bonne disponibilité du serveur . Votre site ne commencera à fonctionner que lorsque index.html aura été transféré avec succès . Parfois lorsque une vidéo est un peu longue il faut s'y reprendre è plusieurs fois pour la transférer en entier elle peut couper sans prévenir . 
Page tuto et téléchargement de Filezilla en français: http://filezilla.fr/ (Site intéressan)t
Filezilla est multi-plateforme, gratuit et Open source

statistiques

who's.amung.us
  Partager



Annonce Google


wubijacq.com Cliquez ici pour vous abonner à ce flux RSS