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)

>>> voir l'exemple

- 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

>>> http://kuler.adobe.com

 

3. Initiation à la création de pages web statiques

Notions: Les étapes du webdesgin

>>>support de cours

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.

>>> Dossier à télécharger

Réalisation d'une page statique avec div flottantes

>>> Exercice

Intermède: Image cliquable (mapping)

Notion: Arborescence et navigation/ Initiation aux objets spry Dreamweaver

>>> Lien vers Misat2011

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

>>> Vers l'archive site_menu

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)

>> Exemple d'exercice

- 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)

 

6. Questions des participants