506 860-6198
Aide technique pour webmestres et autres (en construction)
Si vous ne trouvez pas l'aide dont vous avez besoin, contactez-nous.
Liens rapides sur cette page
Comment insérer manuellement une image interactive (objet ou panorama) dans une page web
Comment réparer la fonction plein-écran (« fullscreen »)
Comment changer la taille de l'image interactive dans la page web
Comment insérer manuellement une image animée (gif) dans une page web
Comment insérer une image animée (gif) dans PowerPoint
J'ai inséré une image interactive dans ma page web mais un message d'erreur apparaît
Pourquoi ne pas utiliser le format QuickTime VR (QTVR)?
Comment insérer une image interactive de format flash (un 360° ou un objet VR) dans PowerPoint
Comment insérer manuellement une image interactive (objet ou panorama) dans une page web
En plus du fichier de l'image elle-même, un autre fichier pourrait être nécessaires afin de permettre à certaines options de l'image ou du projet de fonctionner.
Le premier fichier est de format flash (par exemple: nomdufichier.swf) et le second est un fichier javascript qui contient certains paramètres d'affichage (p2q_embed_object.js).
Le nom de chaque fichier ne devrait pas être modifié, surtout si les images contiennet des liens poitant l'un vers l'autre.
Le fichier ".js" est référencé dans deux scripts situés dans la page web. Le premier doit être placé dans la section « Head »; voir ci-dessous :
Dans cet exemple, le fichier javascript externe est situé dans un dossier nommé « scripts » qui est lui-même situé dans le même dossier (« folder ») que la page web.
Si votre dossier est nommé différemment, ou situé ailleurs, vous devrez modifier le codage afin de pointer vers le bon dossier.
Si le fichier javascript est situé dans le même dossier que la page web, enlevez « scripts/ » (incluant la barre oblique).
Le second est placé à l'endroit de la page où l'image interactive doit être affichée.
Dans l'exemple ci-dessus, le fichier de l'image interactive est « imagefilename.swf »;
celui-ci est situé dans un dossier nommé « images » qui est situé dans le même dossier que la page web elle-même.
Si le dossier qui contient votre image est nommé différemment ou si le dossier est situé ailleurs, faites les changements appropriés.
Si votre fichier est situé dans le même dossier que la page web, enlevez « images/ » (incluant la barre oblique).
Le script ci-dessus fait plus que simplement placer l'image dans la page.
D'abord, il fait appel au script situé dans la section head de la page.
Il identifie le nom du fichier qui contient l'image (dans cet exemple « imagefilename.swf ») et sa localisation relative à la page web (dans cet exemple, un dossier nommé « images/ »).
Le script vérifie ensuite la présence du Adobe Flash Player, version 9 ou plus récente.
En dernier, il vérifie que le javascript est activé dans le navigateur.
Un message d'erreur apparaîtra si ces conditions ne sont pas respectées.
Comment insérer manuellement une image interactive (format HTML5 seulement) dans une page web
En construction...
Comment insérer manuellement une image interactive (formats Flash + HTML5) dans une page web
En construction...
Comment réparer la fonction plein-écran (« fullscreen »)
La fonction plein-écran pourrait ne pas fonctionner si vous utilisez votre propre script ou si vous laissez votre logiciel le créer au lieu d'utiliser celui qui est suggéré sur cette page. Cette fonction est intégrée au fichier mais le script doit la permettre. Vous devez donc ajouter le paramètre « allowfullscreen »; placez cela sur la même ligne qui indique la taille de la fenêtre de l'animation flash. Selon la syntaxe de votre script, vous pourriez peut-être écrire : <param name="AllowFullScreen" value="true"/>. Suggestion : examinez le script suggéré sur cette page pour voir une autre façon d'inclure ce paramètre.
Comment changer la taille de l'image interactive dans la page web
Il est très facile de changer la taille apparente de l'image interactive dans la page web.
La taille est définie dans le script situé dans la page web (pas dans le fichier flash).
Notez que changer ce paramètre ne changera pas le temps de téléchargement ni la qualité de l'image elle-même.
Cherchez pour la ligne qui ressemble à ceci :
Le premier numéro est la largeur de l'espace qui sera occupé par l'image interactive, le second est sa largeur; dans cet exemple : 700 par 400 pixels.
La taille réelle de l'image peut être bien plus que cela, surtout pour permettre d'avancer dans l'image sans perte de qualité.
Ces numéros ne modifient pas l'image elle-même, cependant, si on l'agrandie beaucoup, celle-ci paraîtra un peu floue et vice-versa.
Si vous modifiez le rapport largeur/hauteur, l'image conservera ses proportions (pas de distortion) mais remplira les nouvelles dimensions de la fenêtre.
Si l'image vous semble trop floue, la seule solution est de produire une nouvelle image à plus haute résolution (le fichier sera plus gros) et remplacer l'ancienne.
Comment insérer manuellement une image animée (gif) dans une page web
Le format GIF (animé ou non) existe depuis les début d'Internet.
Une simple balise <img> suffit pour insérer un graphique ou image de format GIF.
Voici un exemple :
Le codage html ci-dessus identifie le nom du fichier (« imagefilename.gif ») et sa localisation (un dossier nommé « images »).
Les attributs de largeur et de hauteur (en pixels) sont facultatifs mais fortement recommandés.
Vous devez utiliser les dimensions réelles, sinon l'image sera dégradée dans le navigateur.
La résolution mesurée en « DPI » est sans objet dans une page web.
L'attribut ALT est facultatif mais recommandé afin de donner de l'information au visiteur dans l'éventualité où le fichier serait introuvable ou si le visiteur aurait désactivé l'affichage des images.
Comment insérer une image animée (gif) dans PowerPoint
Utilisez le menu insertion, tout comme avec n'importe lequel graphique ou image. L'animation ne jouera qu'en mode présentation (pas dans le mode édition). Notez que PowerPoint et les récentes versions de Outlook respectent les indications de « Document Size », mesurés en pouces ou centimètres (pas en pixels!). Les navigateurs web se fient aux dimensions mesurées en pixels sans égard à la résolution en dpi. En conséquences, la taille apparente d'une image peut varier beaucoup entre une présentation PowerPoint (ou un courriel formaté en HTML dans Outlook) et une page web. Encore une stupidité de Microsoft!
J'ai inséré une image interactive dans ma page web mais un message d'erreur apparaît
L'affichage d'éléments multimédia dans une page web requiert souvent un codage sophistiqué qui dépend de fichiers externes. Si quelque chose n'est pas parfait ou même presque parfait, un message d'erreur apparaîtra pour signaler un problème. Révisez votre codage html ou vos scripts et assurez-vous que les fichiers sont présents, bien nommés, et bien situés dans la structure des dossiers du site web.
Pourquoi ne pas utiliser le format QuickTime VR (QTVR)?
Bien que la compoagnie Apple Computer Inc. soit l'inventeur de la technologie VR (réalité virtuelle) et le format QTVR, les photographes l'ont graduellement laissé tombé.
Les récentes version du logiciel Quicktime Player (2008-2010) ne pouvaient pas afficher les images VR sous les versions de plus en plus populaires de Windows (XP, Vista et 7) en mode 64-bits.
Même la versions Quicktime X, semble incompatible aux images VR de format Quicktime! Ces problèmes ont été réglés avec la version 7.6.6.
Il faut avouer qu'il y a une alernative au Quicktime Player pour visualiser les images VR en format Quicktime. Cependant, ceci requiert un téléchargement et l'installation d'un plugiciel : DevalVR plug-in.
Dans le cas d'un ordinateur Macintosh, si votre version de Quicktime X n'est pas compatible aux images VR de format Quicktime (.MOV), installez en parallèle la version 7.6.6 du Quicktime Player.
Nous avons décidé d'utiliser la technologie Flash de la compagnie Adobe Systems Inc. car Flash Player est l'un des logiciels les plus répandus sur la planète présentement.
Flash donne la même qualité visuelle en plus d'offrir plusieurs options non-disponibles avec la technologie Quicktime.
Présentement (2009-2010), Flash fonctionne bien avec tous les navigateurs importants. De plus, Adobe travaille à produire une version native pour les navigateurs web en mode 64-bits;
ceci est un problème mineur car très peu de gens utilisent un navigateur en mode 64-bits, même si leur ordinateur fonctionne sous ce mode.
Comment insérer une image interactive de format flash (un 360° ou un objet VR) dans PowerPoint
Bien qu'il soit possible d'insétrer une image interactive dans une présentation Poerpoint, c'est un peu compliqué.. Voici la recette :
Les instructions suivantes s'appliquent à PowerPoint 2007, version anglophone, sur un PC sous Windows.
1. Assurez-vous que Flash Player est installé sur votre ordinateur. Si vous pouvez voir les images interactives sur ce site web, ça marche!
2. Créez un dossier pour le projet (si pas déjà fait) et placez-y le fichier de l'image interactive.
3. Ouvrez Powerpoint 2007 sur un ordinateur PC (Windows), et enregistrez votre présentation dans le dossier du projet (si pas déjà fait).
4. Dans PowerPoint, en mode Normal (EDIT); allez à la diapo (la page) qui doit afficher l'image interactive.
5. Cliquez sur le bouton Microsoft Office dans le coin supérieur gauche, et cliquez ensuite sur PowerPoint Options.
6. Cliquez sur Popular, ensuite sur Top options for working with PowerPoint; cochez Show Developer Tab in the Ribbon et cliquez OK.
7. Dans l'onglet Developer tab, dans le Controls group, cliquez sur More Controls.
8. Dans la liste de contrôles, choisissez Shockwave Flash Object et cliquez OK.
9. Cliquez/glissez dans la diapo pour créer une rectangle qui contiendra l'image. Vous pourrez la redimensionner plus tard.
10. Cliquez avec le bouton droit de la souris sur le rectangle (le « Shockwave Flash Object ») et chosissez Properties.
11. Dans l'onglet Alphabetic, cliquez sur Movie property.
12. Dans la colonne Value, vis-à-vis Movie, tapez le nom du fichier de l'image interactive incluant l'extention de fichier (.swf).
Vous pourriez aussi indiquer l'adresse complète du fichier (C:\Users\username\documents\ ... \nomdufichier.swf) ou une adresse URL sur le web (http://www.mydomain.com/files/imagefilename.swf).
13. Pour que l'image joue automatiquement, choisissez Playing property: True; maintenant, fermez la fenêtre Properties.
14. Vérifiez le fonctionnement de l'image interactive en mode présentation.
15. Vérifiez votre présentation *plus d'une fois* et sur plus d'un ordinateur (surtout si la présentation sera éventuellement jouée sur un autre ordinateur).
Rappelez-vous de toujours déplacer le fichier de l'image interactive avec le fichier de votre présentation. Ne l'effacez pas, ne le renommez pas et ne changez pas sa localisation par rapport au fichier de votre présentation.
Vérifiez le fonctionnement de l'image interactive dans la présentation *plus d'une fois* sur au moins un autre ordinateur.
Note 1 : ce qui précède fonctionne grâce à un contrôle active-X; malheureusement, cette technologie ne fonctionne que sur les ordinateurs PC sous Windows (incompatible aux ordinateurs Macintosh).
Note 2 : l'image de format flash sera toujours en avant-plan; il est impossible de placer des textes ou graphiques devant cette image.
Cependant, il devrait être possible d'insérer une version Quicktime VR (extention de fichier .MOV) de l'image dans une présentation PowerPoint pour Mac. Contactez-nous si vous avez besoin d'une version Quicktime VR de votre image.
Une alternative à placer l'image directement dans la présentation est de placer un lien qui mène vers une page web (sur votre ordinateur ou sur le web).
Lorsque vous cliquerez sur le lien dans la présentation PowerPoint, votre navigateur affichera la page web et lorsque vous fermerez votre navigateur, la présentation pourra continuer.
Vérifiez *plus d'une fois* que cela fonctionne comme souhaité!
Note: Il y a probablement d'autres méthodes pour obtenir le même résultat. Si ce qui précède ne fonctionne pas pour vous... Google pourrait être votre meilleur ami!