Mode d`emploi pour réaliser un hyperpaysage
Contents
1. En bas de l cran gauche vous voyez appara tre les coordonn es x y en pixels pour chaque point lorsque vous d placez la souris sur l image e Noter sur un papier les coordonn es du coin sup rieur gauche et les coordonn es du coin inf rieur droit de chaque zone sensible utile Si vous souhaitez d limiter un polygone plus complexe qu un rectangle par exemple pour d limiter une zone bien pr cise notez les coordonn es de tous ses sommets Attention d limitez des zones sensibles assez larges R aliser un hyperpaysage mode d emploi M Ericx M Pirenne et C Partoune octobre 2005 ES Institut d Eci p dagogie et Laboratoire de m thodologie de la g ographie Universit de Li ge Dans l exemple ci dessous les coordonn es de la zone entourant le skateboarder sont 20 55 70 130 amp Fichier Edition cran 2 Avec Paint Shop Pro QOurvrir le panoramique Dans View choisir Normal Viewing 1 1 Dans les outils s lectionner la fl che Parcourir l image avec la fl che et observer les coordonn es x y en pixels qui s affichent pour chaque point de l image dans le coin inf rieur gauche de la fen tre de travail R aliser un hyperpaysage mode d emploi M Ericx M Pirenne et C Partoune octobre 2005 Paint Shop Pro panol_jpg mpa File Edit View Image Colors Layers Selections Masks Capture Window Help Dens e k 88 QRO mln W M R el panol_1pg 1 1 Background nee2. _ d f t A Mrs a n f f v S e F gt AU Y a F M f ESANS HE RE07 f d a SE Image 1684 x 150 x 16 Milion 740 KBytes 4 e Noter sur un papier les coordonn es du coin sup rieur gauche et les coordonn es du coin inf rieur droit de chacune des zones sensibles Si vous souhaitez d limiter un polygone plus complexe qu un rectangle notez les coordonn es de tous ses sommets LA Etape 2 introduire les coordonn es des zones sensibles dans le code source de la page index htm e Ouvrir la page avec Netscape Composer e Double cliquer sur l avant dernier onglet jaune en dehors du cadre TITRE Etiquette HTML N entrez qu une seule tiquette avec son nom at ses attributs ou param tres la fois param HAME ink0 VALUE TERMA page htm LIEN VERS LA FAGE 27 10 R aliser un hyperpaysage mode d emploi M Ericx M Pirenne et C Partoune octobre 2005 ES Institut d Eci p dagogie et Laboratoire de m thodologie de la g ographie Universit de Li ge e Une ligne de code avec les coordonn es d une zone sensible appara t Remplacez les par celles que vous avez not es LA Etape 3 cr er le lien depuis la zone sensible vers une autre page web e Juste apr s les coordonn es que vous venez d introduire vous pouvez lire le nom de la page web vers laquelle ce lien conduit pour l instant page2 htm II faut remplacer page2 htm par le nom de la
3. couvrir le panorama g n ralement entre 12 et 15 pour une prise de vue l horizontale Quelques conseils e Prenez toujours une photo suppl mentaire II vaut mieux photographier 390 que 340 Veillez ne pas pousser sur les boutons du zoom lorsque vous photographiez un m me panoramique Les conditions de luminosit doivent tre les m mes pour tout le panoramique si un gros nuage ou un rayon de soleil inattendu appara t attendez un peu Les l ments photographi s doivent tre si possible permanents durant la dur e de la prise de vue vitez de photographier des l ments en mouvement voiture bus foule ou d brouillez vous pour qu ils soient au milieu d une image Un contre jour tant in vitable si le soleil brille privil giez les heures proches de midi Un ciel couvert est plus confortable sur ce plan 2 ASSEMBLER LES PHOTOS EN PANORAMIQUE Mat riel logiciel Photostitch 3 1 1 D charger les photos sur l ordinateur dans un dossier de travail 2 Lancer l application PhotoStitch Cliquer sur l onglet Ouvrir et s lectionner les photos une une ou alors s lectionner toutes les photos et les glisser toutes ensemble dans la grande fen tre blanche de PhotoStitch V rifier la succession des photos et supprimer les doublons le cas ch ant R aliser un hyperpaysage mode d emploi M Ericx M Pirenne et C Partoune octobre 2005 HYPER ES Institut d Eci p dagog
4. il faut parfois recommencer la prise de vue Sile r sultat est jug satisfaisant il faut maintenant r duire la taille de l impage en cliquant sur Ajuster l image pour avoir une hauteur d environ 150 pixels e Cliquer ensuite sur l onglet Enregistrer gauche C est le moment de nommer le fichier du panoramique Choisissez un nom qui permettra de le rep rer facilement l avenir et veillez respecter les r gles suivantes nom en minuscule sans accent et sans espace ajouter l extension jpg exemple tidzi jpg Choisir le format JPEG et enregistrer l image dans le dossier images qui se trouve dans le dossier classes du dossier kit hyperpaysage classes Ci images Eecter pmvr class Enregistrer ce document sous tidzi jpg Type de fichier Taille de l image 2252 x 514 e Le logiciel demande si vous souhaitez afficher l image ce stade ci ce n est pas n cessaire R sum de la proc dure d assemblage de panoramiques avec PhotoStitch Ouvrir Ins rer les photos R organiser gt 360 2 Fusionner Lancer 3 Enregistrer Ajuster l image gt height 150 pixels Enregistrer R aliser un hyperpaysage mode d emploi M Ericx M Pirenne et C Partoune octobre 2005 HYPER ES Institut d Eci p dagogie et Laboratoire de m thodologie de la g ographie Universit de Li ge 3 MODIFIER LA TAILLE DU PANORAMIQUE Maintenant que le panoramique e
5. lien vers la page contenant le panoramique de d part Pour respecter les conventions de publication Notez en bas de chaque page le nom de tous les auteurs de la page ainsi que les adresses mail le nom officiel de votre cole le nom des professeurs garants du contenu de la page et les sources ventuelles des textes et documents qui viennent de l ext rieur sites Internet ouvrages etc 16
6. page que vous aurez cr e voir chapitre 6 ci dessous et vers laquelle ce lien va conduire Exemple ci dessous vieux _ane htm e Ensuite apr s ce nom de page il faut remplacer LIEN VERS LA PAGE 2 par le ou les mots qui serviront d tiquette votre zone sensible L tiquette est le petit texte qui appara t lorsqu on survole une zone sensible avec la souris ci dessous QUI VA LA e Attention l criture de l tiquette doit tre en majuscules et sans accent ni apostrophe Paint Shop Pro panol ipg Fle Edt View Image Colors Layers Selections Masks Capture Window Help 88 2 eMNwE QUI VA LA Lal EF t zm h el panol ipg 1 1 Background R q Ei t on 11 R aliser un hyperpaysage mode d emploi M Ericx M Pirenne et C Partoune octobre 2005 HYPER ES Institut d Eci p dagogie et Laboratoire de m thodologie de la g ographie Universit de Li ge Netscape pain htm Lo v ne y y laa A Pr c dente Suivante Recharger Accueil Rech dresse 4 file Macintosh 20HD ga Infos connexes 27 page vieux_ane htm Pour cr er une deuxi me zone sensible s lectionner l onglet qui vient d tre r alis pas la ligne de code erreur fr quente le copier et le coller juste derri re lui m me L ouvrir et remplacer dans le texte linkO par link1 puis remplacer les coordonn es le nom de la page et l tiquette R p ter l op ration p
7. R aliser un hyperpaysage mode d emploi M Ericx M Pirenne et C Partoune octobre 2005 ES Institut d Eci p dagogie et Laboratoire de m thodologie de la g ographie Universit de Li ge HYPER Mode d emploi pour r aliser un hyperpaysage panoramique sur PC www ulg ac be geoeco Img hyperpaysages hp m_emploi pc doc QUIPEMENT Photo Logiciels e Appareil photo num rique avec cartouche et Photostitch logiciel pour assembler vos batteries ou appareil classique et scanner photos en panoramique sur CDRom avec e Pied pour fixer l appareil photo lors de la prise appareils photo Canon de vue panoramique niveau d eau s il n est ou Panotools graticiel sur www all in pas incorpor au pied one ee dersch e Syst me pour d charger les photos sur PhotoEditor Paint Shop Pro ou autre logiciel de retouche d images pour modifier les dimensions des images et trouver les coordonn es des zones sensibles Netscape Composer 4 7 graticiel pour cr er des pages web l ordinateur R aliser un hyperpaysage mode d emploi M Ericx M Pirenne et C Partoune octobre 2005 HYPER ES Institut d Eci p dagogie et Laboratoire de m thodologie de la g ographie Universit de Li ge Dossier kit hyperpaysage www ulg ac be geoeco Img hyperpaysages kit hyperpaysages zip Ne pas oublier de d zipper le dossier avec Winzip avant de l utiliser kit hyperpaysage Fichier Edition Affichage ttenm
8. dre Favoris 7 D aja Pr c dente Suwane Dossier parent Couper Copier Coller Annuler desse D 4H P kit hyperpansage classes hyperpaysage S lectionnez un l ment pour obtenir une description e 2 pages web vierges index htm qui contient d j dans son code les applets n cessaires pour faire d filer l hyperpaysage et y associer une carte page2 htm qui est une page classique e 1 dossier classes qui comprend Un fichier pmrv class n cessaire la rotation du panoramique un dossier images contenant contenant deux fichiers paysage jpg e paysage jpg t mini HYPER R aliser un hyperpaysage mode d emploi M Ericx M Pirenne et C Partoune octobre 2005 Institut d Eci p dagogie et Laboratoire de m thodologie de la g ographie Universit de Li ge 1 PHOTOGRAPHIER LE PANORAMIQUE Monter le pied le stabiliser et visser l appareil num rique V rifier que l appareil photographique est bien horizontal l aide du niveau Si l appareil en est dot s lectionner le mode d assemblage panoramique V rifier que le zoom ne soit pas activ Prendre la premi re photo Pivoter l appareil photo jusqu ce qu il y ait ajustement entre la photo qui vient d tre prise partiellement visible sur l cran en cas de mode d assemblage incorpor et la suivante recouvrement de 30 Prendre autant de photos n cessaires pour
9. et C Partoune octobre 2005 HYPER ES Institut d Eci p dagogie et Laboratoire de m thodologie de la g ographie Universit de Li ge Si vous souhaitez ins rer des images dans vos pages soit vous r alisez des photos de facto libres de droit soit vous scannez des images attention aux droits d auteur e Quelle que soient les images choisies il faut redimensionner les images gr ce au logiciel Graphic Converter de sorte qu elles ne p sent pas trop lourd rapidit du t l chargement e Enregistrer ces images au format GIF dessin au trait ou JPEG photos et les placer dans le dossier images qui se trouve dans le dossier classes dans le dossier kit hyperpaysages e Pour introduire l image voulue dans la page web utiliser l ic ne appropri e dans la premi re barre du menu fichier SansTitre Netscape Composer Fichier Edition Affichage Ins rer Format Owie Communicator Aide soa a a T Tr E E g E a oa hariz 5 Nouv Ouvrir ue Publier Aper u Couper Copier Coler Imprimer Rech Lien a a Orthographe Normal Vectariele jiz A 9 Modifier la taille Modifier la des caract res couleur du texte 5 Pour changer le fond de page aller dans le menu Format descendre jusqu Propri t s et couleurs de la page Cliquer sur Couleurs et arri re plan voir illustration ci dessous Deux options sont possibles soit s lectionner une couleur de fond dans une palette don
10. gistrer le panoramique dans le fichier images du dossier classes dans le dossier kit hyperpaysage R aliser un hyperpaysage mode d emploi M Ericx M Pirenne et C Partoune octobre 2005 HYPER ES Institut d Eci p dagogie et Laboratoire de m thodologie de la g ographie Universit de Li ge Avec Paint Shop Pro 6 0 T l chargeable l adresse www jasc com File Open rechercher le panoramique Dans le menu Image s lectionner Resize redimensionner Dans la fen tre de travail qui s ouvre v rifier dans le cadre Actual Print Size que la r solution est de 72 pixels inch Si non cocher le bouton Actual Print Size pour activer les rubriques et modifier la r solution Ensuite cocher Pixel Size Dans la rubrique Height hauteur indiquer 150 Cliquer OK au bas de la fen tre L image est maintenant redimensionn e Enregistrer l image File Save as rechercher le r pertoire Images dans le kit et renommer le fichier autrement par exemple pano _ tidzi jpg pour le distinguer du fichier original et conserver ce dernier par prudence 4 INS RER LE PANORAMIQUE DANS LA PAGE INDEX Ouvrir l application Netscape Composer e Dans Fichier s lectionner Ouvrir puis Page dans Composer et aller chercher la page index htm qui se trouve dans le dossier kit hyperpaysage Cette page comprend un cadre pour accueillir le panoramique et une s rie d onglets
11. ie et Laboratoire de m thodologie de la g ographie Universit de Li ge e Cliquer sur R organiser et choisissez 360 dans le menu d roulant ou h orizontal si votre panoramique ne couvre pas 360 PhotoStitch R organisef les images iduez sur R organiser pour s lectionner l ordre de fusion lors argement de toutes les images 1 S lectionner et r orqaniser 2 Fusionner 3Enredgistrer F n y S 4 9 Duwit F dtganiser Bascular Effacer B tation Agrandir R duire 600 x 600 Couleurs 64 2 Cliquer sur l onglet 2 Fusionner et puis juste en dessous gauche sur l onglet Lancer Si les photos ont t prises avec un autre appareil qu un Canon le logiciel demande de pr ciser la distance focale de prise de vue Choisir panoramique L assemblage se fait ensuite automatiquement l S lectionner etr organiser 2 Fusionner 3 Enredistrer Frs Ajuster m re Agrandir R duire Enregistre Taille de l image 2252x514 gt HYPER R aliser un hyperpaysage mode d emploi M Ericx M Pirenne et C Partoune octobre 2005 Institut d Eci p dagogie et Laboratoire de m thodologie de la g ographie Universit de Li ge N e Une fois l assemblage termin cliquer sur l onglet 3 Enregistrer L image appara t rogn e par un cadre Vous pouvez ainsi appr cier si la prise de vue a bien t effectu e sur un plan horizontal du d but la fin S il y a trop de perte
12. ire de m thodologie de la g ographie Universit de Li ge Sa Etape 2 cr er des liens dans les pages S lectionner le mot que vous voulez lier Cliquer sur l ic ne Lien fichier 7775 ans Titre Netscape Composer Fichier Edition Affichage Ins rer Format Outils Communicator Aide Ho E w gk E E EE EE f H Nouw Ouvrir Enregistrer Publer Aper u Couper Copier Coler Imprimer Rech Lien Cible Image Lign Normal Vectorielle 24 E i A A TZ 5 EE AYSAGE Rechercher la page cible en cliquant sur Choisir un fichier Lorsque le lien sera tabli le mot choisi sera soulign Si vous souhaitez tablir un lien vers une page sur un site internet externe par exemple la page d accueil du site de l Universit de Li ge il faut noter l adresse compl te de la page dans la case vierge pr vue cet effet http www ulg ac be 7 QUELQUES R GLES RESPECTER POUR CR ER UN HYPERPAYSAGE OPTIMAL Pour viter que le visiteur se perde Ce site web tant susceptible d tre visit par tout le monde vous devez penser faciliter la navigation du visiteur et viter qu il se perde Pour cela nous vous conseillons 1 de placer en bas de page un Retour page pr c dente que vous pouvez copier et coller partir de la page2 htm du dossier kit hyperpaysage 2 placer un panoramique miniature en bas de chaque page issue directement de ce paysage et cr er un
13. jaunes qui correspondent diff rents param tres Par exemple si vous double cliquez sur l onglet jaune qui se trouve dans le cadre vous avez acc s aux param tres qui d finissent la hauteur HEIGHT et la largeur WIDTH du cadre de l image Constatez qu ici la hauteur est de 135 pixels Modifiez donc cette donn e et remplacez la par 150 Annuler W rifigr Aide R aliser un hyperpaysage mode d emploi M Ericx M Pirenne et C Partoune octobre 2005 HYPER ES Institut d Eci p dagogie et Laboratoire de m thodologie de la g ographie Universit de Li ge e Pour remplacer la photo existante par votre panoramique double cliquer sur le premier onglet en dehors du cadre Dans la fen tre il suffit de modifier le nom du fichier image ici paysage jpg en le rempla ant par le nom de votre panoramique Enregistrer Etiquette HTML D Re TITRE 5 M entrez qu une seule tiquette avec son nom et ses attributs ou param tres la fois Annuler W rifier Aide PIN CEECEE Pour v rifier que tout cela fonctionne visionner la page index htm en cliquant sur l ic ne Aper u 5 CR ER DES ZONES SENSIBLES DANS L IMAGE Etape 1 d terminer les coordonn es des zones sensibles Avec Photo Editor Ouvrir le panoramique redimensionn Fichier Ouvrir Dans le menu Affichage s lectionner R gle Cliquer sur Affichage puis sur Unit s de mesure et choisissez en pixels
14. n e soit utiliser une image comme fond de page cliquer sur image ou sur Choisir un fichier e C est galement cet endroit que vous pouvez modifier la couleur des liens dans vos pages Par d faut les liens non visit s sont en bleu roi Propri t s de la page X G n rales Couleurs et arri re plan Etiquettes META SEE ue la page ru Utiliser les couleurs personnalis es enregistrer les couleurs dans la page Teste normal Texte normal Teste du lien Texte du lien Texte du lien activ Lien s lectionn actif Pour modifier la couleur du Arn re plan l image d arri re plan pr vaut sur la couleur fond de Mod les de couleurs Couleurs par d faut de Netscape page Texte du lien suivi Lien consult Image d arn re plan PF Utiliser l image Pour mettre une image F Laisser l image l emplacement d origine Choisir le fichier Enregistrer ces param tres pour de nouvelles pages Annuler Appiguer Aide en fond de page 14 R aliser un hyperpaysage mode d emploi M Ericx M Pirenne et C Partoune octobre 2005 HYPER ES Institut d Eci p dagogie et Laboratoire de m thodologie de la g ographie Universit de Li ge e Enregistrer toutes les pages ainsi cr es dans le dossier kit hyperpaysage 15 HYPER R aliser un hyperpaysage mode d emploi M Ericx M Pirenne et C Partoune octobre 2005 Institut d Eci p dagogie et Laborato
15. our link2 link3 etc selon le nombre de zones sensibles que vous avez choisi V rifiez tous ces liens en cliquant sur le gouvernail V rifiez que toutes vos pages poss dent un nom en minuscule sans accent sans apostrophe ni espace et qu il se termine par htm V rifiez toutes les tiquettes 12 R aliser un hyperpaysage mode d emploi M Ericx M Pirenne et C Partoune octobre 2005 ES Institut d Eci p dagogie et Laboratoire de m thodologie de la g ographie Universit de Li ge 6 CR ATION DES PAGES WEB DE LA VISITE VIRTUELLE Avec Netscape Composer tape 1 cr er une page Il faut maintenant cr er les pages o vont aboutir les zones sensibles Par exemple en cliquant sur la zone sensible dans le pano ci dessous le navigateur va d couvrir une page que nous avons appel e vieux_ane htm Fichier Edition Image Effets aperiai T EURE PR E O G Netscape pain htm R a gt 3 4 dente SUN ante Recharger Accueil Rech Joadresse A e77 racintosngzono7 file Macintosh 20HD Macintosh 20HD E Infos connexes page vieux_ane htm Pour cela Ouvrir la page page2 htm avec Netscape Composer Sauver cette page en utilisant la fonction Enregistrer sous et lui donner un autre nom Introduire du texte Pour modifier l apparence du texte utiliser les ic nes dans la seconde barre du menu 13 R aliser un hyperpaysage mode d emploi M Ericx M Pirenne
16. st assembl il faut l int grer dans la page index htm dossier kit hyperpaysage En ouvrant cette page avec Netscape composer vous verrez que le cadre pr vu pour accueillir le panoramique a une taille d termin e choisie par les concepteurs des hyperpaysages sur base de crit res ergonomiques Il faut donc adapter la taille de votre panoramique cette fen tre Bien entendu vous pourriez opter pour une autre taille il faudrait alors tenir compte des dimensions voulues O Netscape Composer Page 1 Panoramique Macintosh HD Desktop Folder kit hyperpaysage index htm FE LDS8 7 4 gF EE Z aH a Neme gt f7 M A AAA 150 pixels de hauteur Pour modifier la taille de l image deux proc dures sont d crites l une avec Photo Editor l autre avec Paint Shop Pro Avec Photo Editor Dans le menu Fichier choisir Ouvrir et rechercher le panoramique Pour redimensionner l image choisir Image dans le menu puis Redimensionner Choisir l unit en Pixels Imposer de conserver les proportions Transformer la taille du panoramique en indiquant 150 pixels de hauteur La largeur s ajustera automatiquement Pour enregistrer ce panoramique sous format JPEG cliquer sur Enregistrer sous Donner un nouveau nom au panoramique redimensionn pour le distinguer du fichier original et conserver ce dernier par prudence Lui donner l extension jpg exemple pano_tidzi jpg e Choisir le format JPEG et enre
Download Pdf Manuals
Related Search