IMAGE SLICER KÉPDARABOLÁS-LINK HOZZÁRENDELÉS. A következő tutorialban bemutatom,hogy lehet egy kép részeihet linket hozzárendelni.Egy netvirágboltot
készítek.A neve virágláda lesz.Van tehát egy indexoldalam,és három
aloldal,ezek:rózsa,liliom,tulipán névre hallgatnak.Elkészítjük a "head"-et,ez
lesz majd mindegyik oldal tetején.  Azt szeretném,hogy az egyes virágokra klikkelve eljussanak az
emberek az aloldalakra.Tehát a képekhez kell rendelni valahogy a linkcímeket;pl.
:(http://www.virágláda.hu/liliom.html) A képet megnyitjuk a psp-ben,majd az image slicer ikont
keressük.Ezt a File-Export útvonal végén találod.  Ismerjük meg kicsit a panelt,és beállításait!  Az egyéni kijelölést fogjuk használni(kis szike ikon).Minél
kevesebb szelet vágására törekedjünk.Tehát a virágokat kell egy-egy négyzettel
körülkeríteni. Persze van olyan rész a képen, amire nem linkelünk majd,de
továbbra is a kép része.Körbehuzogattuk a virágokat.(Lenyomjuk az egérgombot,és
így vizszintes,vagy függőleges irányban elmozdítjuk kissé a szikét)Ezután a
nyíllal kijelöljük az egyiket,majd az url. kitöltése következik.Ide kell beírni
a címeket,ahogy látszik is.A többit a box-ból válasszuk ki,és csak a néven
változtassunk,így az elejét nem kell újra és újra beírni,mert háromnál még ok,de
huszonháromnál... Vessünk egy pillantást a "preference" panelre:  Ami lényeges,hogy a maximum history bla bla minél nagyobb
legyen.Ez a beírt oldalak száma,és ha kevesebb,mint kell...szóval állítsuk
maxira. Most következik a mentés.Itt figyelni kérem!Két dolog lesz
mentve.Egyszer egy html,egyszer pedig a kép darabjai,ezen sorrendben.
Tehát save gomb.Elsőként a html file-t mentjük,figyelni,hogy
hová!Legjobb külön mappába tenni,de még jobb egyenesen a html szerkasztőnk
templates nevű könyvtárába! Majd rögtön ezután,anélkül,hogy kilépne a program a
panelből,rögtön jön a képek mentése.Ezeket is oda mentsük,ahová a html-t!  Ezzel kész is lennénk,na de ezt be kell illeszteni a
html-dokuba!Megnyitjuk az index nevű (kezdőlap)html-t,majd a virágláda nevű
html-t is. 
A virágláda
html-en azt látjuk,hogy egy táblázat képeiként jelennek meg a képek.Ezt a táblát
át kell másolni az indexünkre,a "begin table"-től az"end table"-ig.A szokásos
módon,az egérrel kijelöljük,copy,majd átmegyünk az indexre,és ott
beillesztjük.Ezt látjuk,ha megjelenítjük a böngészővel a html-t(indexet):  Most szépen megkeressük az "src=" kezdetű részt,itt lesz a kép
neve,ezt kijelölöd,megjegyzed a nevét,kitörlöd,majd új képként beilleszted a
mappából,ahol a kép darabkái vannak.Mivel a psp-ben sorszámot kapnak,így nem
lehet eltéveszteni a sorrendet.Tehát mégegyszer:nem az "img name" után,hanem az
"src" után kell beilleszteni a kép részeit!  A html nagyon"érzékeny",tehát pontosan úgy kell kinéznie,mint
a képek beillesztése előtt.[Sajna ezt már magadnak kell kitapasztalnod. :)( ]Egy
másik mód,ha az intézőben átrakod a képeket a html szerkesztőd könyvtárába.Így
megjelennek maguktól a képek.A blank nevűt is be kell illeszteni,ez akkor
kell,ha páratlanok a kép darabkái.A táblázat ui.mindig páros részekből áll.De,ha
oda mentetted,ahová mondtam,akkor megjelennek a képek egyből.
Félkész állapotban így néz ki:  és így pedig,ha kész:  Látható,hogy működik a link. Üdv!Jó rajzolást!  |
| intearsdesign2008 all rights reserved! |