Vous travaillez comme commercial(e) au sein de la société « L’échansonne », caviste et distributeur de vins locaux sur abonnement.

Cette unité commerciale est forte d’un portefeuille de 220 clients répartis dans toute la région Languedoc-Roussillon. Chaque mois, le client se voit livrer deux bouteilles de la sélection du sommelier, accompagnées de fiches descriptives des vins et de recettes de cuisines leur correspondant. Ce côté « pédagogique » est une des raisons du succès de cette entreprise.

Le client peut alors, puisqu’il a pu les goûter, commander ces vins en plus grande quantité. Comme le besoin d’informations augmentait, la société a décidé de créer un site Web comprenant une page d'accueil, deux pages de descriptions de l'entreprise et de formules d'abonnement, ainsi que toutes les fiches des vins proposés accompagnées de leurs recettes.
Aujourd’hui, l’Echansonne souhaite définir sa charte graphique et créer son site afin de lui donner une image d’authenticité « produits du terroir » et de dynamisme (jeune société, seule à proposer les meilleurs vins de région sur abonnement). Il conviendra en outre de mettre en ligne ce site.

Connaissant vos compétences en informatique, le directeur vous propose de prendre en charge l’ensemble des étapes de création et de publication Web en utilisant le logiciel FrontPage.

Il vous demande d’effectuer les tâches suivantes :

     1 - Élaborer une charte graphique
     2 - Collectionner les objets graphiques afin de constituer une iconographie
     3 - Élaborer une page d’accueil fidèle à l’identité visuelle de l’entreprise
     4 - Inclure des éléments de publicité (Bandeau, annonces, promotions)
     5 - Construire les liens vers les deux autres pages de ce site vitrine
     6 - Proposer un schéma simple de mise à jour des fiches et recettes
     7 - Procéder à des tests dits « zéros_bugs »
     8 - Ouvrir un compte chez un hébergeur
     9 - Paramétrer l’éditeur HTML
    10 - Mettre en ligne les pages
    11 - Contrôler par connexion à Internet le fonctionnement du site
    12 - Concevoir un formulaire d’inscription en ligne pour les clients
  

Regardez bien cette petite image : L’esprit de ce que l’on veut représenter y est présent. La générosité et l’abondance des grappes, les vieux fûts en chêne qui marquent l’authenticité et la qualité, le vert comme couleur complémentaire du rouge pour réhausser et dynamiser l’accueil, la sobriété générale …
Nous sommes bien en présence d'une identité d'entreprise, et votre recherche doit conduire à écrire une série de préconisations pour le respecter. 

Le premier travail consiste à décrire par écrit et précisément l’identité visuelle de l’entreprise (décrivez ce que vous allez mettre en valeur). Cela s'écrit à l'aide d'un traitement de textes et formera votre guide. Nous sommes dans une phase de recherche et pas encore dans la création proprement dite.

Vous ouvrez un document vierge sous traitement de textes et rédigez une charte graphique, c'est-à dire que vous précisez l'ensemble des éléments que vous allez utiliser pour respecter l'image de l'entreprise que vous représentez.

- La page d’accueil : vous décrivez en détail les grands points de structure de votre site.
                                 où est le logo, comment sont disposés les menus, de quelles illustrations avez-vous besoin
- L’en-tête : Il s'agit du libellé de l'entreprise, de son logo et de l'image instantanée que l'on souhaite donner.
- Les menus : combien d'intitulés, quels libellés ...
- Les liens : distinguez les liens internes (vers les pages de votre site) des liens externes (vers d'autres sites).
- Les images : lesquelles, pourquoi, dans quel répertoire ...
- Les puces et boutons : montrez les modèles (voir le répertoire "Images") et justifiez votre choix.
- Les couleurs : Appliquez les grandes règles chromatiques, par exemple évitez plus de trois couleurs dans la
                        définition des polices et des fonds, et jouez avec les couleurs complémentaires
                        (faites une recherche sur Internet)
- Les polices : Utilisez une seule police et faites la varier en taille et artifices (gras, italiques ...)
- L’ergonomie générale : (on va créer des liens vers d'autres sites et deux liens internes)

>> Pour vous aider dans la rédaction de ce document-clé, vous pouvez accéder au document « structure.htm » et au répertoire " Images"

                    
 

L'illustration graphique obéit tout d'abord aux exigences décrites dans la définition que vous venez de faire de la charte graphique

Travail à faire :
Vous avez toute liberté pour utiliser quelques-unes de ces nombreuses images ou pour en chercher d’autres sur Internet, mais toujours dans l’esprit de la charte que vous venez de développer. La richesse de votre illustration est un atout essentiel du sentiment de participation immédiate ou du rejet de votre page d'accueil.
La constitution préalable d'une iconographie se justifie par :
- Le confort de création accru car tout sera disponible au moment de la construction.
- On n'a pas le temps de demander des autorisations alors qu'on est en création, vous devez le faire maintenant : ne mélangeons pas les tâches.

► Documents : Le répertoire « Image ». Regardez toutes ces images, ajoutez-en quelques-unes que vous trouverez sur Internet.

Une fois que vous avez collectionné toutes vos illustration dans un répertoire "Images", vous êtes prêts à ouvrir Frontpage pour élaborer votre site.

  
 

1.

haut de page

2.

haut de page

3.

haut de page

4.

haut de page

5.

6.

Résultat attendu

Ces exemples ont été développés avec FrontPage 2003 : une autre version ou un autre logiciel ne remettent pas en cause la démarche

Le logiciel Frontpage Express est téléchargeable gratuitement à l'adresse suivante :

http://www.memoclic.com/divers/download/telecharge38.php

Une fois téléchargé, vous le trouverez dans c:\program files\microsoft frontpage express

  Format Word        |         Imprimer la page      |      Accéder au glossaire      |      Haut de la page