Préparation d'un projet (partie 1)

Pour commencer un site web il faut au préalablement avoir fait une préparation sur une simple feuille de papier.

Voici les étapes pour une bonne préparation:

1. Etablir un contenu précis, tel que le titre du site, le thème
2. Faire un schéma de sa structure, de la page principale aux sous pages
3. Le design (apparence que va avoir votre site) et les couleurs principales.
   Essayer de ne pas avoir plus de 5 couleurs différentes pour le thème.

Il faut aussi définir le type de langage que vous allez utiliser.

• Si votre site ne contient pas de données mais que du texte brut, utilisé alors le HTML.
• Si votre site contient des données dynamiques (variables), utilisé alors le PHP/MySQL.

Etape 1 - Le But

Pour cette étape il faut donc avoir un titre accrocheur qui résume au mieux votre projet et le plus simple possible.

Dans la page principale il faut, insérer le plus de mots directeurs qui résume au mieux votre activité.
Cela servira plus tard pour un bon référencement.

N'oubliez pas que votre page principale sera la plus visitée, alors présentez au mieux celle-ci afin que les internautes aient rapidement un aperçu du contenu du site.

Etape 2 - La Structure

La structure d'un site est une étape importante, car c'est la que vous allez définir le nombres de pages et de sous pages que vous allez créer.

Voici un schéma simple d'une structure, Ainsi on pourra définir les liens de chaque rubrique.

Dans notre exemple, 4 liens partiront de la page principale vers les rubriques 1, 2, 3 et 4.

Etape 3 - Le Design

Cette étape est la plus dure a réaliser, car l'aspect d'un site est un chose importante, pour que les internautes se sentent bien et que ses interfaces soient conviviales.

Comme pour la structure il faut établir un croquis sur une feuille de papier

Nous allons prendre un design simple.

Nous utiliserons ici : 4 couleurs principales pour les fonds. - cadre titre bleu (#0068B4) - cadre menu vert foncé (#88C065) - cadre page vert (#AFD394) - cadre copyright marron (#CDBCA3) Une police Arial de taille 24 pixels pour le titre Une police Arial de taille 13 pixels pour le menu Une police Arial de taille 12 pixels pour le texte global

Passons à l'étape suivante Suite du Cours