Conception de site et cahier des charges

les tapes, questions se poser, arborescence



Etapes :

  • Projet : cahier des charges objectifs, contenu
    • Rflexion sur l'objectif du site, sa cible, sa rentabilit, les moyens financiers engager...
    • Rflexion sur l'autonomie souhaite et le type de moyens humains pour faire la mise jour
    • Rflexion sur le contenu : pages, services attendus, principes de navigation
  • Mise en uvre : cahier des charges - domaine , hbergeur, CMS
    • Dpt d'un nom de domaine. (ladresse web laquelle le site est accessible) ;
    • Choix d'un hbergeur.
    • Choix et installation d'un Systme de gestion de contenu (exemples : SPIP, TYPO3, Drupal, Joomla, Wiki, Wordpress,...) ou d'un diteur de site Web de type WYSIWYG (exemples : NVU, KompoZer crayon, Webself, iziSpot, Adobe Dreamweaver, phpDesigner, Microsoft FrontPage crayon, ou texte (exemples : Bluefish, Emacs, Notepad++...).
  • Conception : cahier des charges laboration de la structure (arborescence), du contenu des pages web et de la prsentation ;
    • tablissement d'une structure de pages HTML ou XHTML.
    • Dfinition d'une arborescence
    • Mise au point d'une charte graphique
    • Mise au point d'une charte ditoriale.
  • Ralisation : cration d'une interface web (aussi appel design web) ; intgration du site web l'aide de diffrents langages de programmation. Les principaux sont HTML, CSS, JavaScript crayon, Php, ASP.NET ; sera souvent inclus dans cette tape la mise en place du site web dans un Systme de gestion de contenu (CMS) ;
    • Cration de pages via le Systme de gestion de contenu ou l'diteur.
    • Les pages peuvent tre cres individuellement ou reposer sur un systme de gabarits.
    • Mise en place de la charte graphique. Pour bien sparer la structure de la prsentation, les feuilles de styles CSS sont utilises.
    • ventuels dveloppements dynamiques (formulaire, services, etc.)
      • dans certains cas, la conception de campagnes de rfrencement naturel (Netlinking) ou payantes (Google Adwords, Microsoft Adcenter, ou autres).
  • Suivi :

  • Recette du site (Test d'acceptation ) une fois prt.

  • Publication / Lancement du site : mise en ligne des fichiers sur un serveur web (si tape de cration en local)

  • Annonce. Faire connatre le site peut se faire par plusieurs leviers : annonce, publicit, inscription dans des annuaires...

  • Maintenance (nouveaux contenus, corrections, amlioration continue de la qualit).

La cration d'un site peut tre confie une agence web ou faite soi-mme. Si la cration est confie une agence web il est important en amont d'avoir dfini un premier cadrage ou cahier des charges du projet. Pour dvelopper un site web soi-mme, il est possible d'utiliser un diteur de pages web ; pour les dveloppeurs web avertis, un simple diteur de texte peut suffire. On peut aussi avoir recours un systme de gestion de contenu.
voir aussi :


  • Questionnaire cahier des charges

Conception du contenu

  • Arborescence d'un site associatif public

dito (sur la page d'accueil)
certaines pages sont amene ne pas trop voluer (prsentation - activits)
et d'autres voluer (news, agenda, documentation)

  • Info

  • actu / news ( de son asso, de son domaine d'activit et des autres asso)

  • agenda / calendrier / programation ( de son asso, de son domaine d'activit)

  • Prsentation - qui sommes nous ?

  • Association - projet associatif

  • Equipe, bnvole, membres, partenaires, rseaux

  • vie associative, Compte-rendu AG et runions,

  • bilans d'activits - chiffres clfs

  • adhrer - statuts - RI - faire un don

  • activit

  • activit 1

  • activit 2

  • activit 3

  • ressources / documentation sur son domaine d'activit

  • thme 1

  • thme 2

  • Participer

  • Adhrer

  • Contribuer, guide du bnvolat

  • Communiquer,

  • Donnez votre avis,

  • Faite un don

  • Contacts

menu bas de pages

  • contact

  • crdit

  • mentions lgales

  • plan

  • Syndication

  • Mots clefs

suggestion :
autres rubrique possibles :

  • revue de presse

  • livre d'or

  • logos - outils de communication

  • nos ralisations

  • nos membres

  • participer, adhrer, faire un don

  • Mots clefs

  • Liens

  • liens amis

  • Images

  • Arborescence d'un site associatif type intranet

penser dfinir l'acces au qui : qui y a acces en lectire ? en criture ? en gnral : salari + CA , prvoir un autre outils pour les bnvoles

  • News - actu ( interne + de son asso)

  • Agenda interne (prochaine runion) (si gros prvoir un outils spcifique)

  • Runion - Compte-rendu -

  • Activits - Bilan d'activits - Projets en cours

  • Finances - Budgets - Subvention -

  • Adhsion - liste des membres, des bnvoles - Guide bu bnvole

  • Groupe de travail

  • Fonctionnement - qui fait quoi - Equipe salari - CA - Statuts - RI - plaquette

  • Annuaires - principaux contacts (si gros prvoir un outils spcifique)

  • Procdures - outils (pad, date,..)

  • Photos - Mdias (si gros prvoir un outils spcifique)

  • Lettre d'information associative - principaux contenus

(on peut la gnrer partir du site)

  • Edito

  • Actu / news ( de son asso, projet en cours, de son domaine d'activit et des autres asso) => issu du site

  • Agenda / calendrier / programation /runions => issu du site

  • Derniers articles du site => issu du site

  • Votre avis

  • Votre contribution : proposition de particpation

images libre de droit ou gratuite pour le site

  • Comment trouver des images







  • images libres ou licence de rutilisation






  • http://www.wylio.com/ nous mche le travail en proposant des photos issues de fickr, possdant une licence de rutilisation





  • Veezle est une banque d'images proposant sur la forme d'un moteur de recherche simple d'utilisation ou par "collection d'images".

  • banque d'images




Il n'y a pas de commentaire sur cette page. [Afficher commentaires/formulaire]