MKLFACTORY

Switch to desktop Register Login

La conception de l’interface graphique

Notre site web doit être bien identifié sur la toile internet avec notre charte graphique caractéristi- que reflétant les activités de l’association, les thèmes abordés et domaines d’intérêt .. etc.
Notre charte graphique est traduite en modèles communément connus sous le nom de templates Joomla.

Pour la réalisation de ce template pour notre site, nous somme parti du modèle JA-Quillaja de joomlart.com car ce modèle a retenu particulièrement notre intention sur le positionnement des mo- dules, mais nous avons réalisé sur ce template beaucoup d’amélioration.

5.6.1. Paramètrage du template :

La dimension de notre template est fixe avec une largeur de 1024x768, car tous les écrans actuels supportent en standard cette résolution, il correspond aussi à résolution des écrans des visiteurs actuels de notre site.
Le menu principal (barre horizontale) utilise un javascript (transmenu) qui déroule verticalement cha- que Rubrique principal du menu (Rallye d’automne...)

5.6.2. Structure du template :

- Intégration au niveau du fichier index.php d’un compte à rebours en javascript pour un décompte à l’approche de nos 3 grands évènements.
- Adaptation et Intégration des éléments de la charte Graphique (Logo, iconographie ...) sont réali- sés avec Photoshop.

- Création d’un bandeau en jpeg sous Photoshop avec la possibilité de remplacer rapidement ce

D13

visuel en fonction de nos évènements.
Modification des styles CSS pour intégrer les couleurs du SAO avec variations possibles du style et des couleurs sur la tête des modules.

Pour réussir cette opération, nous devions maîtriser la structure d’un template pour pouvoir l’analyser dans ses détails et le modifier à notre convenance. C’est l’objectif que je m’ était fixé en tant que webmaster et webdesigner du site .

Le kit graphique sélectionné est maintenant personnalisé. Il est modifié et correspond à l’image que l’on veut véhiculer et faire ressortir l’identité de l’association.

Une copie d’écran de la version édition est disponible figure 2.

Mis à jour le mardi 10 janvier 2012 23:39

Affichages : 895

Design © MKLFACTORY All rights reserved.

Top Desktop version