Forum Tutoriaux Forum Forum Rechercher S'enregistrer Connexion

Lancement rapide

Sommaire du tutorial

Tutoriaux les plus vus

Derniers tutoriaux

Statistiques

Il y a en tout 2 utilisateurs en ligne :: 0 Enregistré, 0 Invisible et 2 Invités

Il y a actuellement 39 tutoriaux disponibles.
Publicité


 Site -> Tutoriaux -> Lecture tutorial
Hébergeur et ftp
   
Bonjour, je vais vous apprendre à créer un site web (hébergeur gratuit) et à gérer le ftp.
Je ne vais pas vous apprendre à créer le contenu de votre site web (pour ça il y a un très bon tuto de Mathéo Ici, sur le site su zéro) mais à créer une adresse de site et à mettre des fichier dessus.

  Mais à quoi sa sert?

Ben à héberger des images, des vidéos, et puis si vous apprenez à faire des site web sa peut vous servir. Par exemple les images de mes tutos ainsi que le jeu du nombre mystère sont hébergé sur un de mes sites, que j'appellerai d'aurénavent ftp.


I/ Le site


Créer un ftp :

Je vais d'abord vous apprendre comment créer un ftp. Vous avez différent hébergeur gratuit. liste ici

Je vais développer deux types d'hébergement ici. Déjà pour ceux qui ont une freebox.

1/ Hébergement chez free


Ceux qui ont une freebox, ont droit de créer autant de ftp qu'ils veulent. (Avec un quota de place quand même Wink )
Pour en créer un, allez sur le site de free.

Allez dans mon compte est tapé vos identifiant free. (l'identifiant est votre numéro de fixe)


Image héberger sur un de mes sites (pour des raisons de confidentialités, je ne peut montrer que quelque uns de mes sites)Laughing)



Donc descendez jusqu'a la partie de la photo et cliquez sur :



Une fois sur la page qui suit, trois case à remplir :
Login de votre choix : le choix capital pour votre site, sa sera à la fois le liens vers le site (votre_login.free.fr), votre identifiant pour vous connectez au ftp, a la base MySql (pas grave si vous comprenez pas, pas besoin de ça dans ce tuto Laughing ) En clair choisissez le bien et retenez le Wink.
Mot de passe de votre compte (1) : Il vous servira aussi à vous connecter a votre ftp.

Et voila votre site est créé!
Il y a plus qu’à attendre 24 heures maximum qu'il soit activé.

2/ Chez Ifrance


Allez sur le site D'ifrance

Dans vos services, cliquez sur site web gratuit. Une fois la nouvelle page chargez, dans la partie inscription, cliquez sur je m'inscris Idea

Maintenant, plusieurs case à remplir :

* Nom d'utilisateur : Une fois encore très important, il sera votre adresse email (votre_login@ifrance.com), votre site web (votre_login.ifrance.com et l'adresse de votre blog (votre_login.blog.ifrance.com/).

Après les questions typiques d'une inscription : mot de passe, email, etc...

Une fois inscrit, vous remarquez 3 icônes :

1 icône colorer, deux grises. 1 option activée, deux à activer.


Cliquez sur celle du milieu. Puis sur activé ce service :




"Votre service iweb est en cours de création, merci de patienter..." devrait apparaître durant quelques minutes, puis votre site web est créé!

Maintenant retenez bien les infos qu'y sont marqué :



On peut maintenant passez au ftp!


2/ Le ftp


Pour accéder au ftp des sites free, comme ifrance, il nous faut un logiciel.
Pas de panique Exclamation il est gratuit Laughing

Il s'appelle Filezilla.

Télécharger Filezilla

Pour l'installation, suivait les suivant Shocked, il n'y à pas de piège.

Pour ce connecter à un ftp, c'est autre chose. Vous allez l'enregistrez dans vos "favoris" filezilla en allant dans Fichier Arrow Gestionnaire des sites.



Cliquez sur nouveau site

La, de nouveau deux parties, une pour free et une pour ifrance. Pas de jaloux, cette fois je commence par ifrance.

1/ Ifrance


Remettons l'image de tout à l'heure :


Les 1,2 et 3 correspondent aux 1,2 et 3 de l'image qui suit.




  Il faut sélectionnez normal et non anonyme

2/ Free


Dans gestionnaire des site, toujours nouveau site, mais la sa change :



1) ftpperso.free.fr cette adresse ne changera jamais pour free, quel que soit le site free.
  Il faut sélectionnez normal et non anonyme
2) Le login (ou nom d'utilisateur que vous avez choisi tout a l'heure.
3) Votre mot de passe choisi tout a l'heure.

Voila pour free.

Cliquez sur connectez.

Votre site sera toujours dans gestionnaire des sites. Pour le renommez, cliquez deux fois sur son nom.

La on distingue plusieurs partie :




1) Les dossiers de votre ordinateur
2) Les étapes de connection (si c'est vert, sa passe, si c'est rouge sa casse Laughing )
3) Les dossier de votre site (ici vide, plus maintenant si vous allez a leveque0.ifrance.com)
4) Voir l'état des téléchargement de votre site Arrow a votre ordinateur ou l'inverse.

Pour mettre quelques chose sur votre site, rechercher le (quelque chose) sur votre ordinateur (dans le 1) ) et double cliquez dessus ou faite le glissez dans votre site (dans le 3) )

Et inversement pour téléchargez sur votre pc.

   Si vous mettez plein de truc sur votre site cela fera une liste sur fond blanc de tous. Pour avoir un menu, ou autre chose, il faut que vous aillez une page index.html ou .php.

Voila, vous savez tous sur les ftp Laughing

Allez, pour améliorer un peu la présentation de votre site une fois des fichier mis dessus et qui sont destinés au téléchargement, créer un fichier index.html et mettez ceci dedans :


<!DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
   <head>
      <title>Bienvenue sur mon site de téléchargement!</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      </head>
      <body>

<a href="monfichier.zip">Nom du fichier</a>

<a href="monfichier2.zip">Nom du fichier2</a>

</body>
</html>


Le <a href="monfichier.zip">Nom du fichier</a> étant le liens vers votre fichier. Si vous l'avez mis dans un dossier par exemple telechargement, le lien sera <a href="telechargement/monfichier.zip">Nom du fichier</a>. Après mettez cette page index.html à la racine de votre site (pas dans un dossier) et le tour est joué Smile .
Noter ce tutorial
Note actuelle: 9
Noter ce tutorial:
Il y a actuellement 2 commentaires pour ce tutorial.
Ajouter un commentaire