Photoshop problemer HASTER

Det gør du i søsterprogrammet ImageReady. Definer billedet som et ImageMap og udvælg området der skal være klikbart. Det område skal du sørge for at linke til et eller andet sted.

Det skulle være lige til at hoppe ud i. Ellers så sig til.

Lad mig lige starte med at sig : jeg er nybegynder på dette område, men jeg skal definer billedet som et imagemap, hvad mener du med det ? hvad skal jeg gøre ?

Du kan også bruge frontpage, hvis du ikke kan håndprogrammere det. Sæt billedet ind på siden og lav links med aktive områder på billedet. De aktive områder kan laves både runde, fir- og mangekantede.

Hilsen
Kim fra http://wwwbufferzone.dk

Jeg har en glimmerne program til at gøre det! Det hedder stone's WebWriter3, det kan du gøre det med, og det er ikke så svært!
Ved ikke lige hvor du kan finde det uden det koster penge men jeg har det og hvis det skulle være kunne jeg sende det til dig, med en E-mail men hvis du ikke har en ADSL linje kan jeg oploade det itl min HP og så kan du hente det der, men skriv til Daniel@post2.tele.dk og så kan jeg sende det og hvis du gerne vill ehave jeg oploader det så skriv også til mig at jeg skal oploade det, så skal jeg nok skrive tilbage når det er oploadet, og så kan jeg hjælpe dig der fra!

Hilsen Magma

Det kan du i dreamweaver. Marker billedet, og tegn hot-spots. Dem kan du give URL's eller kalde javascripts fra !

Du gør det i det program der hører med til Photoshop (ImageReady), som Prodic også siger.

Du åbner programmet, samt åbner dit billede i det.

Så kan du se en menu i bunden, en med flere forskellige faneblade. Der vælger du fanebladet ImageMap.

I din toolbox til venstre vælger du det værktøj der hedder Image Map tool. Du bestemmer selv om det skal være firekantet eller rundt.

Du tegner hen over det område på billedet, hvor du skal have et link. Og der bliver derefter mulighed for at udfylde nogle textfelter i ImageMap menuen.

Name må du selv bestemme. Url, der skriver du linket. Target, der vælger du om den skal åbne i nyt vindue, i samme vindue osv. Alt er den hjælpetekst der kan komme frem, ved mouseover...den behøver du ikke.

Når du har gjort det, går du op i File, Save optimized as. Og der inde i gemmemenuen kan du vælge (i filtyper) at gemme både billede og HTML, gør det, og gem et sted.

Så har du koden i et htmldocument.

Smart!

sikkert samme forklaring, blot på en anden måde - måske det lige fanger bedere!

Fra photoshop gemmer du dit billede som jpg eller gif, der er de mest gængse grafiske formater til brug på internettet. Jpg, bruger du hvis det er et billede, altså et photo eller blot et stykke grafik med over 255 forksellige farver. Gif, bruger du hvis du sidder med et logo eller andet der består af 255 faver eller et laver antal.

Derefter går du i "søster" programmet imageready og åbner dit billede, vælg så i bunder af skærmen, fanebladet/punktet - imagemap.
Nu får du mulighed for at definere nogle forskellige områder på dit billede der skal linke til forskellige steder.
Når du har "tegnet" et område på dit billede får du mulighed for at udfylde nogle formular punkter, altså en række tekstfelter hvori du skriver hvilket navn dette område skal have, adressen på den fil den skal linke til, om den skal åbne i det samme vindue, en anden frame, eller et nyt vindue og sidst kan du også vælge at udfylde "alt" - som svarer lidt til den tekst der kommer op hvis du placere din musemarkør over et ikon i et hvilket som helst program, eksempelvis photoshop - en typisk tekst kunne være: "Skriv mail" eller hvad punktet nu går ud på.

Når du har defineret den mængde områder du ønsker, går du op i file, save optimixed as.  Og her vælger du så at gemme som html, med billede.

På den måde publisere imageready selv, dit projekt som en hjemmeside, og du er nu klar til at se den virke i en browsen.

Hvis du så gerne vil have denne menu, eller hvad det nu måtte være du er ved at udvikle, til at være en del af en allerede eksisterende hjemmeside. Så åbner du blot htmlfilen, går ind i kildekoden og kopiere den kode der definere imagemappen.

NB!
Du kan også vælge at importere din photoshopfil direkte i imageready og først herefter konvertere den til et andet format, så som gif eller jpg.

Du kan også definere et imagemap i eksempelvis dreamweaver.

Det er vigtigt at forstå at det såkaldte imagemap ikke er en integreret del af billedet - det er en kode det ligger i htmlfilen som fortæller internet browseren at den skal reagere på klik på musen hvis den befinder sig i et område inden for en række hjørnepunkter på det enkelte billede, og hvilken handling det er der skal udføres!

Eftersom det netop er html-koden, det handler om og ikke billedets indhold, vil jeg anbefale at skrive/lave det i dreamweaver eller andre html-editorer. Ellers skal du kopiere rundt fra det ene html-dokument til det andet osv. Lav hotspots'ne, der hvor du laver hjemmesiden !!!

Alternativt kan du lave en flash med billedet i, og her lave "usynlige knapper", der udløser scripts (så kan du bare putte flashen ind som et billede på siden, og alt vil virke fint). Der er mange muligheder. Jeg kender ikke programmet imageready. Men det kan kun virke ved at det udgiver et html-dok samtidig med at det gemmer billedet. Så hellere lave dit eget html dokument !!!!!!!

Med venlig hilsen

Samme forslag som Bufferzone

Hvis du laver dine hjemmesider i Frontpage, skal jeg beskrive detaljeret hvordan.

Men fortæl mig lige, om du bruger Frontpage, og om du har fået løst problemet :-)

Tak for de mange svar, men det er lidt kompliceret at give point, så skriv hvis i er utilfredse !!!!

overhoved ikke, det vigtiste er om du er tilfreds med mindst et af svarene, God fornøjelse

helt i orden :-)