V spletu je ogromno predlog spletnih strani, ki pa imajo eno pomanjkljivost - niso edinstvene. Če lastnik spletnega mesta ne želi, da bi se oblikovanje njegovega spletnega mesta ponovilo drugje, lahko predlogo naroči pri profesionalnem oblikovalcu ali jo poskuša ustvariti sam.
Potrebno je
program Adobe Photoshop
Navodila
Korak 1
Ustvarjanje lastne predloge ni tako težka naloga, kot se zdi na prvi pogled. Za delo potrebujete Adobe Photoshop - seveda morate imeti vsaj osnovno znanje o delu z njim. Toda preden zaženete program in začnete ustvarjati, morate vnaprej premisliti o prihodnji zasnovi. To je najprimerneje narediti tako, da se najprej seznanite z vsaj sto pripravljenimi predlogami, ocenite njihove prednosti in slabosti. Bodite pozorni na uspešne rešitve nekaterih elementov oblikovanja. To ne pomeni, da jih boste kopirali, vendar je povsem smiselno, da za osnovo vzamete nekaj lepih in priročnih rešitev.
2. korak
Na podlagi analize predlog drugih ljudi in vaše lastne ustvarjalnosti bi morali dobiti idejo, kako bo videti vaše spletno mesto. Najbolje je narediti grobe skice prihodnjega oblikovanja z barvnimi svinčniki na običajnih listih A4. Z Photoshopom bi morali začeti sodelovati šele potem, ko se jasno zavedate, kaj natančno boste narisali.
3. korak
Zaženite Photoshop, ustvarite nov projekt 1200x1600, nastavite prozorno ozadje. Vklopite orodje ravnilo, če še ni vklopljeno, za to pritisnite kombinacijo tipk Ctrl + R. Omogoči snapping: View - Snapping.
4. korak
Zdaj moramo predlogo razdeliti z vodili, ki bodo prikazala meje njenih elementov - stranice, stolpce itd. Predlogo na primer želite razdeliti tako, da je na levi strani ozek stolpec, na desni strani desne strani predloge je širok stolpec, na vrhu pa je prostora za glavo. To pomeni, da potrebujete tri navpične črte (leva obroba predloge, desna in črta med njimi) in vodoravna, ki prikazuje spodnjo obrobo glave. Če želite nastaviti navpično črto, premaknite kurzor na levo ravnilo na levi strani, pritisnite V in, medtem ko držite tipko, povlecite črto na želeno mesto. Naredite enako z ostalima dvema navpičnima črtama. Vodoravne so zgrajene na enak način, uporablja se le zgornje ravnilo.
5. korak
Poiščite ozadje za svojo predlogo, naj bo majhen, ponavljajoč se vzorec. Odprite ga v Photoshopu, izberite, kopirajte. Nato v predlogo prilepite tolikokrat, kolikor jo želite zapolniti z ozadjem. Prilepi se tako: "Uredi" - "Prilepi" in povlecite območje ozadja na želeno mesto. Še hitreje je vstaviti sliko z ukazom Ctrl + V. Na enak način dodajte ozadje za glavo mesta. Za ustvarjanje ozadja lahko uporabite različna gradientna polnila.
6. korak
Z orodjem Svinčnik narišite meje predloge, s poudarkom na že narisanih črtah (torej na njih). Prejeli ste osnovo najpreprostejše predloge, zdaj jo morate dopolniti s potrebnimi podrobnostmi - gumbi za krmarjenje, vrsticami menijev, različnimi elementi okrasitve itd. Za več informacij o ustvarjanju gumbov in drugih elementov preberite ustrezne članke o delu z Adobe Photoshop.
7. korak
Predloga je ustvarjena, zdaj jo morate razrezati na koščke, da jih vstavite na stran html. Za rezanje uporabite orodje Slice. Če ga želite najti, z desno miškino tipko kliknite orodje Frame in v meniju, ki se odpre, izberite Cutout. Zdaj lahko predlogo ugnezdiš po želji in nato shraniš: "Datoteka" - "Shrani za splet". V oknu, ki se odpre, izberite vrsto datoteke: HTML & images, določite ime datoteke: index.htm in jo shranite. Imeli boste datoteko index.htm in mapo s slikami z narezanimi slikami.
