Jinsi Ya Kuteka Templeti Ya Wavuti

Orodha ya maudhui:

Jinsi Ya Kuteka Templeti Ya Wavuti
Jinsi Ya Kuteka Templeti Ya Wavuti

Video: Jinsi Ya Kuteka Templeti Ya Wavuti

Video: Jinsi Ya Kuteka Templeti Ya Wavuti
Video: Templerfx Broker MT4 |MetaTrader 4 For PC |Windows |Mac |Android |IOS (Download,Installation&Login) 2024, Mei
Anonim

Kuna idadi kubwa ya templeti za wavuti kwenye wavuti, lakini zina shida moja - sio za kipekee. Ikiwa mmiliki wa tovuti hataki muundo wa wavuti yake urudiwe mahali pengine, anaweza kuagiza templeti kutoka kwa mbuni wa kitaalam au kujaribu kuijenga peke yake.

Jinsi ya kuteka templeti ya wavuti
Jinsi ya kuteka templeti ya wavuti

Ni muhimu

Programu ya Adobe Photoshop

Maagizo

Hatua ya 1

Kuunda templeti yako sio kazi ngumu kama inaweza kuonekana kwa mtazamo wa kwanza. Ili kufanya kazi, unahitaji Adobe Photoshop - kwa kweli, unahitaji kuwa na angalau uelewa wa kimsingi wa kufanya kazi nayo. Lakini kabla ya kuzindua mpango na kuanza kuunda, unahitaji kufikiria juu ya muundo wa baadaye mapema. Njia rahisi zaidi ya kufanya hivyo ni kwanza kufahamiana na angalau templeti mia tayari, tathmini faida na hasara zao. Makini na suluhisho la mafanikio ya vitu kadhaa vya muundo. Hii haimaanishi kuwa utaziiga, lakini ni busara kuchukua suluhisho nzuri na rahisi kama msingi.

Hatua ya 2

Kulingana na uchambuzi wa templeti za watu wengine na ubunifu wako mwenyewe, unapaswa kupata wazo la jinsi tovuti yako itaonekana. Ni bora kufanya michoro mbaya za muundo wa baadaye na penseli za rangi kwenye karatasi za kawaida za A4. Unapaswa kuanza kufanya kazi na Photoshop tu baada ya kuwa na wazo wazi la ni nini hasa utakachochora.

Hatua ya 3

Anza Photoshop, unda mradi mpya wa 1200x1600, weka msingi wa uwazi. Washa zana ya Mtawala, ikiwa bado haijawashwa, ili kufanya hivyo bonyeza kitufe cha mchanganyiko wa Ctrl + R. Wezesha kupiga picha: Tazama - Kupiga picha.

Hatua ya 4

Sasa tunahitaji kugawanya templeti na miongozo ambayo itaonyesha mipaka ya vitu vyake - pande, nguzo, nk. Kwa mfano, unataka kugawanya templeti ili kuwe na safu nyembamba kushoto, safu pana upande wa kulia kulia kwa templeti, na juu kuna nafasi juu ya kichwa. Hii inamaanisha kuwa unahitaji mistari mitatu ya wima (mpaka wa kushoto wa templeti, kulia na mstari kati yao) na moja iliyo usawa, ikionyesha mpaka wa chini wa kichwa. Ili kuweka laini wima, sogeza mshale kwenda kwa mtawala wa kushoto upande wa kushoto, bonyeza V na, wakati unashikilia kitufe, buruta laini kwenye eneo unalotaka. Fanya vivyo hivyo na mistari mingine miwili ya wima. Zile zenye usawa zimejengwa kwa njia ile ile, mtawala wa juu tu ndiye anayetumiwa.

Hatua ya 5

Pata msingi wa templeti yako, inapaswa kuwa muundo mdogo, unaorudia. Fungua kwenye Photoshop, chagua, nakili. Kisha weka kwenye templeti mara nyingi kama unahitaji kuijaza na usuli. Bandika imefanywa kama hii: "Hariri" - "Bandika", na kisha buruta eneo la nyuma kwenye eneo unalotaka. Ni haraka zaidi kuingiza picha ukitumia amri ya Ctrl + V. Ongeza msingi wa kichwa cha tovuti kwa njia ile ile. Unaweza kutumia uporaji wa gradient kadhaa kuunda msingi.

Hatua ya 6

Kutumia zana ya Penseli, chora mipaka ya templeti, ukizingatia mistari iliyochorwa tayari (ambayo ni juu yao). Umepokea msingi wa templeti rahisi, sasa unahitaji kuiongezea na maelezo muhimu - vifungo vya urambazaji, mistari ya menyu, vitu anuwai vya mapambo, nk. Kwa habari zaidi juu ya jinsi ya kuunda vifungo na vitu vingine, soma nakala zinazofanana za kufanya kazi na Adobe Photoshop.

Hatua ya 7

Template imeundwa, sasa unahitaji kuikata vipande vipande ili kuiingiza kwenye ukurasa wa html. Tumia Zana ya Vipande kukata. Ili kuipata, bonyeza-click zana ya Fremu na uchague Kata kutoka kwenye menyu inayofungua. Sasa unaweza kuweka kiolezo kama unavyotaka, kisha uhifadhi: "Faili" - "Hifadhi kwa Wavuti". Kwenye dirisha linalofungua, chagua aina ya faili: HTML na picha, taja jina la faili: index.htm na uihifadhi. Utakuwa na faili ya index.htm na folda ya picha na picha zilizokatwa.

Ilipendekeza: