G E R A R D
BARMARIN
F O R M A T E U R
1.1 Dessinez le schéma heuristique de tout ce qui est en relation avec un site internet (Schéma de départ)
2.1 Cherchez sur la toile
Soyez prêt pour chaque cas à exposer votre point de vue devant la classe.
2.2 Analyser du point de vue de la mise en page, des couleurs etc. les sites:
3.1 Trouvez et comparez les sites des constructeurs automobile quant à
leur approche du public cible :
Aixam, BMW, Renault, FIAT, Aston-Martin, Citroën, Ford, Ferrari, Mercedes,
Chrysler, Volvo, Pontiac, Smart, Skoda, Reva
etc. (cherchez les adresses des sites fait partie de l'exercice si vous
ne trouvez pas, voici les adresses
)
3.2 Définissez d'après-vous le message et la tonalité des sites suivants ? Quels sont les éléments qui vous incitent à opter pour cette réponse?
3.3 Définissez d'après-vous le public cible des sites suivants ? Quels sont les éléments qui vous incitent à opter pour ce public cible ?
4.1 Dessinez de manière grossière et à main levée la structure graphique du site http://www.patisserieyasmina.com et ensuite 'un site web que vous avez choisi ; repérez :
4.2 Comparez les surfaces occupées à l'écran par :
Pour les sites suivants :
www.disney.com *** (Le site n'ayant
pratiquement pas changé, vous pourrez comparez aux chiffrs de Nielsen)
http://www.ebay.com
www.amazon.com
www.bn.com
http://www.bbc.co.uk
http://www.boeing.com
http://www.microsoft.com
http://www.yahoo.com
Utilisez la représentation de Jakob Nielsen ( http://www.useit.com/homepageusability ): colorisez une copie d'écran noir et blanc, évaluez les surfaces en pourcentage et représentez-les sous forme de diagramme en forme de tarte en utilisant par exemple le tableur Excel. Les valeurs dépendent souvent de la résolution d'écran. Pour en être convaincu, faites l'essai pour un même site en 800x600 et en 1280x1024. Pour pouvoir comparer entre vous, faites les exercices pour une résolution de 1024.
4.3 A partir des exercices ci-dessus, déterminer votre grille d'évaluation personnelle d'un site web et comparez-là avec celle de vos collègues pour en tirer une grille de synthèse
4.4 Analyser la page plan d'accès de quelques sites (par exemple ceux-ci) et tirez-en une synthèse de ce qu'il faut et ne faut pas faire…(vous pouvez faire le même exercice avec la page contactez-nous très souvent présente sur les sites web…)
4.5 Analyser quelques galeries de photos sur des sites non dédiés à la photo (par exemple ceux-ci) et tirez-en les bonnes pratiques à mettre en oeuvre pour réaliser une telle galerie de manière ergonomique et esthétique.
5.1 Choix des couleurs d'un site à partir d'une image imposée
Déterminer les couleurs des fonds et des polices de caractère à utiliser pour les titres, le texte et les liens pour être en harmonie avec la photo imposée sur cette page ou avec ces logos
5.2 Réalisation de maquettes graphiques à thème
Liste des thèmes :
5.3 Exercice de contrainte graphique :
7.1 Réalisation d'une page contenant :
Le logo de la société
Le slogan de la société
Un menu permettant d'accéder :
L'adresse complète et le numéro de téléphone
de la société
Un choix de langues français, néerlandais, allemand, anglais
Une image illustrant les activités de la société
8.1 A partir du folder distribué au cours, faites un découpage en page web et réécrivez le texte pour en faire un site web
8.2 Exercices d'écriture pour le web
(extraits du livre « Bien écrire pour le web »
de Sébastien Bailly, chez Eyrolles)
Texte1:
Texte2:
Texte3:
Texte4:
9.1 Analysez l'adresse et affichez les sources d'un site web que vous avez choisi et repérez:
(La technique du référencement sera approfondie dans le cadre du cours "Législation et cahier des charges 5YLEG)