Ustvarjanje lastnega spletnega mesta se vedno začne z razvojem skice in prihodnjega oblikovanja, sestavni del tega razvoja pa je vizualizacija zasnove spletnega mesta v Photoshopu in razrez končnega dizajna na bloke za nadaljnjo postavitev. Sposobnost pravilnega izrezovanja slike zasnove spletnega mesta neposredno vpliva na nadaljnji uspeh postavitve in pravilno postavitev grafičnih datotek na strežnik.
Navodila
Korak 1
Odprite ustvarjeno oblikovalsko postavitev v Photoshopu, ki je solidna slika želene ločljivosti. V orodni vrstici v Photoshopu izberite orodje Slice. Začasno izklopite vidnost vseh besedilnih slojev, vnosnih polj, ikon in podobnih elementov.
2. korak
Z izbranim orodjem narišite vodilne črte, po katerih boste razrezali spletno mesto - te črte na sliki bodo zelene. Enodelno postavitev skrbno razdelite na strukturne elemente želene velikosti in količine.
3. korak
Pomislite, kako boste izrezali sliko - v njej ne sme biti preveč posameznih elementov. Če želite ustvariti vodilne črte, postavite kazalec na zgornje ravnilo nad sliko, z levim gumbom miške kliknite in povlecite navzdol po vodilu. Spustite gumb miške.
4. korak
Ko so nastavljena vsa vodila (navpična in vodoravna), nadaljujte z rezanjem postavitve.
5. korak
Z zgoraj izbranim rezalnim orodjem izrežite postavitev tako, da z levim klikom na začetek vsake smernice raztegnete prikazano polje na velikost želenega predmeta, ki ga želite izrezati. Spustite levi gumb miške, tako da se v levem kotu izrezanega fragmenta prikaže serijska številka.
6. korak
Meje drobcev prilagodite tako, da jih ročno raztegnete. Če želite shraniti narezane dele celotne slike, v meniju Datoteka kliknite možnost »Shrani za spletne strani« in izberite obliko JPEG. V oknu za shranjevanje izberite "Vsi fragmenti".
7. korak
Po ločenem shranjevanju izrezanih fragmentov slike shranite vse vizualne elemente oblikovanja strani - besedilne bloke, gumbe, črte itd.
