Žiniatinklyje yra labai daug svetainių šablonų, tačiau jie turi vieną trūkumą - jie nėra unikalūs. Jei svetainės savininkas nenori, kad jo svetainės dizainas būtų pakartotas kitur, jis gali užsisakyti šabloną iš profesionalaus dizainerio arba pabandyti jį sukurti pats.
Tai būtina
„Adobe Photoshop“programa
Nurodymai
1 žingsnis
Sukurti savo šabloną nėra tokia sunki užduotis, kaip gali atrodyti iš pirmo žvilgsnio. Norėdami dirbti, jums reikia „Adobe Photoshop“- žinoma, turite turėti bent jau pagrindinį supratimą apie darbą su ja. Tačiau prieš paleisdami programą ir pradėdami kurti, turite iš anksto apgalvoti būsimą dizainą. Patogiausias būdas tai padaryti yra pirmiausia susipažinti su bent šimtu paruoštų šablonų, įvertinti jų pranašumus ir trūkumus. Atkreipkite dėmesį į sėkmingus tam tikrų dizaino elementų sprendimus. Tai nereiškia, kad juos nukopijuosite, tačiau yra pagrįsta remtis gražiais ir patogiais sprendimais.
2 žingsnis
Remdamiesi kitų žmonių šablonų analize ir savo kūrybiškumu turėtumėte suprasti, kaip atrodys jūsų svetainė. Geriausia daryti neapdorotus būsimo dizaino eskizus spalvotais pieštukais ant paprastų A4 formato lapų. Pradėti dirbti su „Photoshop“turėtumėte tik gerai supratę, ką tiksliai piešsite.
3 žingsnis
Paleiskite „Photoshop“, sukurkite naują 1200x1600 projektą, nustatykite skaidrų foną. Norėdami tai padaryti, įjunkite liniuotės įrankį, jei jis dar neįjungtas, paspauskite klavišų kombinaciją „Ctrl“+ R. Įgalinti fiksavimą: rodinys - fiksavimas.
4 žingsnis
Dabar mes turime padalyti šabloną su vadovais, kurie parodys jo elementų kraštus - šonus, stulpelius ir kt. Pvz., Norite padalyti šabloną taip, kad kairėje pusėje būtų siauras stulpelis, dešinėje dešinės pusėje - platus stulpelis, o viršuje būtų vietos antraštei. Tai reiškia, kad jums reikia trijų vertikalių linijų (kairės šablono kraštinės, dešinės ir linijos tarp jų) ir horizontalios, rodančios antraštės apatinę kraštinę. Norėdami nustatyti vertikalią liniją, perkelkite žymeklį į kairę liniuotę kairėje pusėje, paspauskite V ir, laikydami nuspaudę klavišą, vilkite liniją į norimą vietą. Atlikite tą patį su kitomis dviem vertikaliomis linijomis. Horizontalieji statomi taip pat, naudojamas tik viršutinis liniuotė.
5 žingsnis
Raskite savo šablono foną, jis turėtų būti nedidelis, pasikartojantis raštas. Atidarykite jį „Photoshop“, pasirinkite, nukopijuokite. Tada įklijuokite į šabloną tiek kartų, kiek jums reikia užpildyti fonu. Įklijavimas atliekamas taip: „Redaguoti“- „Įklijuoti“, tada vilkite fono sritį į norimą vietą. Dar greičiau įterpti vaizdą naudojant komandą „Ctrl + V“. Tokiu pačiu būdu pridėkite svetainės antraštės foną. Norėdami sukurti foną, galite naudoti įvairius gradiento užpildus.
6 žingsnis
Naudodami pieštuko įrankį, nubrėžkite šablono kraštus, sutelkdami dėmesį į jau nubrėžtas linijas (tai yra ant jų viršaus). Gavote paprasčiausio šablono pagrindą, dabar jį turite papildyti reikalingomis detalėmis - naršymo mygtukais, meniu eilutėmis, įvairiais dekoravimo elementais ir kt. Norėdami gauti daugiau informacijos apie mygtukų ir kitų elementų kūrimą, skaitykite atitinkamus straipsnius apie darbą su „Adobe Photoshop“.
7 žingsnis
Šablonas sukurtas, dabar jūs turite jį supjaustyti į dalis, kad įterptumėte juos į HTML puslapį. Norėdami supjaustyti, naudokite „Slice Tool“. Norėdami jį rasti, dešiniuoju pelės mygtuku spustelėkite rėmelio įrankį ir atsidariusiame meniu pasirinkite Iškirpti. Dabar galite įdėti šabloną pagal pageidavimą, tada išsaugokite: „Failas“- „Išsaugoti žiniatinkliui“. Atsidariusiame lange pasirinkite failo tipą: HTML ir vaizdai, nurodykite failo pavadinimą: index.htm ir išsaugokite. Turėsite failą index.htm ir vaizdų aplanką su supjaustytais vaizdais.
