Mappatura di un'immagine

How to track an image

* tutorial AnnaDC *

 

 

1) Apri l'immagine da mappare in PSP (esempio la carta d'identità)
    
Open the image you want to track in PSP (for example the identity card)
 
2) File - esporta - mappa d'immagine
    
File - export - image track
 
3) Sistema con lo strumento "mano" l'immagine per visionare bene l'area dell'immagine da rendere "sensibile" al mouse
    
Use the tool "hand" to see well the area of the image you want to chart with your mouse
 
4) Clicca sullo strumento "rettangolo" e contorna l'area  (la scritta del link)
    
Click on the tool "rectangle" and limit the area (the link address)
 

 

vedrai comparire delle coordinate in proprietà cella, sono quelle della tua area.
you will see the properties cell coordinates, they are those of your limited area.
 
5) Vai poi su "Proprietà cella" e scrivi in URL l'indirizzo del sito da collegare
- poi nella casella Testo scrivi il commento che dovrà comparire quando passi il mouse sulla zona sensibile
(esempio: sito mio grafica)
- nella casella Dest scegli "blank" per far aprire la pagina in una nuova finestra
    
Click on "Cell Properties" and type the URL of the website you want to connect
- in the Text area type the comment you want people to see when they put their mouse on the sensible area (for example: my graphic website)
- in the Dest area choose "blank" to let open the link in a new page
 
6) Vai in Formato e scegli quello che vuoi (esempio:  jpg)
    
Click on Format (shape) and choose what you prefer (example: jpg)
 
7) per vedere l'anteprima nel tuo browser clicca sul pulsante occhio.
    
to see the preview in your browser click on the eye button.
 
8) Clicca sul pulsante Salva con nome e PSP ti permetterà di salvare  il file html che contiene i collegamenti e il percorso dell'immagine collegata  in una cartella, cliccando salva nelle finestre successive.
- Volendo puoi anche salvare solo il codice html da utilizzare subito, cliccando su salva negli appunti.
    
Click on the button Save with Name and PSP will let you save your Html file that contains the connections and the image link to your image in a file and choose Save to all the other pages.
 
9) Puoi fare più aree sensibili, basta cliccare di nuovo sullo strumento rettangolo e cliccare due volte sul primo rettangolo.... e fare tutto quanto fatto finora ...
    
You can create more sensible areas, its enough to click again on the rectangle tool and click twice on the first rectangle ... and do what you did till now ...
 
10) Il file html salvato e relativa immagine possono essere messi on line .....o in Outlook Express.
      
You can also put the saved html file and relative image online .... or in Outlook Express
 
Se vogliamo pubblicare l'immagine su Outlook Express  clicchiamo sul file html  e si aprirà nel browser
- clicchiamo su visualizza html - si aprirà il blocco note - selezioniamo questa parte di codice....
If you want to put on Outlook Express your image, click of th html file and your browser will open
. click on See Html - Block note will open - select the following part of the code ...
 
...........
 
<img name="CI_Neutra0" src="CI_Neutra.jpg" width="550" height="407" border="0" usemap="#CI_Neutra" alt="" />

 

<map name="CI_Neutra">
<area shape="rect" coords="329,81,493,104" href="http://zibaldone.altervista.org" target="_blank" alt="sito mio grafica">
<area shape="rect" coords="323,132,499,159" href="http://lavorionline.altervista.org" target="_blank" alt="sito mio scuola">
</map>

 ...........

- copia, vai in Outlook Express, Nuovo Messaggio,
- clicca sulla linguetta Origine in basso a sinistra (se non è presente  clicca su  visualizza  e spunta modifica origine)
- ora incollalo tra i tag <body> e </body>
. copy, go to Outlook Express, New Message
. click on Origin, below on the left (if you don't see it click on Visualize > Modify Origin)
. now paste between the tags <body> and </body>
 
Adesso modifica il percorso dell'immagine dove c'è scritto src="CI_Neutra.jpg"
metti tra le virgolette il percorso della tua immagine, per esempio:
Now modify the image link where you see written > src="CI_Neutra.jpg"
and insert between " and " your image link, for example:
 
src="C:\Documents and Settings\HP_Proprietario\Desktop\provamappa\tut\CI_Neutra.jpg"
 
- clicca su Anteprima e verifica i collegamenti.
. click on Preview and check the connections.
 
 

Menu


background texsn1 by www - Grazie a AnnaDC per questa spiegazione