V dnešnej dobe, keď bohužiaľ nemá každý rýchly internet je doslova nutnosť si grafiku (najmä layouty) rozrezávať. Ešte pred nedávnom som ani nevedela ako sa to robí, nuž dnes už viem a pokúsim sa to posunúť ďalej. Tu je na to tut! :)
Čo budeme potrebovať? Adobe Image Ready (súčasť Photoshopu)
V prvom rade je nutnosť si spraviť grafiku ;) Ako inak, že? Čo by sme potom rozrezali. :D Uložte si ju.
Ak chcete vážne kvalitnú grafiku, odporúčam formát .png . Lebo ak použijete .jpg tak sa vám písmo dosť krásne rozmaže a to vyzerá dosť amatérsky. Ak použijete .gif je to ešte horšie, pretože sa vám dotyčná grafika nejako divne "vybodkuje" alebo ako to nazvať. Proste, použijeme PNG!
Otvoríme si IMAGE READY a v ňom si otvoríme dotyčnú grafiku (pozn. pri formáte .png sa grafika už po kliknutý na dotyčnú grafiku otvorí v Image Ready).
Vezmeme si rozrezávatko -
Režeme obyčajnými ťahmi po layoute. Rozrežte si to tak, ako vám vyhovuje. Ak máte nejaký odkaz v layoute (napr. menu - navigation) tak sa jednoducho zbavíte máp na layoute, čiže si to len rozrežte po slovíčku a potom už v kódovaní len dávajte odkazy na tie obrázky (čiže na obrázok umiestnite odkaz na nejaký web. Trebárs).
Ak máte všetko rozrezané podľa svojich predstáv tak si to musíte uložiť. V tej hornej lište v menu nájdite File (je to hneď prvé, takže sa nenahľadáte) a tam Save Optimalizet as. Čiže uložiť optimalizované ako. Tam potom navoľte HTML and images (to nájdete hneď pod lištičkou, kde vpisujete názov) a dajte OK. Ono vám to nielen rozreže obrázky ale dokonca vám to aj v html poskladá. Tak a potom to už iba dokódujte, dopíšte si tam čo treba a spustite svoj web s rýchlo načítavajúcou sa grafikou :)
Ak by ste niečomu nerozumeli alebo potrebujete s niečím pomôcť, kontaktujte ma na maile saliney@waleon.net
English version (slovak highly)
Huge of people, don't have fast internet, so cut up layout to pieces are very favourite thing.
What you will need?? Adobe Image Ready (include in Photoshop)
First do graphic, what you want cut and don't forget save it.
If you want have realy HQ graphic, save it to format .png . Why? jpg format is really bad! Ak použijete If you use .gif format is it worse. So use PNG!
Otvoríme si IMAGE READY a v ňom si otvoríme dotyčnú grafiku (pozn. pri formáte .png sa grafika už po kliknutý na dotyčnú grafiku otvorí v Image Ready).
Take this function -
Cut the graphic with features. (I don't know, how this translate, sorry! :(( ) If you have menu in blend, you don't must use coords. You can cut up it and just give link to all "words". I hope you understand! :)
Now you must save cut graphic. Go to File (first in main menu) and choose Save Optimalizet as. Choose HTML and images and press OK. So this is all! :)
This tutorial I transate really worst, so I'm sorry! If you don't understand something from tutorial, just write! saliney@waleon.net