Avant de s'aventurer dans la création d’un site Web, la première étape indispensable consiste à analyser les besoins et la pertinence de votre projet. Une phase de réflexion préliminaire permettra ainsi de définir le public cible et le contenu de votre site. Construire son cahier des charges, faire l'inventaire des ressources, définir la structure du site et enfin penser à mettre en place une charte graphique attractive et adaptée...tels sont les enjeux de l'étape réflexion !

1. Définir le cahier des charges
Etablir le cahier des charges, c'est se poser toutes les bonnes questions sur le projet lui-même et sur les outils que l'on va être amené à utiliser.
Il s'agit de définir ce que vous voulez mettre sur votre site :
• Esquissez le plan de votre site, cela vous permettra de structurer son contenu. Vous pouvez d'ores et déjà penser en terme de section/catégorie/article (rubrique/sous-rubrique/article).
• Quelles fonctionnalités pour votre site ? Vous envisagez une newsletter, des sondages, un album photo etc. Faites un inventaire des fonctionnalités désirées qui nécessitent souvent de télécharger des extensions joomla.
• Enfin, il y a le template (charte graphique), qui n'est autre que la vitrine de votre commune.

2. Inventaire des ressources

2.1 Ressources informationnelles
Faire l’inventaire des ressources informationnelles (textuelles et graphiques) que vous souhaitez diffuser, en fonction des objectifs fixés et de la cible visée. Identifier dans le même temps les éléments manquants afin de prévoir leur conception.

2.2 Ressources humaines
Repérer les personnes-ressources. Essayez d’identifier dès le départ les personnes-ressources qui pourront vous épauler au cours de la réalisation de votre projet. L'idéal étant de réunir une "équipe projet" qui permettra de mener à bien la mise en place de votre site. Elle est composée au moins d'un chef de projet (Elu/DGS),
d'un webmaster qui pourra mettre en application les orientations de l'équipe projet, d'un ou plusieurs rédacteurs chargés du contenu éditorial, d'un webdesigner
qui mettra en place la charte graphique (cre@tic), d'un ou plusieurs "beta-testeur" pour s'assurer que tout fonctionne correctement.
La production de contenu est extrêmement chrono-phage : réunir les informations à mettre en ligne, s'assurer de l'homogénéité de la ligne éditoriale, prendre des clichés photographiques, animer la page d'accueil, organiser, trier etc. Il convient de désigner un webmaster pour assurer la mise en ligne de contenu, et surtout de lui dégager du temps pour réaliser toutes ces opérations.

2.3 Ressources technologiques
Faire l’inventaire des ressources technologiques à votre disposition pour mettre en place votre site (cms, visuels et photos de la commune, géolocalisation etc...).

2.4 Ressources en temps
La conception et le développement d’un site Web exigent un investissement en temps très important. De nombreux projets sont ainsi abandonnés du fait que leur concepteur n’avait pas évalué l’importance de la charge temporelle exigée par ce type de projet.
Voici comment se répartissent en général les différentes phases de création d’un site :
• Analyse du besoin : 10 % du temps.
• Structuration des contenus, définition de la charte graphique et de la navigation, phase la plus importante et la plus considérable : 45 % du temps.
• Réalisation : 35 % du temps.
• Expérimentation : 10 % du temps.
Votre site internet doit être vivant... La mise en ligne de contenu doit se faire quotidiennement, il est important de prévoir du temps pour les mises à jour et pour l'animation globale du site (2 à 3 heures par jour au minimum).

3. Définir la structure du site
Vous devrez ensuite définir la manière dont l'information sera répartie dans les diverses pages de votre site et la façon dont l'internaute pourra se déplacer à l'intérieur du site.
Dessiner le plan du site sous la forme d'un organigramme. Chaque page sera représentée sous la forme d'un rectangle et chaque lien par une flèche.

Il existe plusieurs manières de structurer un site.

3.1 Structure séquentielle ou linéaire
Elle ne reflète pas vraiment la notion hypertexte car elle reste dans sa conception très linéaire. Les liens sont établis pour que le lecteur avance de page
en page du début jusqu'à la fin. Un retour vers le sommaire est disponible depuis chaque page.

3.2 Structure en étoile
Une page centrale assure la distribution de l'information à travers des allers-retours permanents.

3.3 Structure arborescente
L'information est organisée pour aller du plus général vers le plus spécifique.

3.4 Structure transversale
Ce type de structure est très lourd à mettre en place car il offre une multitude de choix tant pour le concepteur que pour l'utilisateur.
C'est l'exemple du dictionnaire où chaque mot d'une définition renvoie à une autre définition.
Tous les nœuds laissent la possibilité de rejoindre chacun des autres nœuds.

3.5 Combinaison de différentes structures
En fonction des sujets traités par le site, plusieurs types de structures peuvent être imbriqués à l’intérieur d’un même site.

Quelques conseils :
• L'interface de navigation doit être simple à comprendre, facile à mémoriser et offrir une orientation vers l'information cherchée.
• Une façon simple de permettre à l’utilisateur d'avoir accès à toutes les rubriques est d'insérer dans chaque page du site, une barre de navigation.
• Tout au long de la visite dans le site, on doit pouvoir à tout moment revenir à la page d'accueil.
• Des titres et sous-titres clairs permettent aux visiteurs de se repérer.

4. Le design
Il s'agit ici de définir la charte graphique de votre site. Elle sera l'image que vous souhaitez véhiculer, la vitrine de votre site qui sera aussi la vitrine de votre commune. Vous devrez définir l'aspect du site : mise en page, typographie, titre, texte et emplacement des éléments graphiques. Dessiner une page type du site.

Quelques conseils :
• L’aspect visuel du site doit être homogène.
• La couleur de fond doit être contrastée par rapport à la couleur du texte et des
images : Idéalement, une typographie foncée sur un fond clair produit moins de fatigue visuelle. Le fond d’écran ne doit pas comporter trop de relief ou de dessin pour ne pas nuire à la lecture.
• La couleur et la police des caractères du texte doivent être suffisamment contrastées pour permettre une bonne lecture.
• Le graphisme doit mettre en valeur le contenu (évitez tout ce qui peut détourner l’attention du visiteur : couleurs criardes, fonds d’écrans surchargés,
titres envahissants, etc.).
• Les caractères gras, souligné et italique doivent être utilisés avec circonspection :
Le gras sera préféré aux majuscules pour mettre en évidence un élément,
car il est plus facile à lire et les majuscules signifient CRIER sur Internet.
L'italique amoindrit la lisibilité du texte.
• Les polices de caractères doivent faciliter la lecture : Un maximum de trois polices de caractères devrait être utilisé afin de conserver l'harmonie visuelle des pages-écrans.
Les polices à privilégier sont celles sans empattement comme Helvetica, Verdana et Arial (par opposition au Times New Roman par exemple qui est une police avec empattement), d'une taille d'au moins 10 points.
• Les pages ne doivent pas être trop chargées en texte et en illustrations : la mise en page doit être aérée.
• La mise en page doit faciliter le repérage de l’information et la navigation :
Il est possible de disposer un texte de plusieurs façons dans une page-écran.
On peut l'afficher à la grandeur de l'écran, le disposer en tableau ou le structurer dans un environnement par cadre, mais toujours dans un objectif de lisibilité.
Il est souhaitable de respecter certaines règles de base : Ne jamais faire des colonnes de type journal, éviter les textes trop larges qui nécessitent les déplacements horizontaux de la barre de défilement, éviter les mots clignotants dans un texte, etc.

Les règles graphiques et typographiques définies dans la charte graphique doivent faciliter la lecture du contenu ainsi que la cohérence et l'homogénéité des pages et articles de votre site. Éviter la multiplication des styles et des polices utilisés.
Hiérarchiser l'information sur la page par :
• La couleur des titres (classement thématique, rubriques...)
• Les niveaux de titres (rubriques, sous rubriques, intertitres...)
• Les liens (couleur et sens).

Éviter les fonds texturés qui gênent la lecture.
N'hésitez pas à aller voir sur le web comment les autres communes ont géré leur image...

Trouvez des idées, des couleurs, des ambiances qui semblent correspondre à l'image que vous voulez diffuser...
Rassemblez images, photos et autres médias que vous souhaitez faire apparaître sur votre site...et contactez cre@tic ( Cette adresse email est protégée contre les robots des spammeurs, vous devez activer Javascript pour la voir. Cette adresse e-mail est protégée contre les robots des spammeurs, vous devez activer Javascript pour la voir. – Cette adresse email est protégée contre les robots des spammeurs, vous devez activer Javascript pour la voir. Cette adresse e-mail est protégée contre les robots des spammeurs, vous devez activer Javascript pour la voir. ) pour la réalisation graphique et technique !

4.1 Rechercher les ressources
Réunir tous les éléments dont vous aurez besoin pour réaliser le site : textes, illustrations, boutons, fonds d'écran, etc.
NB : La plupart des ressources sont disponibles sur le web. Il convient toutefois de s'assurer qu'elles sont libres de droit en consultant le copyright du site ou en contactant l'auteur.