Introduction

Conservatoire National des Arts et Métiers
Certificat Webmestre
25828 Informatique cycle A
Graphisme et Web cours et TP A6
Introduction
Au début fut le commencement…
Sébastien DEGLIAME
Tous les noms de marques et de produits utilisés dans ce cours sont des marques
déposées ou des appellations commerciales de leur propriétaire respectif.
Copyright © 2001 – 2004, Sébastien DEGLIAME, centre d’enseignement à distance CNAM Champagne-Ardenne
Reproduction et diffusion interdite quelqu’en soient les moyens sans accord écrit de l’auteur.
Dans ce document, vous trouverez un récapitulatif de ce
qui s’est dit durant la séance de regroupement du 6 novembre 2004.
Objectifs de ce module :
m Maîtriser les logiciels destinés à la création web.
m Donner les bases du graphisme orienté internet
m Connaître les différents formats d’images numériques
Ce que ce module n’est pas :
m un cours de dessin
m un cours sur l’histoire de l’art
Par contre la connaissance de l’histoire de l’art vous sera
d’une aide précieuse pour la création d’une manière générale. C’est en connaissant (mieux) l’art que l’on est capable
d’en faire un peu soi-même. Je vous conseille donc de vous
documenter sur l’art contemporain notamment, et d’être
curieux, observateurs des différents médias auxquels
nous sommes soumis en permanence (internet, presse,
télévision…).
Découpage de l’enseignement
Premier « semestre » (Novembre – Décembre)
Quelques notions de base
m La couleur
m Formats d’images
m Graphisme bitmap/vectoriel
m Notions de typographies
Adobe Photoshop CS (Création et retouche bitmap)
m Interface
m Notion de calques
m Acquisition d’images
m Retouche
m Création (calques, typo, filtres…)
m Optimisation
Adobe Illustrator CS (Illustration vectorielle)
m Les bases de l’illustration vectorielle (les courbes de
Bezier)
m Les calques hiérarchiques
m Dessin (de manières succinctes)
Deuxième « semestre » (janvier – Mai)
Macromedia Fireworks MX (dessin bitmap/vectoriel)
m Interface et philosophie d’utilisation
m Dessins de boutons, de menus…
m Découpes et optimisation d’images
Macromedia Dreamweaver MX (éditeur visuel de code
HTML)
m Interface
m Création, définition et gestion de site
m Utilisation des CSS pour la mise en page
m Utilisation avec un serveur d’évaluation de type
Apache
m Utilisation conjointe entre Dreamweaver et Fireworks
Le projet de fin d’année
À partir de cette année le projet de fin de module est obligatoire.
m Le projet consiste à réaliser un mini-site de 3 pages,
mettant à profit ce que vous avez appris durant l’année.
m Le sujet à traiter doit être obligatoirement un de ceuxci :
• Le graphisme vectoriel
• La couleur
• Les formats d’images numériques
m Le choix définitif du sujet doit être communiqué au
tuteur avant le 5 janvier 2005
m Durant le regroupement de janvier nous feront un
point sur les sujets traités.
m Le projet sera à remettre quelque temps après l’examen final (généralement fin mai)
m Durant le mois de mai, aura lieu l’examen final. D’une
durée de 2 h 30, il est divisé en deux parties : la première sous forme de questionnaire à choix multiple
et portant sur tout ce qui a été vu durant le long de
l’année (W des points), la deuxième partie est une
épreuve pratique (X des points).
La note finale de l’UV est calculée comme suit :
• W des points proviennent du projet
• X des points proviennent de l’examen final
Moyens de contact :
Courriel : [email protected]
[email protected]
Messagerie instantanée (Yahoo Messenger) : sebdegcnam
Pour celles et ceux qui ne sauraient pas comment utiliser
ce type de messagerie je leur conseille d’aller faire un tour
à cette adresse :
http://fr.messenger.yahoo.com
Le choix de ce protocole est qu’il existe des clients compatibles Yahoo messenger sur toutes les plateformes et que
le protocole est bien normalisé.
Évaluation de l’unité d’enseignement
m Durant le regroupement du mois de janvier, aura lieu
un partiel optionnel de 30 minutes, durant lequel
vous aurez à faire (sans document) un exercice réalisé
pendant les semaines précédentes, les points acquis
au cours de ce partiel pourront le cas échéant relever
(dans une certaine mesure) un examen final défaillant.
© Degliame Sébastien, CNAM Champagne-Ardenne, 2003, reproduction interdite sans autorisation écrite de l’auteur
page 2
Conseils pour le matériel
Pour faire du graphisme sur ordinateur, certaines choses
sont à connaître :
• Les applications graphiques sont beaucoup plus exigeantes que des applications bureautiques, leur besoin
en RAM est très important, il est donc conseillé d’avoir
au moins 512 Mo de RAM installé sur son poste, le confort commence à 768 Mo pour le web (dans le cas d’une
utilisation PAO ou 3D le Go de RAM est à envisager très
sérieusement).
• Un bon écran est aussi nécessaire. La qualité d’un écran
est primordiale, plus il est bon et moins tôt vous deviendrez aveugle, j’exagère, certes ; mais autant nous pouvons
changer d’unité centrale ou d’écran autant il n’est pas de
même pour vos yeux. Un bon écran peut faire aisément
5 ans (voir plus) de bons et loyaux services, c’est donc un
vrai investissement qui protégera votre santé. Je m’explique, les écrans Cathodiques ou LCD reliés à une carte analogique (sortie VGA) affichent les images à une certaine
fréquence, autrement dit ils émettent les images sous
forme d’une série de flashs très brefs (la télévision le fait
à une fréquence de 1/25e de seconde) ces flashs très brefs
entraînent une adaptation très rapide de notre œil, ce qui
le fatigue (notamment cela fatigue le système de mise au
point de l’œil).
Donc pour réduire la fatigue il faut augmenter la fréquence. Mais nous arrivons à un autre problème : les applications graphiques réclament de la place sur l’écran (palettes
d’outils diverses, menus, fenêtres de travail multiples…) il
faut donc de la place donc une grande résolution et donc
un grand écran. Or plus un écran monte en résolution plus
une fréquence d’affichage élevée est difficile à réaliser, du
moins plus l’électronique qui le permet est chère et plus
l’écran et chers aussi, donc un écran, de qualité et durable dans le temps est chers (C.Q.F.D.). Personnellement j’ai
fait un choix, celui de ne pas avoir un ordinateur dernier
cri mais d’avoir un bon écran (vu qu’il est encore difficile de trouver une paire de globes oculaires à ma couleur
dans les étales des ophtalmologistes…).
Maintenant il existe une solution (pas vraiment au niveau
du prix par contre, ça serait trop beau n’est-ce pas ?), il
s’agit des écrans et cartes DVI, l’affichage dans ce cas est
stable (car l’affichage est numérique) et ne nécessite pas
de rafraîchissement car il est tout simplement assuré en
continus par la carte vidéo. Par contre il faut absolument
une carte vidéo à sortie DVI et un écran avec une entrée
DVI aussi et chacun coûtent plus chers que leur équivalent
analogique (entrée/sortie VGA).
• Avez-vous besoin d’une tablette graphique pour être
un bon graphiste ? Réponse : non, si vous n’êtes pas vous
même un bon dessinateur l’utilisation de la tablette n’arrangera pas les choses tout au plus elle apporte plus de
souplesse dans la retouche photo, mais l’intérêt est très
limité pour quelqu’un dont ce n’est pas le métier.
Les cours/exercices
Les cours sont divisés en deux catégories, les cours magistraux qui sont identifiables à leur couverture verte/beige
et les cours/exercices dont la couleur de couverture est
bleue.
pour ceux qui auraient besoin d’une version Macintosh, je
leur ferais parvenir.
Dernières recommandations
Je vous conseille de m’envoyer le résultat des exercices,
pour plusieurs raisons. La première est que cela vous permet de connaître semaines après semaines votre maîtrise
du cours, et l’expérience a montré que ceux qui m’ont envoyé leurs résultats ont eu l’examen final plus facilement.
La deuxième raison est que je suis plus conciliant dans la
notation de l’examen final avec une personne qui a bien
participé durant l’année mais qui n’a pas eu de chance à
l’exam (ça arrive, je comprends) qu’avec une personne
dont je ne connais que le nom sur une feuille de papier…
m
Je sais que vous n’avez que des versions de démonstration
qui ne permettent pas de toujours sauvegarder, dans ce
cas faites une copie d’écran (consultez l’aide de votre système d’exploitation pour savoir comment la faire) et envoyez-moi l’image par mail.
Utilisez les moyens de communication qui sont à votre
disposition, mail, chat plei@d (quand il marche), Yahoo…
Un cours aussi bon soit-il ne se suffit pas à lui-même,
d’ailleurs autant le dire tout de suite, mon cours n’est pas
conçu dans cette optique. Il vous faudra poser des questions pour en tirer la substantifique moelle (sic).
m
Faites et refaites les exercices, cela peut paraître bête ;
mais durant les exercices vous allez apprendre à utiliser
des outils, et c’est en refaisant plusieurs fois les manipulations que vous allez acquérir les réflexes nécessaires,
le graphisme c’est aussi le mouvement et un muscle ça
s’éduque. Vous verrez plus vous pousserez l’expérience
plus vous aurez d’assurance et plus vous pourrez vous
concentrer sur l’essentiel !
m
Les cours sont présentés sous forme de PDF, je vous conseille très vivement de les visionner avec la dernière version en date du « Reader », actuellement nous en sommes
à la version 6. Cette version est normalement disponible
dans le CD plei@d.
Bon courage et bonne chance pour cette année !
Certains cours sont fournis avec de petits extraits vidéo au
format flash (*.swf), là encore le CD plei@d comporte un
petit programme SAFlashPlayer.exe (version Windows),
© Degliame Sébastien, CNAM Champagne-Ardenne, 2003, reproduction interdite sans autorisation écrite de l’auteur
page 3