Créer son site web
Nous allons voir ici les grandes étapes pour créer son site web. Nous n’entrerons pas dans les détails, libre à chacun d’approfondir les notions vues ici…
L’idée
C’est l’étape n° 0. Il est évident qu’avant de se lancer dans la création d’un site web, il faut avoir une idée, savoir de quoi on va parler. Par « idée », il faut entendre le thème de son site web, ou bien ce qui va faire que son site web se démarque des autres.
Un peu de réflexion
Comme pour toute création, la réalisation d’un site web passe avant tout par une phase très importante de réflexion, de conception. C’est la première étape. Il faut notamment se poser les questions suivantes :
- Quel sera le contenu présent sur le site
- Comment sera accessible ce contenu (ergonomie et navigation dans le site)
- Quel sera la présentation du site (design)
- Quel sera le nom du site (nom de domaine)
- Quelle sera la fréquence de mise à jour du site
La réflexion sur ces différents points doit déjà permettre d’avoir une meilleure vision de son site, du résultat que l’on va s’efforcer d’obtenir. Il peut être utile durant cette phase de dessiner un plan du site et également de créer des templates graphiques de certaines pages importantes comme la page d’accueil. Si le graphisme n’est pas votre point fort, sachez que certain sites proposent des modèles de pages gratuites à télécharger. Vous pouvez également jeter un coup d’oeil aux 20 règles pour réussir son web design.
Le développement
Les sites web sont constitués de plusieurs pages liées les unes aux autres. Ces pages sont écrites en HTML (ou XHTML) et la mise en forme de la page sera décrite dans la feuille de style CSS associée. Exemple très sommaire de code HTML :
<html>
<body>
<p>
Bonjour, ceci est une page web !
</p>
</body>
</html>
On remarque qu’une page web est constituée de balises ouvrantes et fermantes. La balise <p> défini par exemple un paragraphe et </p> signale la fin du paragraphe.
C’est le navigateur web qui interprète le langage HTML et affiche la page telle qu’on la voit. Vous pouvez écrire une page web à partir de n’importe quel éditeur de texte, mais il existe des éditeurs spécialisés qui colorent la synthax de votre code comme notepad++. Il existe également des éditeurs dits WYSIWYG, qui permettent de créer des sites web sans même mettre les mains dans le code, juste de façon visuelle. Ces éditeurs peuvent être très pratiques en utilisation combinée (mode code, mode wysiwyg), mais il faut faire attention au code généré, il ne respecte pas souvent les standards du web.
Si votre site sera constitué de plusieurs pages, vous serrez probablement amenés à développer des pages dynamiques c’est-à-dire dont le contenu change en fonction de variables. Pour cela il faudra vous pencher vers des technologies “n-tiers” comme le php ou l’asp. Vous pourrez écrire à l’aide de ces langages des scripts ou programmes qui seront exécutés coté serveur et permettront de modifier la structure ou le contenu d’une page web avant même qu’elle soit envoyée au navigateur du visiteur.
Le langage javascript quand à lui s’exécute coté client, c’est-à-dire sur le navigateur du visiteur. Ce langage permet d’obtenir des pages dynamiques visuellement cette fois ci. Vous pourrez par exemple faire apparaître ou disparaitre des éléments ou encore afficher des messages d’alerte.
Récapitulatif des notions à assimiler :
- (X)HTML et CSS (c’est vraiment la base)
- PHP (ou ASP)
- Javascript
Si vous voulez obtenir un site très visuel, alors oubliez en partie ce que vous venez de lire et tournez vous vers le flash. Flash permet de créer des animations et des effets quasiment illimités au survol de la souris par exemple. Les inconvénients du flash sont qu’il est peut être plus difficile à prendre en main que le langage html, qu’il faut que le plugin soit installé sur le navigateur des vos visiteurs - ce qui peut poser notamment des problèmes d’accessibilité. Il se peut également qu’un site full flash soit plus dure à mettre à jour.
Je ne veux pas programmer !
Si vous ne souhaitez pas mettre les mains dans le code, il existe des solutions assez performantes de gestion de contenu : les CMS ou encore les plateformes de blog, qui permettent d’obtenir de vrais sites web complets et faciles à mettre à jour. Rentabiliser.biz par exemple est basé sur la plateforme Wordpress. L’avantage de ces outils et qu’ils sont dotés d’une console d’administration (accessible à un ou plusieurs utilisateurs). Il vous suffit donc d’un accès à internet pour écrire ou modifier une page web ou encore pour modifier l’aspect de votre site. Solutions très intéressantes selon vos besoins, et très “web 2.0″ !
Le nom de domaine
Vous avez trouvé un nom pour votre site ? Déposez dès maintenant le nom de domaine. Vous pouvez déjà vérifier ici qu’il n’est pas déjà pris.
L’hébergement
Héberger son site c’est le mettre sur un serveur pour qu’il soit accessible à tout le monde via Internet. De (très) nombreuses solutions existent sur internet. Il faudra choisir son hébergement en fonction de la taille de votre site, mais aussi en fonction du trafic que recevra votre site. Plus vous aurrez de visiteurs et plus il vous faudra de bande passante, et donc plus ce sera cher). Si vous ne savez que prendre, prenez la plus petite offre. En effet un hébergeur sérieux pourra faire évoluer votre hébergement vers une solution supérieure s’il le faut.