Séance 3 – 17 décembre 2011
10h 13 heures – 14h00 17h00
CMC, Salle 342
Création de supports pour la recherche (vidéoprojection/Edition Web/Edition papier)
1. Réalisation de supports de communication cohérents et personnalisés
PowerPoint 2007: Utilisation de masques, insertion de liens et d'images, personnalisation et adaptation des supports à une charte graphique.
Exemple d'une charte graphique (web et ppt)
- Exercice:
En prenant pour base le modèle ci-dessus, créer une présentation comportant:
- Masque page de garde
- Masque diapositive courante
- Masque intercalaire
- Animations, transitions
- Liens Hypertexte, mail to
- Images
Créer les éléments visuels sous Illustrator et l'importer sous power point
2. Colorimétrie, outils graphiques en ligne - L'exemple de Kuler Adobe
- Création de nuanciers et utilisation sous illustrator
3. Initiation à la création de pages web statiques
Notions: Les étapes du webdesgin
Prise en main de Dreamweaver (1/2)
Application: Création d’une page web simple sous DreamWeaver
- Présentation de DW, prise en main de quelques fonctionnalités de base.
- Réalisation d’une page statique munie d’une feuille de style.
- Exercice: A partir des images prédécoupées, construire une page HTML munie d'une CSS.
Réalisation d'une page statique avec div flottantes
Intermède: Image cliquable (mapping)
Notion: Arborescence et navigation/ Initiation aux objets spry Dreamweaver
Exercice:
1. Télécharger l'archive site_menu, décompresser cette archive (clic droit extraire tout)
2. ouvrir la page index avec Dreamweaver
3. configurer le site (gestion des sites/nouveau site)
4. Affichage en code/création
5 Entre les deux balises body et dans la div "menu" Insérer un objet Spry/menu horizontal.
6. Configurer l'arborescence fournie dans l'archive- Activer les liens
Exercice: réaliser un webdesign sous illustrator, le découper avec la méthode des plans de travail et l'implémenter en html avec feuille de style.
Intermède: Images survolées exemple d'un bouton de menu
4. Le moment récréatif: Initiation à la PAO: réalisation de documents longs (Brochures, dépliants, livrets)
- Prise en main du logiciel Indesign (1/2)
Exemple de travaux (le guide de Créteil, le recueil "une oeuvre, une minute, les journaux Lycéens)
- créer un nouveau document
- Pages, gabarits, chemin de fer
- marges, fond perdu, grand fond, petit fond...
- importation d’images, ajustements
- Nuanciers
5. Programme prévisionnel de la séance 4
- Construire et gérer des références bibliographiques l'exemple de Word et de Zotero
Prise en main indesign (2/2)
Réaliser un PDF multimédia avec Indesign (intégrant, sons, vidéos, liens hypertextuels)