Cette page s'adresse à ceux qui désirent se lancer dans la création d'un site web, mais qui n’ont aucune idée par où il faut commencer.
J’étais dans votre cas quand j'ai voulu commencer : vouloir faire un site web, mais ne pas savoir comment faire.
Je tiens ce site internet depuis bientôt quatre ans, je me permet donc de revenir sur quelques points, et qu'il semble important d'aborder car « on ne nous avait pas dit ça sur le site du zéro »…
Rassurez-vous, le Site du Zéro est un très bon site, mais tout n'y est pas dit. Certaines choses y sont considérées comme acquises ou évidentes, alors qu'elles ne le sont pas.
Sur le net, Il y a beaucoup de pages expliquant comment installer Wordpress ou comment apprendre le HTML, mais combien expliquent comment adapter son site à tous les navigateurs et pourquoi ? Combien expliquent quelles sont vos obligations légales comme webmaster ?
La réponse est : zéro, ou alors très peu. C'est pour ça que j'ai fait cette page.
Les premières questions que je me suis posée en débutant mon site furent :
Et les réponses qui sont venues très vites :
Avant de vous lancer tête baissée dans le monde des blogs et des sites, il y a quelques questions à vous poser. Je ne veux nullement vous refroidir dans l'envie de faire un site internet, mais je pense que quelques éléments sont à éclaircir avant.
Bien sûr que vous voulez bloguer ! Quelle question !
Bloguer, ce n'est pas seulement racconter sa vie sentimentale. C'est bien plus que ça.
Il y a une différence entre tenir un journal intime et écrire un best-seller. La même différence existe entre un blog tel que l’entendent les médias et un blog comme le voit le blogueur.
Bloguer, c'est partager avec le monde entier ce qu'on a à dire, c'est écrire (ou déssiner, parler, etc.) sur les sujets que vous voulez.
N'importe quel internaute sera succeptible de lire ce que vous écrivez.Cela peut être des gens que vous connaîssez bien (vos amis, votre famille…), les personnes d'un entourage moins proche (votre employeur, vos profs…) et bien-sûr plein de monde que vous ne connaissez pas : d'autres blogueurs, des internautes situés à l'autre bout de la Terre. Même le Président de la République peut visiter votre site.
Êtes-vous prêt à assumer cela ?
Si oui, très bien. Dans le cas contraire, il faudra soit faire un blog « privé », soit faire attention à ce que vous postez : les internautes ne lisent toujours que ce que vous publiez. Si vous ne voulez pas que le monde entier sache que vous avez un chat ou un chien, ne le dites pas, c'est aussi simple que ça.
Dans tous les cas, n'hésitez pas à ouvrir un blog pour autant. Si vous avez des choses à dire, dites-les !
Quelques liens de ma propre expérience de blogging, depuis 4 ans :
Tenir un blog ou faire un site, c'est ajouter sa pierre à l'édifice mondial qu'est l'Internet. Si vous n'avez rien à dire, ben… Ne vennez pas parler, continuez à lire les sites, et attendez un peu.
Ouvrir un blog et ne rien mettre, c'est une perte de temps. Pas la peine d'apprendre à coder des pages web en HTML et en PHP si c'est pour ne rien faire avec.
Quand je dis « ne rien mettre » j'entend par là :
Ne construisez pas non plus votre site ou blog juste pour faire comme tout le monde : tenir un blog c'est user de sa liberté d'expression, ce n'est pas juste une mode.
Ne bloguez pas parce que vous vous sentez obligé de le faire, mais plutôt par envie.
Désolé si j'ai l'impression de vouloir vous faire peur, ça n'est pas le cas.
L'internet est à tout le monde, pas seulement à quelques entreprises. Le contenu de l'Internet est créé par les internautes. Ayez toujours ça en tête : l'Internet est aujourd'hui un médium permettant à tout le monde de s'exprimer librement.
Je veux demander par là : savez-vous l'effet que ça fait de s'adresser au monde entier ?
Il ne faut pas avoir peur de se lancer dans le bloging, mais si vous ne savez pas faire la différence entre un clavier et une souris, je pense qu'il est un peu tôt pour apprendre à faire un site internet à partir de rien.
Tout le monde peut bloguer, là n'est pas le soucis, mais mieux faut être prévenu : se lancer dans le blogging sans s'attendre à recevoir des commentaires de gens que vous ne connaîssez pas, des remarques ou des critiques, c'est une erreur.
L'Internet est remplit d'internautes. La majorité sont sympas, d'autres n'hésiteront pas à dire ce qu'ils pensent de vous ou de votre site. Soyez prêt à accepter celà. On ne peut pas plaire à tout le monde, et ceci est vrai également en dehors d'Internet.
Je vous rassure, il ne faut pas se laisser abattre par la première remarque d'un internaute. D'ailleurs, tout cela est plutôt de bonne guerre : rares sont les remarques qui se veulent blessantes, en général ce sont des remarques constructives qui vont vous aider à améliorer votre site et à vous forger votre style.
Pour ma part, oui, j'ai déjà eu des remarques peu aimables sur mon site. Ce que j'en pense ? Tout le monde a le droit d'aimer ou de ne pas aimer ce que je fait. Je n'arrête pas de bloguer pour autant et je blogue aussi pour moi, parce que j'aime ça.
Voici un petit lien que je serais amené à citer ou donner plusieurs fois : c'est le Guide du blogueur détendu de SebSauvage, un blogueur (que je lis assidûment).
Bon.
Vous voulez commencer. Ok mais par où ? Voici quelques pistes.
Nous y reviendrons, mais je vous le dit tout de suite : ne faites pas de blog chez Skyblog, Blogger ou d'autres plateformes privées.
Il faut mieux faire son site soi-même chez un hébergeur (payant ou gratuit). Dans ce cas, le site sera réellement à vous, et vous nez dépenderez plus de services externes qui peuvent vous mettre dehors à tout moment (ça m’est arrivé à moi aussi)…
La différence existe mais n'est pas importante. J'en parle simplement ici pour une question de vocabulaire.
Un blog, c'est un espace où vous publiez des articles. Par définition un blog, « est la contraction de web (le web) et de log (journal de bord) ; un blog est donc un journal de bord, publié sur le web ». Si vous le souhaitez, les internautes peuvent y laisser des commentaires.
Un site, c'est plus large. La définition que je me fait d'un site internet, ce sont des pages qu'un internaute ou une entreprise met en ligne pour servir de portail, accessible depuis partout. Un site peut contenir un blog, évidemment. Mais à mon avis, si votre espace sur le web contient plus de choses qu'un simple blog, alors c'est un site.
Comme je l'ai dit, ce n'est pas important dans l'absolu : personnellement, j'avais fait un site web (avec quelques pages statiques) et peu après j'y ai ajouté des billets d'humeurs plus où moins quotidiens. Le blog est donc apparu ici bien plus tard. Ce n'est pas parce que vous vous dites que vous ferez un blog qu'il sera interdit d'ajouter autre chose : vous êtes libre de faire exactement comme vous voulez.
Donc nous partons du principe que nous laissons tomber les plateformes du style Skyblog. Nous allons faire un site à nous.
Il vous faut certaines choses comme un hébergeur, un logiciel FTP et un registrar.
L'hébergeur est une entreprise qui vous propose un moyen de faire en sorte que vos pages web soient accessibles depuis Internet.
Il y en a des gratuits et des payants. J'ai personnellement commencé par un petit service gratuit, et mon site ayant grandit, je suis actuellement chez un hébergeur payant (quelques euros par mois) proposant d'avantage d'espace disque et plus de ressources système pour faire tourner mon site.
Il y a plein d'hébergeurs, en voici un bonne liste : Choisir un hébergeur gratuit ou payant.
Tous proposent la même chose : un certain espace disque (en Go), une certaine limite de bande passante à ne pas dépasser (en Go/mois) et des options (Mysql, comptes email, webdav, SSH…). Ce sont là les trois paramètres qui caractérisent les différentes offres qu'on trouve chez les hébergeurs : en fonction des besoins du client, il faudra choisir une offre adaptée. Nous concernant, on prendra quelque chose de basique et gratuit.
L'hébergeur fournit également une troisième chose : un moyen d'accéder à votre espace de stockage en ligne, pour y transferer vos pages web. Souvent ce sera un login + mot de passe FTP, et vous aurez besoin d'un logiciel FTP pour les utiliser.
C'est quoi ça ?
Un registrar c'est un autre prestataire technique.
Le rôle de celui ci est de vous proposer un nom à votre site. Tous les sites ont un nom : le mien c'est « lehollandaisvolant.net ». Celui de Google, c'est « google.com ».
Le registrar vous permet de choisir un nom et vous le vend pour une certaine durée (un an, deux ans, renouvelables évidemment). Une fois que votre nom est choisi et que vous avez payé, alors il vous aidera pour associer le nom du site avec votre hébergeur.
Le plus simple à mon avis, c'est de prendre un hébergeur qui fasse également régistar, comme OVH, Webou-pro ou Gandi, mais vous pouvez très bien aller chez deux prestataires différents.
Une fois que vous avez un hébergement et un nom de domaine, il faut que vous envoyiez les fichiers de votre site sur le web. Souvenez-vous : le rôle de l'hébergeur est de proposer un espace disque en ligne d'où seront accéssibles vos pages.
Il faut un moyen pour envoyer vos pages sur l'espace disque de votre hébergeur. Il existe des logiciels pour faire ça : ce sont les client FTP.
Il en existe plusieurs. Le plus connu est certainement filezilla TODO : tuto, liens, captures.
Pour moi, je pense que le plus simple est d'utiliser le client FTP intégré directement dans votre système. Si, si, il y en a un : Windows, tout comme les systèmes Linux ou Mac OS-X disposent d'un moyen pour accéder à l'espace disque de votre hébergeur comme s'il s'agissait d'un dossier normal.
Votre hébergeur vous a fourni un nom d'utilisateur et un mot de passe FTP pour vous connecter à votre espace d'hébergement. Vous en aurez besoin pour vous connecter.
Pour utiliser le client FTP internet à Windows, j'ai fait un petit tutoriel, disponible là : Utiliser le client FTP natif de Windows.
Une chose importante : de la patience et de la motivation.
C'est très simple d'ouvrir un site internet. Mais il ne faut pas griller les étapes. N'hésitez pas à demander sur les forums en cas de problèmes, et de chercher sur le web les réponses à vos questions.
Beaucoup de monde a réussi à ouvrir son site, il n'y a aucune raison que vous n'y arriviez pas.
Maintenant voyons un peu comment débuter à faire votre site Internet. En deux parties, nous verons comment installer un blog en quelques minutes et commencer à bloguer, ainsi que les étapes qui me semblent indispensables pour créer un site web (donc quelque chose de plus vaste qu'un blog seul).
J'en ai brièvement parlé au début : le Web est fait de l'ensemble des contributions de tous les internautes et est la somme de tous les sites internet du monde.
Bloguer, c'est également, et beaucoup de gens oublient de voir cet aspect là, utiliser de sa liberté d'expression. L'internet est un moyen pour mettre en pratique cette liberté : il faut en profiter. Vous n'êtes pas obligé, évidement, mais avoir un espace personnel sur le net où l'on peut partager des choses, que ce soit avec le monde entier ou bien avec simplement quelques personnes, c'est pratique, et tout le monde devrait pouvoir le faire, au même titre que tout le monde peut se promenner dans la rue.
Ne laissez plus la télévision vous dicter l'information, les journalistes vous dire ce qu'ils en pensent. Publiez votre avis, écrivez ce que vous pensez, ce que vous voyez. Bref, exprimez-vous, tout simplement !
Parce que ce sont des services externes dont le résultat ne vous appartient pas.
Un skyblog que vous avez ouvert ne vous appartient pas, c'est marqué dans les conditions d'utilisation.
De plus, Google (qui possède Blogger) ou Skyrock peuvent fermer votre blog quand ils veulent et sans aucune justification. Oui, c'est casse gueule, et certains se sont déjà fait avoir (moi y compris, avec un autre service de Google).
Autre chose… En s'inscrivant sur un site comme Skyblog vous devez accepter une charte d'utilisation. Ces règles sont une barrière à la liberté d'expression. J'estime que pour exercer au mieux sa liberté d'expression, il ne doit rien y avoir qui puisse m'empêcher de dire ce que je veux : ni charte d'utilisation, ni la peur de publier. Juste la liberté des autres (on ira pas insulter son voisin par exemple).
Avec un site internet à soi, on s'affranchit de tous ces problèmes : votre site vous appartient, et les seules règles fixées sont les vôtres.
Skyblog ou Blogger sont, selon moi, des solutions de facilités qui peuvent vous faire tout perdre sans que vous n'ayez de recours en cas de soucis. Restez donc vigileants.
Un blog vous permet de publier des articles. Pour celà il vous faut un logiciel : un moteur de blog (on parle souvent aussi de « CMS » pour Content Managing System.
Ce logiciel doit être installé sur votre espace d'hébergement.
Basiquement, si vous voulez modifier votre site web, comme ajouter un article à votre blog, il vous faut modifier le code HTML, ce qui revient à lire et écrire des choses comme ça :

Éditer du code source HTML, c'est écrire votre site avec ceci ↑
Ce qu'un CMS vous permettra de faire, c'est gérer votre site avec une interface simple : c’est quand même bien plus pratique :

Avec un CMS c'est quand même plus simple et rapide ↑
Tout comme il existe d'innombrables logiciels de dessins, il existe également plein de moteurs de blogs.
Il y en a pour tous les goûts. Certains sont archi-complet mais dur à installer, d'autres sont simples à installer et à utiliser mais n'ont pas trop d'options.
Il faut bien faire un choix. Si vous avez déjà en tête quelques noms de moteurs de blog (Wordpress ? Dotclear ? PluXML ?), je vous en prie, utilisez le vôtre. Dans le cas contraire, permettez moi de vous proposer Blogotext (la capture ci-dessus est l'interface de Blogotext).
Blogotext, c'est le moteur de blog que j'utilise moi-même et c'est moi aussi qui m'occupe de son dévellopement. Blogotext se veut simple. Ultra-simple.
L'installation s'effectue en quelques secondes, et à l'utilisation il n'y a que l'essentiel (vous ne risquez pas de vous perdre). Je pense que c'est un moteur de blog pas trop mal pour commencer (à moins que vous trouviez un tutoriel pour utiliser Wordpress, activer une base de donnée MySQL, installer les plugin et configurer tout ça…).
Avec Blogotext, vous l'envoyez sur votre site, vous choisissez votre login/mot de passe et vous bloguez. Quelques thèmes sont également disponibles.
Blogotext est disponible à cette adresse : Blogotext, le moteur de blog simple.

Pour l'installer, c'est très simple : téléchargez l'archive blogotext.7z sur le lien précédent, décompressez le avec un logiciel comme 7-Zip puis envoyez les dossiers sur votre site grâce à la cnnexion FTP à votre espace d'hébergement.
Un tutoriel plus complet est disponible ici : Aide - Blogotext
Vous avez installé Blogotext. Si vous pouvez vous connecter, vous pouvez créer des articles, les publier et ils seront lisibles par tout le monde.
C'est tout ce que j'ai a dire : vous pouvez écrire articles, parle de votre site à vos amis ou le présenter sur les forums, etc.
Vous pouvez publier ce que vous voulez. Surtout, gardez en tête que vous avez le droit de bloguer et de dire tout ce que vous voulez (sauf des insultes, évidement). Et n'hésitez pas non plus à publier.
Je me permet de vous redonnez le Guide du blogueur détendu. Ce sont les règles d'or pour bloguer l'esprit tranquille.
Évidement, je pars du principe que vous voulez bloguer pour le plaisir (comme moi, ou comme l'auteur de ce guide). Vous pouvez très bien ouvrir un blog professionel, pour votre entreprise ou une autre raison. Dans ce cas, certains points peuvent ne pas s'appliquer. C'est à vous de voir : vous êtes libre de faire ce que vous voulez.
Voici quelques liens que vous pouvez lire si vous voulez :
Cette partie, destinée à vous présenter un peu le bloging et comment ouvrir un blog touche à sa fin. La partie qui suit sera consacrée à la méthode pour créer un site web personnel.
Vous verez qu'il faut apprendre à coder en HTML et en CSS, pour pouvoir faire des pages web sans passer par votre blog (comme la page que vous êtes en train de lire : j'ai bien un blog, mais cette page est totalement indépendante.
- - un site - apprendre le HTML / PHP - coder proprement - coder pour tous les navigateurs (pas juste IE ou jute Firefox) - les erreurs courantes à ne plus faire en codage - en HTML -> Oui, les images DOIVENT avoir un attribut ALT. et il faut mettre une taille et une largeur (obligé) : sinon c'est chiant à charger et ça ralentit le chargement - en PHP -> mettre htmlspecialchars() sur tout ce qui vient de l'utilisateur : GET, POST mais également les COOKIES, SERVER, etc. - en CSS -> les couleurs "mots" sont au nombre de 16 uniquement !! (Et pour le gris, c'est "gray" pas "grey", même si ce deerneir marche -> il n'y a pas d'ordre pour les "border" -> Ne pas utiliser les WEBKIT, mais le KHTML marche aussi, et est plus large -> dans les dimensions d'une boîte, les "padding", border et margin sont à l'extérieur (ils s'ajoutent) au "width". - en JS -> ne pas mettre de majuscules dans les OnHover et OnSubmit. - les erreurs à ne pas faire (lien mon tuto CCM) - premiers pas - arriver sur le net - respecter le lecteur : c'est lui qui décide, n'imposez rien (popup…) - découvrir les lecteurs - proposer le site aux moteurs de recherche - commencer à publier - publicité ? - guide du blogeur détendu (?) ? toujours avoir ça en tête ! - ce qu'on bon site est - du bon contenu - truc à faire pour son site - dans la forme - date des articles - lien des articles - lien "retour" (toujours) - page de contact !!! - page "à propos" - choisir une licence (CC ?) - flux rss ? (pratique) - plan du site - truc à ne jamais faire - popup - supprimer des pages (au pire rediriger) - dans la forme - erreurs JS (ne ps utiliser JS pour n'importe quoi) - erreurs CSS (respecter le code des couleurs, code propre, etc) - virer les menus fixes, images de 3Mo…) - virer les services externes - ne pas surcharger - faire de son site son portail sur le net - on peut tout y faire ! - links - héberger des images / média (attention à pas publier n'importe quoi) (protéger des pages par mots de passe) - mail / rss / - faire régulièrement des back-up. - via ftp ?
Page crée en septembre 2011
Dernière mise à jour le dimanche 28 octobre 2012
Adresse de la page : http://lehollandaisvolant.net/tuto/begin/