mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · web...

36
MISE EN FORME D'UNE PUBLICATION MULTIMEDIA

Upload: hoangquynh

Post on 15-Sep-2018

222 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

MISE EN FORME D'UNE

PUBLICATION MULTIMEDIA

Page 2: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

Table des matières

MISE EN FORME D'UNE PUBLICATION MULTIMEDIA________________________1

Table des matières____________________________________________________________2

Publication multimédia________________________________________________________31. De quoi parlons-nous ?________________________________________________________3

2. Publier sur le web____________________________________________________________3

3. Publier avec Presenter________________________________________________________5

4. Publier avec Powerpoint_______________________________________________________7

5. Des textes___________________________________________________________________8A. INCLURE UN TEXTE DANS UNE PUBLICATION HTML_______________________________8B. INCLURE UN TEXTE DANS UNE PUBLICATION PRESENTER__________________________9C. INCLURE UN TEXTE DANS UNE PRESENTATION POWERPOINT_______________________9

6. Des images…________________________________________________________________9A. INCLURE UNE IMAGE DANS UNE PUBLICATION HTML______________________________9B. INCLURE UNE IMAGE DANS UNE PUBLICATION PRESENTER_________________________9C. INCLURE UNE IMAGE DANS UNE PRESENTATION POWERPOINT____________________10D. EXERCICE______________________________________________________________________10

7. … et du son________________________________________________________________10A. INCLURE UN SON DANS UN FICHIER HTML________________________________________10B. INCLURE UN SON DANS UNE PAGE PRESENTER___________________________________10C. INCLURE UN SON DANS UNE DIA POWERPOINT___________________________________11D. EXERCICE______________________________________________________________________11

8. Mise en forme d'un élément d'une publication multimédia_________________________11A. HTML__________________________________________________________________________11B. PRESENTER 3___________________________________________________________________12C. POWERPOINT___________________________________________________________________12D. EXERCICE______________________________________________________________________12

9. Mise en forme d'une page d'une publication multimédia___________________________14A. HTML__________________________________________________________________________14B. PRESENTER____________________________________________________________________15C. POWERPOINT___________________________________________________________________15

10. Créer une PMM et y ajouter des pages_________________________________________16A. HTML__________________________________________________________________________16B. PRESENTER 3___________________________________________________________________16C. POWERPOINT___________________________________________________________________16D. EXERCICE______________________________________________________________________17

11. Mise en forme d'une publication multimédia____________________________________18A. HTML__________________________________________________________________________18B. PRESENTER 3___________________________________________________________________20C. POWERPOINT___________________________________________________________________21D. EXERCICE______________________________________________________________________23

12. Amorce de discussion________________________________________________________23

Bibliographie_______________________________________________________________24

© Jean-Luc Goffin, 2000 [email protected] 2

Page 3: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

Publication multimédia

1. De quoi parlons-nous   ?

Une publication multimédia contient du texte des images, du son1 et des liens hypertextes. Les 3 premiers éléments contiennent de l'information et le dernier permet de changer d'information.

Une telle publication est orientée "écran", contrairement à un document de texte, qui est orienté "imprimante".

Conseil: Créez un dossier intitulé cmm dans votre dossier Public. Celui-ci recevra les diverses composantes de votre publication.

2. Publier sur le web

Que signifie publier sur "le web" ? Cela se fait au moyen de fichiers écrits en langage HTML (langage hypertexte à balises). Vous utilisez de tels fichiers lorsque votre navigateur indique une adresse ou URL2 précédée de http://. Publier sur le web consiste donc à écrire un fichier en langage HTML. Ensuite vous envoyez ce fichier sur un serveur, à l'aide d'un client FTP. Tout fournisseur d'accès digne de ce nom doit tenir 5M ou 10M à votre disposition pour cela. N'importe quel utilisateur d'internet pourra demander à son navigateur d'interpréter ce fichier et donc d'afficher la page souhaitée. Est-ce compliqué d'écrire en langage HTML ? Pas du tout, à moins que vous ne cherchiez à tout prix des effets spéciaux (SFX), ce qui n'est pas notre but ici.

Pour écrire un fichier en langage HTML, il suffit d'être capable d'utiliser le Bloc-Notes3 et de comprendre la notion de balise.

Une balise est un mot convenu par les auteurs du langage. A l'usage, on encadre ce mot de "<" et ">". La plupart des balises indiquent une action à accomplir sur un certain objet, par exemple un petit texte. L'annonce est faite par <QUOI> et la clôture par </QUOI>. Ainsi, pour afficher le texte "Bonté divine, seulement lorsqu'il ne pleut pas!" en italique, <I>Bonté divine, seulement lorsqu'il ne pleut pas!</I>. Le point final est celui de la langue française.

1 Ou une combinaison des 3, telle qu'une animation.2 URL signifie "adresse uniforme de la ressource".3 ou n'importe quel traitement de texte capable de coder au format "plain/txt".

© Jean-Luc Goffin, 2000 [email protected] 3

Page 4: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

Ainsi, le début de la page est annoncé à la première ligne de votre fichier par <HTML> et la fin par </HTML>. Entre le début et la fin de la page, on trouve 2 zones: l'en-tête, encadré par <HEAD> et </HEAD> et le corps de la page encadré par <BODY> et </BODY>. L'en-tête est destinée à contenir des informations générale comme le titre, le nom de l'auteur, … Voici un exemple:

<HTML><HEAD> <TITLE>Astérix chez les bretons</TITLE></HEAD><BODY> <I>Bonté divine, seulement lorsqu'il ne pleut pas!</I></BODY></HTML>

Exercice- Vous avez déjà à créé un dossier destiné à accueillir les éléments de votre publication multimédia: le dossier cmm dans votre dossier Public. Évitez les caractères accentués pour les noms de fichiers et de dossiers. Pour les noms de fichiers ordinaires, utilisez exclusivement des minuscules. Corrigez si nécessaire.- Créez ensuite votre fichier html, à l'aide du Bloc-Notes.- Enregistrez ce fichier dans votre dossier cmm, en choisissant un nom évocateur (terminé par .html).- Visionnez votre fichier au moyen d'un navigateur.- Visionnez les fichiers des autres.

Certaines balises ne sont pas appariées, car elles n'ont pas de portée. Ainsi,<BR> signifie qu'il faut changer de ligne et<HR> signifie qu'il faut tracer une ligne horizontale.

D'autres balises ont des attributs. Ainsi, <HTML> peut être complété en <HTML lang="fr">, ce qui signale à votre navigateur que votre texte est en français (caractères accentués…), histoire que "Bonté" s'écrive "Bonté" et pas "Bont&eacute;". Une balise peut être invariablement écrite en minuscules ou majuscules. Ce n'est pas le cas de la valeur des attributs. Faites comme bon vous semble, mais imposez-vous un minimum de salubrité: <htML LanG="fR"> n'est pas conseillé.

Un lien hypertexte est défini par 2 ancres et un sens. La première ancre indique sur quoi on clique et la deuxième l'endroit d'arrivée. En général, vous n'écrirez pas cette deuxième ancre, car ce n'est pas vous qui créerez l'information ciblée, par exemple une page sur la peinture impressionniste: <A HREF="http://www.multimania.com/aurora/">. La présence de l'attribut HREF indique qu'il s'agit de l'ancre de départ du lien hypertexte. L'ancre d'arrivée ne vous appartient pas. Il s'agit tout simplement de la page dont l'URL figure comme valeur de l'attribut HREF. Cette balise porte sur un objet à cliquer pour atteindre l'information en question. Exemple: <A HREF="http://www.multimania.com/aurora/">Œuvres de Renoir</A>. Le texte "Œuvres de Renoir" apparaîtra comme sensible à la souris, et le tour est joué.

Exercice: Repérez 2 ou 3 pages intéressantes sur le Web, concernant un sujet de cours ou, à défaut, un sujet d'intérêt personnel. Si aucun sujet ne vous vient à l'esprit, les éclipses conviendront parfaitement. Votre document HTML comprendra ce sujet, les objectifs à

© Jean-Luc Goffin, 2000 [email protected] 4

Page 5: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

atteindre et 2 ou 3 hyperliens vers les pages permettant d'atteindre ses objectifs. Vous trouverez de telles pages à l'aide des moteurs de recherche. Pour une recherche par catégories, utilisez fr.yahoo.com (catégories "Soleil" ou "Lune"). Pour une recherche par mots-clés, utilisez altavista.com "french" (mots-clés…). Voilà de quoi occuper quelques heures de cours de façon originale et efficace!

Exemple:<HTML lang="fr"><HEAD></HEAD><BODY> <H1>L'impressionnisme en peinture</H1> <HR> <H3>Objectifs:</H3> Connaître les lieux et dates de naissance et de mort des artistes, cinq œuvres importantes ainsi que leurs dates de création approximatives, les principales sources d'inspirations des auteurs, les principaux endroits qu'ils ont fréquentés ainsi que les personnages importants qu'ils ont rencontrés. <BR> <A HREF="http://www.giverny.org/monet/">Claude Monet</A> <BR> <A HREF="http://webgalerie.free.fr/cezanne.html">Paul Cézanne</A></BODY></HTML>

Les balises <H1> et <H3> servent à mettre le texte en évidence. Vous pouvez aussi utiliser <H2>, <H4>, <H5> et <H6>.

Pour diffuser votre création multimédia, rien de plus simple: copiez-la dans un répertoire partagé (serveur local) ou sur un serveur internet via le service FTP. Vous pouvez aussi la copier sur une disquette ou un CD-Rom.

3. Publier avec Presenter

Vous avez vu comment réaliser un document qui contient du texte et des liens hypertextes. Votre fichier était alors au format html, ce qui veut dire qu'il peut être visionné au moyen d'un navigateur. Un autre avantage de ce format, est qu'il donne des publications de petite taille, aisées à installer sur un support quelconque, en particulier un serveur de réseau local ou internet.

Une autre technique consiste à réaliser un fichier exécutable, c'est à dire un programme. on utilise alors un logiciel - auteur multimédia tel que Presenter.

Question: Pourquoi une publication multimédia créée avec un logiciel – auteur occupe-t-elle plus de place qu'une publication en HTML ?

Vous trouverez le logiciel Presenter dans Démarrer  Programmes  LMSoft Presenter 3.0. Pour acheter ce logiciel, adressez-vous à LMSoft. Il est possible de se procurer une version de test.

© Jean-Luc Goffin, 2000 [email protected] 5

Page 6: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

Cliquez sur Créer une nouvelle publication, choisissez un nom et un emplacement pour le fichier-maître (impress.xsc dans votre dossier Public/cmm) et cliquez sur Avancé >> pour fixer des paramètres tels que la résolution de l'écran. En standard, une publication Presenter occupe 640480 pixels. Sur un écran de plus haute définition, la publication sera centrée et entourée d'un bord noir, par défaut (arrière-plan). Sur un écran de plus basse définition (par exemple si vous choisissez 800600 pixels pour un écran de 640480) des barres de défilement apparaîtront.

Un écran vous invite ensuite à choisir un fond (parfois garni de boutons) pour votre première page. Pour un début, choisissez "Page vide". Donnez un nom à ce fichier (accueil). Notez que cette page va être enregistrée dans un dossier appelé Pages.

Dans Presenter, il y a 2 modes de travail appelés Création et Visualisation. Vous passez de l'un à l'autre à l'aide de la flèche oblique, enfoncée ci-dessous. Le raccourci Ctrl-S permet d'enregistrer la publication avant de passer en mode visualisation. C'est dans le mode Création que l'on modifie la PMM, comme ci-dessous.

A l'aide du bouton T, créez une zone de texte et tapez votre titre (voir § 2 si l'impressionnisme vous inspire). Choisissez les attributs de caractères. Il vous faudra sans doute redimensionner la zone de texte. Pour modifier un tel élément par après, double-cliquez dessus. Faites de même pour toute autre zone de texte, par exemple, les objectifs. Si votre texte existe déjà sous forme numérisée, un copier-coller convient parfaitement.

Pour insérer un lien hypertexte dans une publication réalisée avec Presenter, il faut d'abord créer un élément sur lequel l'utilisateur pourra agir. Créez une zone de texte "Claude Monet" et une autre "Paul Cézanne".

Pour attacher un lien vers "http://www.giverny.org/monet" à la zone de texte correspondante, sélectionnez celle-ci et cliquez sur Branchement, le bouton inférieur gauche de la fenêtre Création. Choisissez le branchement à une URL et déroulez la fenêtre Explorer : puis Ajouter/supprimer des URLs. Tapez "http://…" et cliquez sur le bouton de validation autant de fois que nécessaire. Faites de même pour Paul Cézanne.

Avant de diffuser votre publication multimédia, il faut l'équiper d'un bouton de sortie. Cela se fait en cliquant sur Ajouter un bouton, situé à côté de Branchement. Tapez un libellé évocateur, et prenez comme option de branchement le branchement spécial convenable. Positionnez ensuite votre bouton.

Pour diffuser votre création multimédia, vous avez le choix: sur disque local, sur cédérom ou sur serveur internet. Cette dernière méthode est déconseillée car moins performante qu'une publication html. Si votre objectif est internet, optez pour une publication html. L'apprentissage de quelques balises n'est pas pire que celui de Presenter. La diffusion sur CD-Rom peut être généralisée au disque local ou au répertoire partagé d'un serveur local. La diffusion réelle sur CD-Rom offre l'avantage (et l'inconvénient) d'un support transportable. N'espérez pas diffuser votre création sur disquette, même si elle est petite.

© Jean-Luc Goffin, 2000 [email protected] 6

Page 7: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

Commencez par ouvrir votre création multimédia, et, au sein de Presenter, cliquez sur Fichier Diffuser la publication Sur un cédérom. Pointez Avec options et indiquez l'emplacement souhaité. Demandez qu'un fichier exécutable soit créé, afin que votre publication soit autonome.

4. Publier avec Powerpoint

Le cas de Powerpoint est particulier: avec ce logiciel, vous réalisez un diaporama. Il s'agit d'un document unitaire contenant toute l'information rangées en dias numérotées, à la manière des pages d'un texte. Le document réalisé ainsi sera lourd à diffuser sur un réseau. Powerpoint est une méthode couramment utilisée par ceux qui veulent passer d'une séquence orientée papier à une séquence orientée écran.

Je vous suggère de vous procurer Powerpoint: bien démarrer de Marie-Ange LEBOUTER, aux éditions KnowWare, dans la collection Compétence Micro. Chaque fois qu'une référence sera faite à cet ouvrage, elle apparaîtra dans le style de ce paragraphe.

Question: pourquoi une publication répartie en plusieurs fichiers est-elle généralement plus facile à diffuser que la même publication contenue dans un seul fichier ?

Vous trouverez le logiciel Powerpoint dans Démarrer  Programmes  Office97. Ce logiciel est livré, préinstallé, avec les CCM.

Au démarrage, choisissez Créer une nouvelle présentation en utilisant Nouvelle présentation et comme nouvelle (et première) diapositive une diapositive vide (la dernière proposée).

Page 8

Pour insérer une zone de texte, cliquez sur Insertion   Zone de texte et tapez votre texte ou copiez – collez-le. Vous reconnaîtrez les bouton G I S de mise en forme des caractères. Utilisez A et A pour modifier la taille des caractères. Vous pouvez utiliser l'exemple du § 2.

Il n'est pas possible d'ancrer un lien hypertexte à une zone de texte4. Il suffit de l'ancrer au texte lui-même. Pour un lien hypertexte tel que Claude Monet, sélectionnez ce texte et cliquez sur . Tapez http://www.giverny.org/monet/ et validez. Vous pouvez aussi, après avoir sélectionné, faire un clic droit et choisir Paramètres des actions. Cette technique est plus générale. Vous choisirez Créer un lien hypertexte vers… URL.

Faites de même pour Paul Cézanne.

Pour visualiser une présentation en cours de réalisation, cliquez sur le bouton diaporama dans la barre inférieure gauche.

4 Vous pouvez toutefois y attacher une action: p 15.

© Jean-Luc Goffin, 2000 [email protected] 7

Page 8: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

Pour diffuser la présentation, vous avez besoin d'un logiciel appelé visionneuse. Ce logiciel n'est pas copié au moment de l'installation de Powerpoint. Le fichier s'appelle Ppview32.exe et doit être copié dans le sous-dossier Office du dossier Microsoft Office. Vous trouverez Ppview32.exe sur le CD Office ou le site internet de Microsoft.

Page 41

La diffusion proprement dite consiste à réaliser un ensemble de fichiers parmi lesquels se trouve PNGSETUP. Lorsqu'un utilisateur voudra visionner votre publication pour la première fois, il devra installer celle-ci à l'aide de PNGSETUP. Ensuite, l'utilisateur démarrera la visionneuse et demandera à celle-ci d'ouvrir le fichier installé qui porte le nom que vous aviez choisi. Notez que le nom de ce fichier est a priori le même que celui de votre, création, y compris l'extension. Ne me demandez pas pourquoi… Notez aussi qu'il sera possible à l'utilisateur de modifier ce fichier s'il dispose de Powerpoint. Notez enfin que certains liens hypertextes peuvent être perdus. C'est à se demander si une présentation Powerpoint est faite pour être diffusée… Dans un centre cyber-média, vous pouvez simplement placer votre fichier dans votre dossier Public.

Si vous souhaitez malgré tout diffuser une présentation Powerpoint, par exemple sur CD-Rom, démarrez Powerpoint et ouvrez votre présentation. La commande Fichier Présentation à emporter… vous offre une fenêtre dont la partie gauche nous intéresse.

Page 42

Cliquez successivement sur les carrés et cochez ce que j'indique:Sélectionner les fichiers à emporter: Présentation activeChoisissez la destination: armez vous de disquettes formatées si vous choisissez cette option; pour le graveur de CD-Rom, il faut parcourir.Liaisons: cochez toutVisionneuse: Visionneuse pour Windows 95 ou NT

Suivez ensuite la procédure indiquée.

Notez qu'une présentation Powerpoint contient un bouton de sortie.

Nous allons maintenant inclure des textes, des images et du son dans nos publications, ce sera l'objet des 3 prochaines parties. Ensuite, nous nous occuperons de la mise en page des éléments d'une publication multimédia.

5. Des textes

Si votre texte existe déjà sous forme numérisée, rien de tel qu'un bon copier - coller. Dans le cas contraire, vous le taperez directement au clavier.

A. INCLURE UN TEXTE DANS UNE PUBLICATION HTML

Ouvrez le fichier souhaité et placez le point d'insertion au bon endroit. Procédez à l'insertion du texte.

© Jean-Luc Goffin, 2000 [email protected] 8

Page 9: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

B. INCLURE UN TEXTE DANS UNE PUBLICATION PRESENTER

Positionnez-vous à la page souhaitée (navigateur, activable par le menu Fichier). Ensuite, cliquez sur le bouton T pour créer la zone de texte. Procédez à l'insertion du texte. Redimensionnez ensuite la zone de texte.

C. INCLURE UN TEXTE DANS UNE PRESENTATION POWERPOINT

Sélectionnez la dia souhaitée (mode trieuse, première barre inférieure) et revenez en mode diapositive en double-cliquant dessus. Insérez une zone de texte. Seule la largeur compte, la hauteur sera modifiée automatiquement. Procédez à l'insertion du texte. Redimensionnez la zone de texte si nécessaire.

6. Des images…

Remarque générale: vos images devraient se trouver dans le même répertoire que les autres fichiers de votre publication multimédia, ou, mieux encore, dans un sous-répertoire de ce dossier appelé images. Pour mémoire, il est vivement conseillé d'employer des minuscules pour les noms de fichiers. Si les dimensions d'une image ne vous conviennent pas, rééchantillonnez-la (resample) à l'aide de votre logiciel de traitement d'image préféré avant de l'inclure dans votre publication. Même remarque si vous voulez modifier la luminosité, le contraste, …

A. INCLURE UNE IMAGE DANS UNE PUBLICATION HTML

Utilisez la balise IMG avec l'attribut SRC suivi du nom de votre image5.Exemple: <IMG SRC = "images/photo1.jpg">Avec le logiciel Home Site, c'est encore plus simple: faite apparaître le nom du fichier représentant l'image dans la fenêtre gauche et double-cliquez dessus. Validez les diverses options proposées.

Votre publication html est maintenant constituée de 2 fichiers: le fichier html et le fichier contenant votre image.

B. INCLURE UNE IMAGE DANS UNE PUBLICATION PRESENTER

Cliquer sur le bouton Ajouter une image, situé à côté de Ajouter un bouton.

Cliquez ensuite sur . Faites apparaître le nom du fichier représentant l'image souhaitée, double-cliquez et validez. Presenter reconnaît les formats jpeg et gif, entre autres.

Une publication réalisée et diffusée avec Presenter contient un fichier exécutable, un fichier par page et un ensemble de fichiers contenant des images, des sons, …

C. INCLURE UNE IMAGE DANS UNE PRESENTATION POWERPOINT

Pour insérer une image dans la diapositive affichée, Insertion Image À partir du fichier… Les formats gif et jpeg sont reconnus.5 Il s'agit en fait de l'adresse relative du fichier représentant votre image, par exemple "images/photo1.gif".

© Jean-Luc Goffin, 2000 [email protected] 9

Page 10: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

D. EXERCICE

Si ce n'est déjà fait, choisissez le thème de votre publication. Si vous n'en avez pas, je vous suggère Éclipse, Magie, Horace, Henry James, ou l’impressionnisme. - Copiez une image d'un cédérom ou d'un disque dur, une autre d'un site internet, et scannez-en une. Créez une image de toute pièce à l'aide de Paint. - Enregistrez ces 4 images dans votre dossier au format gif ou jpg. Le format jpg est conseillé pour les photos. Le format gif est excellent pour les dessins comportant 256 couleurs maximum. - Créez ensuite un document html une page Presenter ou une dia Powerpoint qui inclut ces 4 images, avec un texte explicatif et des liens hypertextes éventuels.

7. … et du son

Comme pour les images, les sons devraient se trouver dans le même répertoire que les autres fichiers de votre publication multimédia, ou, mieux encore, dans un sous-répertoire de ce dossier appelé sons. Pour mémoire, il est vivement conseillé d'employer des minuscules pour les noms de fichiers.

La reconnaissance des formats mid et mp3 dépend du système d'exploitation. Il n'y a pas de problème avec Windows98 (version 2). Avec Windows95 ou NT4, il faudra peut-être installer Windows Media Player 6.4 ou supérieur, qui prendra la place du lecteur multimédia. Un test est nécessaire pour Linux et MacOS.

A. INCLURE UN SON DANS UN FICHIER HTML

<EMBED SRC="sons/son1.mid" VOLUME=100 HEIGHT=42 WIDTH=272 AUTOSTART="true" LOOP="false" CONTROLS="console">Quelques explications ? Il apparaîtra à l'utilisateur une console de 42 pixels de haut sur 272 de large. Le son se trouvant dans le fichier son1.mid sera automatiquement joué une fois. Indiquez le chemin relatif devant le nom du fichier. Si vous ne voulez pas que l'utilisateur dispose d'une console, ajoutez l'attribut HIDDEN.

La reconnaissance des formats mid et mp3 dépend du navigateur de l'utilisateur.

B. INCLURE UN SON DANS UNE PAGE PRESENTER

Cliquer sur le bouton Ajouter un son, situé à côté de Ajouter une image. Cliquez

ensuite sur . Faites apparaître le nom du fichier représentant le son souhaité, double-cliquez, cochez Boucler le son si nécessaire et validez. Presenter reconnaît le format midi mais pas le format mp3, même si votre système d'exploitation le reconnaît. Il reconnaît le format wav, ce qui est un pis-aller.

© Jean-Luc Goffin, 2000 [email protected] 10

Page 11: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

C. INCLURE UN SON DANS UNE DIA POWERPOINT

Pour insérer un son dans la diapositive affichée, Insertion  Films et sons  À partir d'un fichier son… Un bouton apparaît alors sur votre dia. Un clic droit donne accès à Modifier Son Wave (même s'il ne s'agit pas du format wave) qui vous permet d'exécuter le son en boucle. Powerpoint reconnaît le format midi mais pas le format mp3, même si votre système d'exploitation le reconnaît. Il reconnaît le format wav, ce qui est un pis-aller. Après diffusion de la présentation, ou en mode diaporama, l'utilisateur dispose d'un bouton pour démarrer le son.

D. EXERCICE

- Copiez un son d'un cédérom ou d'un disque dur, un autre d'un site internet, et enregistrez-en un. Créez un son de toute pièce à l'aide de Asus Audio Rack et du micro. Pour internet, servez-vous des moteurs de recherche ou allez voir sur www.soundamerica.com, www.prs.net, www.ouaib.com/pointmid/ ou www.mp3.com.

- Enregistrez ces 4 sons dans votre dossier au format mp3 ou mid.

- Incluez ces 4 sons dans votre PMM.

8. Mise en forme d'un élément d'une publication multimédia

A. HTML

Pour mettre en forme un texte avec Home Site, il suffit de cliquer sur l'onglet Polices et de choisir la mise en forme souhaitée. Si vous n'avez pas sélectionné de texte à mettre en forme, c'est le texte tapé au point d'insertion qui subira la mise en forme, exactement comme avec un traitement de texte tel que Wordpad. Gras est noté B (bold).

Pour voir ce que cela donne, passez en mode Parcourir. Notez aussi qu'il existe une notion de paragraphe et de style. Il en sera question plus loin.

En ce qui concerne la mise en forme d'une image, je répète mon conseil: modifiez l'image avant de l'insérer dans la PMM. La position relative d'une image sur une page sera traitée dans les parties consacrées à la mise en forme d'une page ou de toute une publication.

La mise en forme d'un son a déjà été vue. Vous pouvez permettre ou non à l'utilisateur de démarrer, arrêter, … le son en lui offrant ou non une console, jouer le son en boucle ou une seule fois, démarrer automatiquement le son.

B. PRESENTER 3

Pour mettre en forme un texte avec Presenter, il suffit, en mode création, de double-cliquer sur la zone de texte. La fenêtre suivante apparaît:

© Jean-Luc Goffin, 2000 [email protected] 11

Page 12: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

Si vous n'avez pas sélectionné de texte à mettre en forme, c'est le texte tapé au point d'insertion qui subira la mise en forme, exactement comme avec un traitement de texte tel que Wordpad. La zone de texte est considérée comme un objet. La position d'un objet est régie par ses options générales. Les options générales d'une zone de texte s'obtiennent en cliquant sur le bouton Propriétés… de la fenêtre ci-dessus.

Pour voir ce que cela donne, cliquez sur OK et passez en mode Visualisation.

En ce qui concerne la mise en forme d'une image, je répète mon conseil: modifiez l'image avant de l'insérer dans la PMM. La position relative d'une image sur une page fait partie de ses options générales. Un double-clic sur l'image, en mode création vous y donne accès.

La mise en forme d'un son est extrêmement réduite. Vous pouvez choisir un délai avant le démarrage du son et boucler ou non le son. De tout façon, le son démarrera.

C. POWERPOINT

Pour mettre en forme un texte avec Powerpoint, placez-vous en mode diapositive, et utilisez la barre de mise en forme:

Quelle partie de texte subira la mise en forme ? Si le point d'insertion n'est pas présent et qu'une zone de texte est sélectionnée, c'est toute la zone qui est mise en forme. Si le point d'insertion se trouve dans un mot, c'est le mot tout entier. Si le point d'insertion est entre 2 mots, c'est le texte tapé par la suite qui sera mis en forme. La zone de texte est considérée comme un objet. La position de cet objet est régie par Format de la zone de texte. Le Format de la zone de texte s'obtient en cliquant sur la zone, puis clic droit sur son cadre.

La position relative d'une image sur une page fait partie de Format de l'image. Un clic droit sur l'image, en mode diapositive vous y donne accès.

La mise en forme d'un son est extrêmement réduite. Vous pouvez choisir de boucler ou non le son, par l'item Modifier son Wave (même pour un son midi). De tout façon, le son démarrera lorsque l'utilisateur cliquera sur l'image ad hoc.

D. EXERCICE

L'exercice qui suit a pour but d'intégrer des sons et des images dans une publication existante. Cette publication contient plusieurs pages. La publication réalisée à l'aide de Presenter3 concerne Namur et est originaire du CeFIS. La présentation Powerpoint aussi. Celle réalisée en HTML a trait à la magie.

En HTML, vous allez utiliser magie.html et les fichiers connexes. Vous trouverez l'ensemble des fichiers dans magie.zip, sur users.skynet.be/jlgoffin. Votre personne ressource l'a peut-être déjà copié dans Projets\… Commencez par copier tout le dossier magie dans votre dossier cmm. Plus tard, vous vous mettrez d'accord avec les autres personnes pour modifier les fichiers de Projets\…Le schéma de cette publication est le suivant:

© Jean-Luc Goffin, 2000 [email protected] 12

Page 13: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

Chaque page doit contenir le logo lapin. Inspirez-vous d'une page dans laquelle ce logo est présent.La page bouchons.html doit contenir le tour de Pic & Zou.La page mandrake.html doit contenir un extrait de http://rafale.worldnet.net/~fderik/Fiction/FictionEtMagie.htmlSur la page houdini.html, un extrait de http://www.fnn.net/garibri/houdini-french.htmAjoutez un son à magie.html.Un son convenable doit démarrer à l'ouverture des pages de niveau2. Choisissez de préférence un son différent pour chaque page.Chaque page de niveau 2 doit également contenir un texte explicatif.Remarquez la référence à niveau1.css (ou niveau2.css ou niveau3.css) dans l'en-tête de chaque fichier HTML. Les styles de la page y sont définis. Nous y reviendrons. La curiosité est un bon défaut.

© Jean-Luc Goffin, 2000 [email protected] 13

Page 14: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

Avec Presenter 3: Vous trouverez l'ensemble des fichiers dans namur.zip, sur users.skynet.be/jlgoffin. Votre personne ressource l'a peut-être déjà copié dans Projets\… Ouvrez la publication namur.xsc, dans le dossier Presenter. Le schéma de cette publication est le suivant:

Votre exercice consiste à donner à chaque page un texte descriptif, une ou plusieurs images et parfois du son. L'imagination doit être encouragée: le texte est laissé au choix, les photos et images sont de simples suggestions .La page d'accueil doit contenir une vue générale de Namur, la lecture du titre (à enregistrer) et le son "li bia bouquet".La page culture contiendra un temple grec.La page divertissements contiendra un clown, une balançoire et un masque.La page du théâtre contiendra une photo du théâtre et celle de la maison de la culture contiendra une photo de…Sur la page tourisme: lunettes, montagne et photo.Citadelle: la Sambre vue de la citadelle et le grognon. Un son bien choisi est souhaité.Musées: musée de la forêt, diocésain et Rops. Irfan View peut être utile.Cathédrale: cathédrale, dôme, beffroi et un son évocateur.

Avec Powerpoint: Vous trouverez l'ensemble des fichiers dans namur.zip, sur users.skynet.be/jlgoffin. Votre personne ressource l'a peut-être déjà copié dans Projets\… Ouvrez la présentation namur.ppt, dans le dossier Presentations. Le schéma de cette publication est le même. L'exercice aussi. Notez qu'il est inutile de télécharger 2 fois namur.zip. Ce (gros) fichier contient tout ce qu'il faut pour Presenter et Powerpoint.

Le meilleur exercice est celui que vous faites sur votre propre thème, quelle que soit la méthode. Si votre publication ne contient qu'une page, un peu de patience, les explications viendront un peu plus loin.

9. Mise en forme d'une page d'une publication multimédia

A. HTML

Dans une page HTML, les tableaux permettent une mise en page aisée des textes et des images. <TABLE> et </TABLE> délimitent la "table" (le tableau).<TR> et </TR> délimitent une ligne dans le tableau (table row).<TD> et </TD> délimitent une cellule dans une ligne.

© Jean-Luc Goffin, 2000 [email protected] 14

Page 15: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

Exemple: le code HTML suivant<TABLE> <TR> <TD>Première ligne, à gauche</TD> <TD>Première ligne, à droite</TD> </TR> <TR> <TD>Deuxième ligne, à gauche</TD> <TD>Deuxième ligne, à droite</TD> </TR></TABLE>crée un tableau à 2 lignes et 2 colonnes. Si vous souhaitez afficher une image au lieu du texte "Première ligne, à droite", tapez <IMG SRC="…"> à la place de celui-ci.

Le navigateur prévoira la place nécessaire à l'affichage des éléments demandés. Veillez à ce que vos images aient la taille correcte. Pour mémoire, Irfan View vous permet de visualiser vos images à la taille réelle et de modifier cette taille (rééchantillonnage – resample).

Faut-il toujours taper toutes ces balises pour créer une table ? Grand Dieu non! Abandonnez le Bloc-Notes au profit du logiciel Home Site. Grâce à l'onglet Tables, vous créerez le tableau voulu.

En particulier, le bouton vous permet de créer rapidement un tableau, à la position du point d'insertion.

Dans Home Site, il y a 2 modes de travail: Modifier (édition) et Parcourir (naviguer). Lorsque vous passez du mode édition au mode navigation, il n'est pas nécessaire d'enregistrer votre fichier. Que cela ne vous empêche pas de le faire, par exemple par File Save All. Remarquez que vous pouvez ouvrir plusieurs fichiers à la fois. Utilisez aussi Onglet Ressource, dans le menu Affichage.

Est-il possible de modifier la place d'un élément sur une page en précisant ses coordonnées ? Oui, nous le verrons plus tard.

B. PRESENTER

Vous savez déjà modifier les options générales d'un objet. Cela suffit pour l'instant. Remarquez aussi que vous pouvez déplacer un objet par glissement et que vous pouvez activer une grille magnétique (Édition Alignement, en mode création).

C. POWERPOINT

Sélectionnez l'élément à déplacer et faites un clic droit (sur le cadre pour une zone de texte). Cherchez le mot Format. Il devrait vous donner accès à la position de l'élément, en vue de la modifier.

© Jean-Luc Goffin, 2000 [email protected] 15

Page 16: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

10. Créer une PMM et y ajouter des pages

A. HTML

En langage HTML, il n'y a rien à ajouter à ce qui a été vu précédemment. Chaque page est un fichier html. La première page est celle que vous ouvrirez en premier dans votre navigateur. Vous accéderez ensuite aux autres par les liens hypertextes. Vous avez abandonné le Bloc-Notes au profit du logiciel Home Site. Lorsque vous y créez un nouveau document HTML, son squelette est créé automatiquement. Remarquez que vous pouvez ouvrir plusieurs fichiers à la fois.

Si vous souhaitez téléporter votre publication sur un serveur HTTP (serveur web), appelez votre première page index.html.

Si votre nouvelle page ressemble à une ancienne, n'hésitez pas à user de copier – coller. Lorsque votre nouvelle page est créée, il ne vous reste plus qu'à créer un ou plusieurs liens pour y accéder, dans d'autres pages. Vu que tous les navigateurs possèdent un bouton "précédente", il est inutile (mais pas interdit) de prévoir ce bouton sur la page.

B. PRESENTER 3

Comment créer une nouvelle publication avec Presenter3 ? Après avoir cliqué sur "créer une nouvelle publication", cliquez sur la petite disquette "nom du fichier" afin de choisir le nom et l'emplacement de votre publication. Le nom porte comme extension xsc. Il s'agit en fait d'un petit fichier contenant les paramètres généraux de votre publication. Les pages et les éléments sont enregistrés dans d'autres fichiers. N'hésitez pas à cliquer sur "Avancé…" pour modifier les paramètres généraux de la publication. En cliquant sur "OK", vous êtes invité à créer la première page de la publication, c'est à dire celle que l'utilisateur verra au démarrage de la publication.

Comment ajouter des pages avec Presenter3 ? Vous devez d'abord déterminer une page au départ de laquelle vous pourrez accéder à la nouvelle page. Dans cette page, vous créerez un nouveau lien, par exemple un nouveau bouton, et paramétrerez "brancher à…" de façon à créer une nouvelle page. N'oubliez pas de fixer les autres paramètres du bouton et de donner un nom évocateur à la nouvelle page.

C. POWERPOINT

La création d'une nouvelle présentation a été vue page 7. Comment y ajouter une dia ?

Page 27

Positionnez-vous sur la dia qui précédera celle que vous allez insérer. Insertion  Nouvelle diapositive vous permet de choisir la mise en page de cette nouvelle dia (vide a priori).

Notez que dans votre présentation, vous passerez d'une dia à la suivante par simple clic ou Entrée.

© Jean-Luc Goffin, 2000 [email protected] 16

Page 17: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

D. EXERCICE

L'exercice qui suit a pour but d'ajouter des pages à une publication existante. Si vous avez commencé une publication sur un autre thème, attendez d'avoir besoin d'une nouvelle page: la fonction crée l'organe.

En HTML, vous allez utiliser magie.html et les fichiers connexes, telles qu'ils ont été conçus à l'exercice précédent (4.4). Le schéma de cette publication est complété par les pages indiquées en trait fin:

Allez voir dans Projets\Magie\… Vous y trouverez, entre autres choses, des raccourcis internet. N’hésitez pas à vous rendre dans un centre de documentation. Demandez au bibliothécaire de chercher dans les revues.

La page cartes contiendra un tour de cartes. Vous pouvez utiliser la page accessible par le raccourci « Tour de cartes ».

"Époque 1" sera consacré au Moyen-Age, et en particulier à l'astrologie.

A la place de la page "époque 2", vous ferez une page sur Catherine de Médicis. Voyez internet, le centre de documentation, …

Pour la magie noire, prévoyez textes, images et sons. Un fichier au format midi constituera le fond sonore. Vous trouverez de tels fichiers dans Projets\Magie\…, toutefois vous pouvez aussi en télécharger de http://www.prs.net/midi.html.

Pour la magie blanche, faites de même. Ajoutez un texte lu par vous même, que l'utilisateur démarrera à l'aide d'une console.

Avec Presenter 3: ouvrez la publication namur.xsc telle que vous l'avez obtenue à la leçon précédente (voir 4.4). Les rectangles en traits fins représentent les nouvelles pages.

© Jean-Luc Goffin, 2000 [email protected] 17

Page 18: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

La page de la maison de la poésie contiendra sa photo au format jpg et, en fond sonore, un poème lu par vous-même. Vous trouverez des poèmes sur http://www.france.diplomatie.fr/culture/france/biblio/poesie/florilege.html. Attention, le format mp3 n'est pas reconnu par Presenter3. Vous travaillerez au format wav, ce qui empêche toute diffusion digne de ce nom sur internet.

Sur la page du musée Rops se trouveront plusieurs photos de ce musée, mais à une taille très réduite. En cliquant sur une telle photo, l'affichage de la même photo mais de grande taille doit être provoquée. Faites de même pour les musées diocésain et de la forêt.

Un nouvel accès sera créé sur la page d'accueil afin de présenter des vues générales. La page "vues générales" comprendra un menu et un fond sonore.

Idem avec Powerpoint.

11. Mise en forme d'une publication multimédia

Un style est une règle de présentation, de mise en forme, d'un élément ou d'un ensemble d'éléments d'une publication.

A. HTML

Le langage HTML offre des possibilités de mise en forme de ses éléments (images, textes, liens hypertextes, …). Toutefois il y a bien plus efficace: les feuilles de styles. Celles-ci sont définies dans un autre langage: CSS (cascaded style sheets). Défini ainsi, un style est totalement indépendant de l'élément sur lequel il porte. On obtient une séparation complète de la forme et du fond. Quel intérêt y a-t-il à cela ? Vous pourrez appliquer un style à toute une famille d'éléments. Si vous modifiez le style, la présentation de tous les éléments sera automatiquement changée. Vous obtenez ainsi une unité dans votre PMM.

Exemples

Dans la PMM sur la magie, vous trouverez niveau1.css, niveau2.css et niveau3.css. Il s'agit de 3 feuilles de styles destinées respectivement à magie.html,

© Jean-Luc Goffin, 2000 [email protected] 18

Page 19: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

tours.html, …, magicien.html et bouchons.html, …, houdini.html. Reprenez le schéma 4.4. Le choix des noms pour ces feuilles de style saute aux yeux.

Pour qu'une feuille de style soit active dans une page, il suffit de taper une ligne dans l'en-tête de cette page. Avec Home Site, c'est encore plus simple: il suffit de glisser le fichier css de la fenêtre des ressources dans l'en-tête concernée.

Reprenons l'exemple de niveau2.css.

BODY{ background: url(dessins/orange.gif);}

TABLE{ width: 100%;}

On y trouve 2 styles. Le premier s'applique au corps de la page et lui impose une image en fond d'écran. Cette image se trouve dans le sous répertoire dessins et s'appelle orange.gif. Si vous en changez, c'est le fond d'écran de toutes les pages de niveau 2 qui sera changé. Si vous ne trouvez pas cela génial… Le second style impose aux tables une largeur égale à toute la largeur disponible.

Vous trouverez une librairie de fichiers css dans Projets/goffin/tic_jlg.

Dans modeleg.css vous trouverez un style de body et 5 styles de paragraphes. Les styles de paragraphes s'appliquent à des zones de textes comprises entre <P> et </P>. On reconnaît les styles de paragraphes au fait que leur identifiant commence par p. Le nom qui suit le point est le sélecteur de classe.

Exemple: p.titr1 est une règle qui s'applique aux paragraphes de classe "titr1", ce qui se reconnaît par <P CLASS="titr1">… </P> dans votre page html. N'oubliez pas d'activer la feuille de style modeleg.css en la glissant dans l'en-tête. Je vous conseille de copier les fichiers css de ma bibliothèque dans votre dossier Public.

Voici quelques propriétés css applicables à des paragraphes:

font-family: Arial La police Arial s'applique aux caractères du paragraphe.font-size: 32px La taille des caractères est de 32 pixels.font-weight: bold Les caractères seront gras.margin-top: 1cm Le paragraphe sera précédé d'un espacement de 1 cm.margin-bottom: 3.5cm Le paragraphe sera suivi d'un espacement de 3,5 cm.color: red Les caractères seront rouges.text-indent: 3cm La première ligne aura un retrait de 3 cm.font-style: italic Les caractères seront en italique.p.ltt:first-letter { font-size: 200%; float: left;}

Le paragraphe de classe ltt sera muni d'une lettrine.

Si vous n'utilisez pas de sélecteur de classe dans la définition de la règle css, la règle s'appliquera à tous les paragraphes, autrement dit, tous vos paragraphes auront le même style, ce qui peut être utile.

© Jean-Luc Goffin, 2000 [email protected] 19

Page 20: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

Exemple: Dans modeleh.css, vous trouverez une règle de présentation pour tous les paragraphes. Plus loin, une règle pour les paragraphes de classe "der". Dans ce cas, tous les paragraphes respecteront la règle identifiée par p, sauf les paragraphes de classe "der".

Toujours dans modeleh.css, vous trouverez 3 règles pour les liens hypertextes (A:link, …). Testez cela. Après un bon test, changez la règle A:visited { color: lime;} enA:visited { color: red;} .

Il est possible de positionner les objets à l'aide de styles, en particulier à l'aide de la balise SPAN. Vous avez dit balise ? Il faut que je vous reparle html. Exemple:

<span class="troisi"> <a href="vide.html"><img src="bouton1.gif"></a> </span>

SPAN est un conteneur, c'est à dire une balise appariée. Tout ce qu'elle contient sera positionné suivant la règle css span.troisi. Exemple:

span.troisi { position : absolute; left : 5cm; top : 4.2cm;}

Votre lien hypertexte se trouvera à 5 cm du bord gauche de la fenêtre et à 4,2 cm du bord supérieur. D'autres exemples se trouvent dans modelei.css.

B. PRESENTER 3

Presenter3 utilise la notion de modèle. Un modèle est un ensemble de styles applicables à une page. Le modèle est appliqué à la page lors de la création de celle-ci. Il s'agit donc d'une notion plus rigide qu'en html-css.

Il existe une série de modèles prédéfinis. Lorsque vous créez une nouvelle page après définition d'un lien, une liste de librairies apparaît. Il suffit de choisir un item, par double-clic, et le tour est joué. Un modèle est un item d'une librairie.

Si vous souhaitez créer votre propre modèle, vous devez créer votre propre librairie avec votre (vos) item(s). Pour ce faire, créez la page qui vous servira de modèle. Elle peut contenir une couleur de fond, un bouton de retour vers le début de la PMM, … Notez que vous passez du mode création au mode visualisation par Ctrl-s, avec enregistrement des modifications. Notez aussi le nom et l'emplacement de la page que vous venez de créer et qui vous servira de modèle. Pour créer votre nouvelle librairie et y insérer le modèle, allez dans Fichier Gestionnaire des librairies et donnez un nom à votre librairie. Accédez ensuite aux items de votre librairie, l'écran suivant apparaît:

© Jean-Luc Goffin, 2000 [email protected] 20

Page 21: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

Vous pouvez donner à votre librairie une autre description que "Nouvelle librairie personnelle". Pour y ajouter votre page en tant qu'item, choisissez la catégorie "Pages", comme sur l'image ci-dessus. Cliquez sur le bouton "+", puis sur le bouton jaune de Fichier. C'est le moment de vous souvenir du nom et de l'emplacement de votre page modèle. Ajoutez un nom abrégé et une description si vous le souhaitez. Veillez à ce que la coche "Toujours générer les aperçus" soit présente. Cliquez sur le gros "V" vert, puis sur OK et le tour est joué. Lorsque vous utiliserez le gestionnaire des librairies, veillez à ce que votre nouvelle librairie soit cochée. Vous utiliserez votre librairie comme une autre (voir début).

C. POWERPOINT

Pour Powerpoint, le style appartient à l'élément. En clair, chaque zone de texte, image, … a son propre style. Il s'agit du concept opposé à celui de HTML, où les styles sont indépendants des éléments au point de faire partie d'autres fichiers. Les utilisateurs avertis de Word savent que les styles y sont indépendants des éléments (= paragraphes) mais inclus dans le document.

Nous verrons qu'une dia a aussi son "style", et que certains espaces réservés conservent leur style d'une dia à l'autre. Il existe même une notion de modèle.

Le style d'un texte est obtenu par Format Police. Vu qu'il est attaché à ce texte, ce style ne porte pas de nom. Il ne s'appelle d'ailleurs pas "style" mais format. Vous pouvez recopier ce faux style à l'aide du bouton . Cliquez sur la zone voulue, sur ce bouton et enfin sur la zone à mettre en forme. Vous pouvez aussi définir ce format de texte comme style par défaut, en cochant la case ad hoc.

Procédez de même pour le format d'une image.

© Jean-Luc Goffin, 2000 [email protected] 21

Page 22: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

Tout cela est bien joli, mais ça ne s'applique pas à l'ensemble de la présentation. Vous pouvez utiliser pour uniformiser votre présentation à la main. Pour aller plus loin, voici quelques techniques.

Le jeu de couleurs

Vous y accédez par Format Jeu de couleurs des diapositives. Choisissez les couleurs qui vous plaisent et cliquez sur Appliquer partout.

L'arrière-plan

Cliquez sur Format Arrière-plan…

Cliquez ensuite sur la petite flèche de afin de faire apparaître Motifs et textures… Faites votre choix. De retour à la fenêtre Arrière-plan, cliquez sur Appliquer partout.

Pages 24 et 25

Le masque

Le masque des diapositives est un ensemble d'espaces réservés. Au départ, il y a 5 espaces réservés: titre, texte, date, pied de page et nombre. Chacune de ces zones peut contenir un élément qui sera reproduit sur chaque dia. Pour faire apparaître le masque: Affichage  Masque Masque des diapositives. Attention: le masque ressemble à une diapositive, mais n'est pas une diapositive. Vous êtes dans un mode particulier. Pour le quitter, choisissez un des 4 autres modes. Vous êtes perdu dans les modes ? Regardez en bas de la fenêtre (barre d'état): s'il est écrit "Masque des diapositives" vous êtes dans le mode adéquat. Pour supprimer un espace de masque: placez vous dans le mode, clic sur le cadre de cet espace suivi de Delete. Pour faire réapparaître un espace prédéfini: Format Mise en page du masque… Si vous modifiez la mise en forme d'un espace du masque, elle se répercute sur chaque dia. Allez voir dans namur.ppt. Vous verrez qu'Etienne Vandeput a supprimé 2 espaces du masque et en a ajouté 4. Passez en mode Trieuse de diapositives pour voir l'effet.

Il y a 2 façons de se servir des espaces du masque: en modifier le format, ce qui modifie le format de chaque zone du même type, sur toutes les dias, ou en y insérant des images. Il est inutile d'y insérer du texte.

Exemple de format d'espace: choisissez la couleur rouge pour les caractères de l'espace de titre. Chaque fois que vous créez une nouvelle diapositive avec zone de titre,

© Jean-Luc Goffin, 2000 [email protected] 22

Page 23: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

celui-ci apparaîtra en rouge. Si certaines de vos dias contenaient déjà une zone de titre, ses caractères sont devenus rouges.

Exemple d'insertion d'image: insérez une image à l'emplacement de votre choix, directement sur le masque. Passez en mode Trieuse de diapositives pour voir l'effet.

Modèles

Vous pouvez enregistrer des mises en forme et jeux de couleurs dans des modèles de conception. Vous pouvez enregistrer des mises en forme, jeux de couleurs et contenus dans des modèles de contenu.

Mode plan

Si vous avez une idée précise de la structure de votre présentation, vous pouvez utiliser le mode plan. Vous y créerez des dias de titres et sous-titres.

Page 11

D. EXERCICE

En HTML, dans un premier temps, intégrez des feuilles de styles déjà existantes dans vos publications: niveau1.css, niveau2.css, niveau3.css, modeleg.css, modeleh.css, modelei.css. Utilisez-les comme bon vous semble. Copiez-les d'abord dans votre répertoire Public.

Dans un second temps, modifiez les propriétés css d'une règle: changez les couleurs, les fonds d'écran, les tailles de caractères, …

Si vous souhaitez d'autres feuilles de styles et que vous ne voulez pas apprendre le langage css, faites appel à votre serviteur.

Dans une publication Powerpoint, modifiez le jeu de couleurs et l'arrière-plan. A chaque fois, cliquez sur Appliquer partout.

Insérez un logo dans votre présentation, tel l'escargot de namur.ppt.

Modifiez le format de l'espace de titre. Si vous avez beaucoup de zones de texte, soyez prudent avant de modifier le format de l'espace de texte.

12. Amorce de discussion

Citez 3 catégories de programmes considérés comme des outils de création multimédia. Pour chacun d'eux, qu'est-ce qu'une page et chaque page correspond-elle à un fichier ?

Un élément d'une publication multimédia est un texte, une image, un son, …Qu'est-ce que le format d'un élément ? Et un style d'élément ?

© Jean-Luc Goffin, 2000 [email protected] 23

Page 24: Mise en forme d'une publication multimédiausers.skynet.be/gfnjl/pmm_mforme.doc · Web viewTable des matières MISE EN FORME D'UNE PUBLICATION MULTIMEDIA 1 Table des matières 2 Publication

Bibliographie

LEBOUTER Marie-Ange, Powerpoint: bien démarrer, éditions KnowWare, collection Compétence Micro, www.competencemicro.com

MOORS René, Développement d'un serveur Internet, Faculté d'économie, de gestion et de sciences sociales ULG, Liège, 1998.

RAGGET Dave, LE HORS Arnaud, JACOBS Ian, HTML 4.0 Specification, http://www.w3.org/TR/REC-html40

VASTERSAVENDTS Guy, Internet et ses services, CeFIS FUNDP, Namur, 1998

VANDEPUT Etienne, Concevoir en équipe un produit multimédia, CeFIS FUNDP, Namur, 1999

© Jean-Luc Goffin, 2000 [email protected] 24