Vous voulez créer un site Internet mais vous ne voulez pas vous aventurer dans la programmation ? Ce tutorial est fait pour ça.

Cependant, vous aurez besoin :

- d'un espace FTP. Pour ceux disposant d'une connexion Internet chez Free, je vous conseille de vous inscrire sur www.free.fr car ils proposent un espace FTP gratuit avec 100mo de capacité, et supportant un serveur MySQL gratuitement. Si vous ne voulez pas vous inscrire chez un hébergeur, je vous conseille Bullet Proof.

- d'un logiciel d'accès FTP (uniquement si vous vous êtes inscrit chez un hébergeur). Je vous conseille FTP Expert 3.

- de FrontPage (ou DreamWeaver). A vous de choisir. DreamWeaver est beaucoup plus perfectionné. Mais pour la prise en main, FrontPage est plus facile à utiliser.

- d'un éditeur graphique. Je vous conseille Adobe Photoshop pour créer les graphismes, mais Adobe Illustrator est mieux pour la création de design Web.

- d'un nom de domaine.

Une fois que vous avez tout cela, nous pouvons commencer.

I] Création d'un espace FTP

    a) Par l'intermédiaire d'un hébergeur

Commencez par vous inscrire chez un hébergeur. Pour ma part, j'utilise Free. Une fois l'inscription terminée (chez Free), vous devez attendre qu'ils vous envoient les coordonnées. Cela prend 2 jours en moyenne.

Une fois que vous avez les coordonnées nécessaires, vous devez activer votre espace Web. Cela peut prendre une journée. Une fois votre Espace Web activé, paramétrez FTP Expert. Comme serveur, mettez celui que votre hébergeur vous à communiqué (Pour Free, avant c'était ftpperso.free.fr, mais maintenant c'est login.free.fr, en remplacant login par le login). Comme port, c'est pareil (Port 21 pour Free). Puis saisissez votre login et mot de passe. Ensuite connectez-vous. Si ça marche, vous pouvez passer à l'étape suivante (II).

    b) Par l'intermédiaire d'un serveur local

Vous pouvez créer vous-même un serveur chez vous. L'avantage c'est qu'il vous appartient. L'inconvénient c'est que si votre serveur est inactif, votre FTP sera indisponible donc vous devrez avoir votre PC allumé en permanence puis bien sûr votre serveur activé, si vous voulez que votre site soit accessible 24h/24. Procurez-vous d'un logiciel de serveur FTP. Je vous conseille Bullet Proof. Installez le logiciel, paramétrez le logiciel en fonction de votre configuration. Choisissez un dossier qui va servir de racine pour votre FTP. Créez des comptes pour votre FTP puis attribuez leur les droites nécessaires. Une fois tout cela terminé, votre FTP est prêt.

II] Création du site Web

    a) Création des pages Web

C'est le moment maintenant d'utiliser votre éditeur HTML. Donc saisissez votre page comme vous voulez. Vous pouvez créer des cadres (une partie Menu, une partie Entête, une partie Corps). Libre à vous de décider. Une fois toutes vos pages créées, il vous faut maintenant les "lier" grâce à des liens hypertexte. Cela permet, par exemple, de faire en sorte que si on clique sur le texte "Downloads", ça aille sur la page "Downloads". Pour cela, sélectionnez le texte qui va servir de lien, puis faites clic droit. Sous Frontpage, il y a la fonction "Lien hypertexte". Il doit y avoir le même genre de fonction sous DreamWeaver. Ensuite, saisissez l'adresse de la page cible, là où c'est demandé. Puis cliquez sur OK. Votre lien est désormais crée. Vous pouvez créer des liens pointant vers une adresse email, permettant au visiteur d'écrire un email à l'adresse prévue.

Une fois tous vos liens crées, il faut décider quelle page servira de page d'accueil. Pour cela, repérez cette page puis nommez-là : index.html ou index.htm.

ATTENTION : Ne mettez jamais de majuscules, sinon la page ne sera pas reconnue comme page d'accueil.

    b) Création graphique

L'utilisation dépend du logiciel utilisé. Je ne peux pas décider de la façon dont les images vont être créées, c'est à vous de décider. Une fois vos images créées, importez-les dans vos pages grâce à votre éditeur HTML grâce à la fonction "Insérer".

Vous pouvez redimensionner vos images comme vous le voulez directement dans votre éditeur HTML, ou définir une image comme image de fons pour vos pages.

III] Transfert vers votre espace FTP

   a) Distant (hébergeur)

Ouvrez votre logiciel d'accès (ex : FTP Expert 3). Puis connectez-vous sur votre espace FTP. Vous l'avez déjà configuré. Une fois connecté dessus, transférez vos données grâce au Drag&Drop (Glisser-Déplacer) de la souris. Le transfert peut être long en fonction de la vitesse de transmission de votre connexion Internet. Puis après c'est fait, votre site est en ligne.

    b) Local

Vous avez juste à faire un copier/coller de vos fichiers vers votre dossier FTP.

IV] Nom de domaine

    a) Pour un espace FTP chez un hébergeur

Quand vous créez un espace FTP chez un hébergeur, l'hébergeur lui attribue un nom de domaine du style : http://monsite.free.fr (pour Free) ou http://monsite.ifrance.com (pour iFrance), etc...

    b) Pour un espace FTP sur un serveur local

Si vous avez un serveur local, l'adresse d'accès à votre site est du style : http://AdresseIP/index.htm (votre adresse IP + votre page d'accueil). Exemple : http://172.154.49.2/index.html.

Je rappelle que l'adresse IP change à chaque connexion, donc je vous invite à consulter le tutorial sur "Avoir une IP Fixe", cela vous permettra d'avoir toujours la même adresse IP.


En gros, votre adresse est trop longue. Vous aimeriez sûrement avoir une adresse plus courte. Les noms de domaines sont là pour ça. Je vous conseille de vous inscrire sur www.ulimit.com, c'est un site qui vous propose une redirection gratuite vers votre site grâce à une adresse du style www.monsite.fr.st. Ils mettent très peu de pub ! En détail, ils marquent "Redirigé par Ulimit" en haut de la page, sur votre barre de titre.

V] Fin

Voilà, je rajoute que si vous voulez gérer votre site sans logiciel d'accès FTP, c'est tout à fait possible. Pour cela, demandez à votre hébergeur (sur Free, il suffit d'aller sur ftp://login.free.fr en remplaçant login par votre login).

Votre site est maintenant au point. Il est temps maintenant de passer à la programmation. Je vous conseille le site suivant : www.javascriptfr.com. Vous trouverez absolument tout sur la programmation HTML/PHP/Javascript. Si vous avez besoin d'aide, des milliers de gens de la communautés sont prêts à vous aider ! Cependant vous trouverez un petit tutorial sur l'HTML dans la section Tutoriaux. Je vous souhaite Bonne chance pour la suite !


Revenir dans la section Tutoriaux