Rapport de stage STIVEL domaine textile

...

La réalisation du site Web de la Société a été effectuée sur un ordinateur DELL inspirons contient un système d’exploitation Windows 7 avec les logiciel « Adobe DREAMWEAVER CS3 »

et «Adobe Photoshop CS5»

- Adobe Dreamweaver :

Dreamweaver est un logiciel de création de site web en mode WYSIWYG (What-You-See-Is-What-You-Get). Ce logiciel permet de créer et gérer son site à l’aide d’une interface avancée. Grace au succès de son interface de mise en page visuelle .Dreamweaver était déjà considéré comme le numéro un des éditeurs HTML, Sa nouvelle mouture lui permet de développer des sites dynamiques avec la même facilité .Dreamweaver constitue une véritable plate-forme de développement d’application web intégrant de puissantes applications dynamiques. [pic 1]

- Adobe Photoshop :

Photoshop est un logiciel de retouche, de traitement et de dessin assisté par ordinateur édité par adobe. Il est principalement utilité par le traitement de photographies numériques, mais sert également à la création d’images. Il est Reconnu aussi par les infographistes professionnels à travers sa puissante galerie des filtres et d’outils graphiques performants .Il est maintenant enseignée dans les plus grandes écoles, et utilisé par une grande majorité des studios et agences de créations.[pic 2]

3. Critiques de l’existant

- Consignes générales

- Il faudrait que l’utilisateur puisse accéder à l’information de la société qu’il recherche : c’est pour cela que la page d’accueil du site présente directement l’activité de la société.

[pic 3]

- Il faudrait disposer l’information de telle sorte que l’utilisateur puisse se faire une idée de tout ce qui existe sur le site en un coup d’œil, qu’il puisse ainsi s’orienter graphiquement et spatialement pour commencer sa visite.

- Il faudrait respecter sur tout le site une sobriété esthétique et éviter « tout » superflu ralentissant le temps de téléchargement d’une page : le fond des pages sera gris.

- Problèmes rencontrés

Un problème s’est posé concernant l’identité de personnel: faut-il répéter la fiche d’identité du personnel plusieurs fois dans le site, c’est-à-dire à chaque fois qu’apparaît le nom d’un d’entre eux ou qu’une seule fois dans une présentation générale ?

La réponse a été apportée par la création de « carte de visite » virtuelle matérialisée par une petite fenêtre qui s’active à chaque fois que l’on clique sur le nom de la personne concernée : cela facilite les mises à jour qui ne se feront dans ce cas là que sur une seule partie.

- Détails de conception :

3.3.1 Conception et réalisation de maquette :

Le design d’une page web est avant tout un acte artistique mettant en œuvre l’inventivité et la création des éléments graphiques d’un site web afin de traduire, à travers une dimension esthétique, l’identité visuelle de la société ou de l’organisation.

Le web design est ainsi un compromis entre une présentation possédant un graphisme séduisant présentant une vitrine virtuelle de l’entreprise et une navigation modérée permettant à l’utilisateur de trouver facilement ce qu’il cherche.

3.3.2 Charte graphique :

On appelle charte graphique le document synthétique récapitulant les règles de présentation des éléments graphiques à fin de définir l’identité visuelle du site. Ainsi, elle définit l’habillement

graphique des différents pages type (accueil, sommaire, page d’informations), notamment les tailles,

les couleurs et apparences des textes, images et boutons du site ainsi que le positionnement relatif

Des objectifs dans la page.

3.3.3 Typographie :

Il est fortement contre-indiqué d’utiliser plus de deux polices sur un site web. Les polices stylisées doivent être utilisées avec parcimonie (pour le titre par exemple) et l’essentiel de la page web devra être réalisées avec une police classique (Arial, Verdana, Helvetica).

Pour une utilisation imprimée traditionnelle, les polices à empattement (serif) facilitent généralement la lecture car les empattements permettent d’accompagner le regard du lecteur.

3.3.4Choix des couleurs :

Il est conseillé de ne pas utiliser plus de trois couleurs différentes dans un site web afin de respecter le critère de sobriété .Le choix des couleurs devra correspondre, le cas échéant, aux couleurs

de l’organisation (notamment aux couleurs du logo) et exprimer une ambiance particulière.

Il existe globalement deux façons principales de choisir des couleurs harmonieuses :

- En choisissant des nuances d’une même couleur, soit des couleurs de même teinte dont les tons sont proche.

- En mêlant des couleurs complémentaires (chaudes et froids), c’est-à-dire des couleurs éloignées sur le diagramme chromatique.

En autre, le choix de la couleur d’arrière-plan est primordial, car un arrière-plan mal choisi peut gêner la lisibilité.

Un bon contraste entre la couleur d’avant-plan et la couleur dominante de l’arrière plan est

nécessaire.

3.3.5 Choix des images :

Les images permettent d’agrémenter un site web et de le rendre plus gai. Né au mois l’abus d’image peut être gêné le confort visuel, ainsi que le chargement des pages.

Les webmasters débutant aiment à égayer leur site avec des animations amusantes glanées sur le web. Dans la mesure du possible il est préférable de s’en passer car elles peuvent éventre le lecteur et car elles donnent un caractère amateur au site.

Le premier rôle de design visuel est de permettre une parfaite identification de site sur lequel on se trouve, et ce même si on n’y arrive