Membre de Click-FR®, Réseau francophone Paie-Par-Click

 

Vous voulez créer votre propre site perso mais vous ne savez pas par ou commencer ?
Ce tutorial va vous expliquer comment faire votre site pas à pas.
Des premières lignes de HTML jusqu'au référencement, tout vous y est expliqué.
 
Le langage HTML
Les pages Web son écrites dans un langage que l'on appelle HTML (Hyper Text Markup Language).
Pour en savoir plus sur le langage HTML, lisez le Tutorial Le Langage HTML
 HTML ? Késako ?

 
Choisir un éditeur HTML
Il existe deux grandes familles d'éditeurs HTML :
- les éditeurs HTML normaux : Ces logiciels sont sont spécialement conçus pour le développement de pages web. Il possèdent de multiples fonctions comme l'insertion de scripts, la coloration syntaxique, l'inspecteur de code...
- les éditeurs HTML wysiwyg (What You See Is What You Get) : Ces logiciels, destinés à un public plus large se présentent comme un logiciel de traitement de texte classique. Vous pouvez donc aisément organiser la mise en forme de vos pages.

Si vous connaissez bien le langage HTML, choisissez un éditeur normal. Vous tapperez directement votre code et vous aurez des outils avancés, permettant la construction de scripts.
Les editeurs HTML NON-wysiwyg que je vous propose sont :
Web Expert 6
CodExpert (Gratuit)
1st Page (Gratuit, en Anglais)

Si vous n'avez pas trop envie de vous soucier du HTML, des gens on pensé à vous. Grace à des editeurs HTML wysiwyg (What You See Is What You Get), vous consruisez vos pages comme dans un traitement de texte normal. Parmi eux, des logiciels de qualité comme :
Frontpage 2003
DreamWeaver MX 2004
Namo Web Editor

Le point faible de ces éditeurs, c'est qu'il générent du code HTML inutile, ainsi cela augment de poids de vos pages et elle mettront plus de temps à s'afficher.

 
Choisir ou non un kit graphique
Si vous n'êtes pas vraiment graphiste dans l'âme, il existe des kits graphiques de sites déja faits par des gens très compétents. Seulement voila : la plupart de ces kit graphiques, qui on été faits par des gens payés pour ça, son payant. Il existe plein de sites proposants des centaines de kits graphiques tous aussi beaux les uns que les autres, mais hélas payants. Pourtant, vous pouvez les avoir quand même car il existedes packs qui circulent sur les réseaux de P2P.
 
 
Bien tenir ses pages web
Être Webmaster, cest respecter un certain nombre de règles. A savoir, le poid des pages, la taille des images, l'orthographe, la taille du texte, la clarté des pages, l'égornomie du site, le placement des éventuelles pub sans gêner le visiteur...

Quelques conseils
  • Lorsque vous voulez vous lancer dans la création d'un site web, il est important de savoir avant de commencer à taper le code et le texte, de quoi va t'il parler, comment va t'il être organisé.
    Vous pouvez prendre un papier et un crayon, et dessiner la disposition des menus, l'arboressance du site, et bien sûr, lui touver un nom.
     
  • Dans les menus, triez vos liens en fonction du contenu vers lequel ils pointent.
     
  • Essayez de définir un titre adapté à chacune des pages de votre site.
     
  • Les meta-tags sont très importants ! Il permettent à votre site d'être en bonne position dans les moteurs de recherche.
     
  • Utilisez les feuilles de style CSS pour décorer le texte et les liens.
     
  • Ne surchargez pas vos pages en javascript, car cela rend les pages plus longues à charger.
     
  • Utilisez des polices de caractère visibles par la majorité des visiteurs (arial, verdana, tahoma, trebuchet ms, comic sans ms, times new roman...)
     
  • Les images d'arrère plan sont déconseillées car elles gênent la lecture du texte.
     
  • Evitez les sons en arrère plan, cela déconcentre le visiteur qui lira vos pages.
     
  • Veillez à ce qu'un menu soit présent sur chaque page. Le visiteur ne doit en aucun cas être obligé de cliquer sur le bouton "Page précédents" de son navigateur.
     
  • Lorsque vous avez un long texte à afficher, faites des paragraphes bien aérés et affichez votre texte sur plusieurs pages.
     
  • Pensez à mettre un texte alternatif dans vos images, pour deux raisons. Primo, si votre image ne s'affiche pas, le visiteur saura de qui cette image parle. Deuxio, les robots des moteurs de recherche lisent ce texte, et comme en général, il s'agit de mots clés, cela augmente les chances pour votre site d'être dans les bonnes places des moteurs de recheche.
     
Transférer vos pages sur le web
Une fois vos pages terminées, il faut les enregister sur le web, pour qu'elles soient accessibles par les internautes du monde entier. Tous les fournisseurs d'accès vous proposent (normalement) un espace web pour héberger vos pages, images et autres fichiers gratuitement.

Il existe aussi d'autres sites qui proposent d'héberger votre site (gratuitement ou pas). Mais les hébergeurs gratuits vous imposent de la pub (Envahissante ou pas)

Pour transférer tous vos fichiers, vous aurez besoin d'un logiciels qu'on appelle "client FTP". Mais ce que peu de gens savent, c'est que vous n'êtes pas obligé de posseder un client FTP pour envoyer vos fichiers sur le web. En effet, une fonction d'Internet Explorer vous permet de vous connecter à un FTP.
Il y a 2 solutions :
- 1ère méthode : Tapez ftp.votrehebegeur.com dans la barre d'adresse d'Internet Explorer. Une boîte de dialogue apparait pour vous demander votre login et votre mot de passe, pour acceder à votre espace web.
- 2ème méthode : tapez votrelogin:votremotdepasse@ftp.hébergeur.com et vous serez directement sur votre FTP.

Voici quelques clients FTP
FileZilla
FTP Commander
FTP Expert (payant, crack sur www.cracks.am)

Le FTP (File Transfer Protocole) est une langage qu'utilisent les ordinateurs pour échanger des fichiers entre eux.

 
Créer une adresse de redirection : Une URL facile à reteneir pour votre site
Il faut ensuite faire connaître votre site sur la toile mondiale !
Commencez par créer une adresse pas trop compliquée à retenir du genre www.votresite.fr.tc, histoire de de ne pas perdre son temp à retapper un adresse compliqué du genre http://votre-hebergeur-truc.fr/votre-site/. On appelle ce genre d'adresse pas trop compliquée, un nom de domaine.

Un peu de Vocabulaire :
www.votre-site.com ==> Votre site a un nom de domaine
http://site.hebergeur.com ==> Votre site a un demi-domaine
http://votrehebergeur.com/votresite ==> Votre site n'a pas de domaine.
                                                                          

 
Référencer votre site
Après ceci, vous aurez besoin de référencer votre site dans des moteurs de recherche et dans des annuaires.
Pour vous référencer dans le plus célèbre moteur de recherche du monde (google pour ne pas le citer), rendez vous à l'adresse suivante :
 www.google.fr/addurl


Voilà, je pense que je vous ai assez guidé, je vous souhaite une longue vi à votre site. Si vous avez construit votre site grâce à ce tutorial, faîtes le moi savoir ! Ça me fera toujours plaisir :-)