La conception du site.
C'est personnellement l'étape que je préfère. C'est celle qui permet à votre esprit créatif de donner le meilleur de lui même. Il s'agit ici de donner forme à ce qui vous trotte dans la tête. Cela va du choix des couleurs à la mise en page en passant par le choix des polices d'écriture et j'en passe.
Pour cela, tant que vous ne maitriserez pas les langages de programmation applicables à la création de site web aussi bien que votre langue maternelle, vous aurez besoin de quelques logiciels. Tout d'abord un logiciel de dessin. Celui-ci vous permettra de créer l'aspect esthétique du site, de le rendre attrayant, coloré, harmonieux. Le second type de logiciel auquel vous aurez probablement recours est appelé "WYSIWYG" pour "what you see is what you get". Ces logiciels vous permettent de voir en temps réel le résultat de votre production de code. Ils sont très utiles pour placer les images, les menus, les paragraphes de texte à la place que vous leur destinerez sur la page.
Que ce soit pour le dessin ou le codage, il existe de très nombreux logiciels mais comme vous devez vous en douter, les meilleurs sont payants (et chers!). Toutefois, il est parfaitement possible de concevoir un site magnifique avec des logiciels gratuits.
Je vais énumérer ici rapidement les différentes étapes nécessaires à la conception d'un site internet. Je rentrerai plus dans le détail dans la rubrique "conception".
1- Avant d'allumer votre ordinateur, essayez donc d'élaborer un plan sur papier. Ce conseil est valable si vous prévoyez de céer un site de taille imposante avec de nombreuses pages. Le plan vous permettra de positionner sur le papier les différentes pages et les liens les unissant les unes avec les autres. Je vous promets que cela peut se révéler très utile par la suite, quand vous serez perdu entre quinze pages en cours. Le plan, c'est le préalable à toute construction, comme dans le BTP.
2- Apprivoiser votre logiciel WYSIWYG. Bien que de nature plutôt conciliante en général, le wysiwyg peut se révéler assez revèche par moment. Il vous faudra accepter de tâtonner quelques heures avant d'acquérir les automatismes nécessaires à la conception d'une page ésthétiquement réussie mais surtout fonctionnelle sous tous les navigateurs (et je vous promets que ce n'est pas une partie de plaisir). La meilleure façon d'apprendre étant la pratique, amusez-vous donc à enregistrer des sites qui vous plaisent sur votre disque dur, à les ouvrir avec votre logiciel puis à en analyser et à en modifier le code pour comprendre comment il est bâti.
3- Apprivoiser votre logiciel de dessin. Comme précédemment, il faudra compter sur quelques heures d'apprentissage et de tâtonnement avant de produire de documents graphiques de qualité pour agrémenter vos pages web.
4- La réalisation de l'accueil. Une fois que vous aurez les logiciels en main, votre première page sera la page d'accueil, nommée par convention "index.html". Vous en choisirez la résolution (la taille d'affichage par défaut), l'organisation générale, les teintes dominantes. Elle se compose d'une entête (header), d'un corps de page équipé d'un ou plusieurs menus et d'un pied de page (footer) où figurent en général les mentions légales, les adresses de contact. Toutes les autres pages seront composées peu ou prou de la même manière. Il n'est d'ailleurs pas rare qu'on reprenne la page d'accueil pour créer les autre pages en en changeant simplement le corps et éventuellement les menus.
5- Une fois la trame de la page d'accueil conçue, il vous faudra créer l'entête ou la bannière. C'est ici qu'interviennent les logiciels de dessin. La bannière est en quelque sorte l'enseigne de votre magasin. C'est elle qui apporte la première impression. Je vous conseille donc de la soigner.
6- Remplir les trous. Bon! Vous avez la bannière, l'architecture générale de votre page d'accueil et vous savez de quoi vous allez parler. A présent, il va vous falloir la remplir cette première page. Toujours avec l'aide de votre fidèle compagnon WYSIWYG, vous devrez placer la bannière en haut (enfin libre à vous de la placer où bon vous semble), les menus sur les côtés (ou ailleurs), développer votre propos dans le corps du texte et remplir le pied de page.
7- Il ne vous reste plus qu'à reproduire le processus pour toutes les autres pages et ensuite à les lier entre elles.
Sur votre disque dur, le site web ressemble à un répertoire comme les autres dans lequel se trouvent la page d'accueil (l'index), les autres pages au format .html ainsi que tous les autre fichiers nécessaires à l'affichage correct de la page.
Petit conseil: A mon sens, la qualité d'un site est un équilibre subtil entre une esthétique soignée et un propos clair et précis. Je vous conseille donc de ne délaisser aucun des deux aspects.
Une fois le site conçu, il va falloir trouver quelqu'un qui acceptera de l'accueillir et de l'exposer pour vous. Cela s'appelle un hébergeur.
