Ikiwa unataka kubuni na kuunda kurasa za wavuti, mchakato huu utakuwa rahisi zaidi ikiwa unapanga mapema. Katika awamu ya kupanga, mbuni na mteja wanaweza kufanya kazi pamoja kupata fomati na mpangilio unaofaa mahitaji yao. Mchakato wa upangaji unaathiri mtindo au mtindo wa wavuti, unaweza kusema hii ndio sehemu muhimu zaidi katika muundo wa wavuti, haswa ikiwa ni kwa sababu ya biashara.
Hatua
Sehemu ya 1 ya 4: Kuunda Muundo wa Msingi
Hatua ya 1. Tambua kazi ya wavuti
Ikiwa unaunda wavuti ya kibinafsi, labda tayari unajua jibu. Walakini, ikiwa unaunda wavuti kwa shirika lingine, kampuni, au mtu, unahitaji kujua wanataka nini na utendaji wa wavuti. Kila kitu unachotaja hapa kitaanza kutumika wakati ukurasa wa wavuti umekamilika.
- Je! Wavuti inahitaji Hifadhi ya Duka? Je! Maoni ya mtumiaji yanapaswa kutolewa? Je! Mtumiaji atahitaji kuunda akaunti baadaye? Je! Nakala ya wavuti imeelekezwa? Au mwelekeo wa picha? Maswali haya yote na mengine yatakusaidia katika kubuni na kubuni wavuti.
- Mchakato huu wa kupanga unaweza kuchorwa kwenye kuchora, haswa ikiwa ni kwa kampuni kubwa na watu wengi wanahusika katika kuunda mradi huu.
Hatua ya 2. Unda mchoro wa ramani ya tovuti (ramani ya tovuti)
Mchoro wa ramani ni sawa na chati ya mtiririko, inayoonyesha jinsi watumiaji wanavyohama kutoka ukurasa mmoja hadi mwingine. Huna haja ya ukurasa wa wavuti katika hatua hii, mtiririko wa jumla wa dhana. Unaweza kutumia programu ya kompyuta kuunda michoro au kuchora yako mwenyewe kwenye karatasi. Tumia mchoro huu kuonyesha dhana za mpangilio wa kihierarkia na uunganisho wa ukurasa wa wavuti.
Hatua ya 3. Jaribu njia ya kuandaa kadi
Njia moja maarufu ya ukuzaji wa wavuti wa kikundi ni kutumia kadi kadhaa kujua matarajio ya kila mtu. Chukua kadi kadhaa za maandishi na uandike yaliyomo kwenye ukurasa wa wavuti kwa kila mmoja mmoja. Panga kadi hizi pamoja na timu yako ili kupata dhana bora. Njia hii inafaa kutumiwa unaposhirikiana na wengine kwenye uundaji wa kurasa za wavuti.
Hatua ya 4. Tumia karatasi na ubao wa matangazo, au ubao mweupe
Hii ni njia ya kupanga ya asili kwenye bajeti ndogo, unaweza kufuta haraka au kubadilisha yaliyomo na kubadilisha mtiririko. Chora muundo wako wa wavuti kwenye karatasi, kisha unganisha karatasi na uzi, au chora mistari ubaoni. Njia hii inafaa sana kutumika katika vikao vya mawazo.
Hatua ya 5. Unda orodha ya yaliyomo
Kwa kweli huwa sahihi zaidi kutumia katika kuunda upya wavuti kuliko katika muundo mpya wa wavuti. Ingiza kila kipande cha yaliyomalizika au ukurasa wa wavuti kwenye lahajedwali. Andika muhtasari wa kila kipande cha yaliyomo au ukurasa, ukitumia orodha hii kuamua ni nini cha kuondoa na nini cha kuweka. Unaweza kurahisisha muundo wa wavuti na kurahisisha mchakato wa kuunda upya baadaye.
Sehemu ya 2 ya 4: Kuunda muhtasari wa kimsingi wa HTML
Hatua ya 1. Unda jina la waya ili kuanzisha uongozi wa ukurasa wa wavuti
Kiolezo cha msingi cha HTML ni mwongozo wa tovuti utakayojenga, ukitumia tu vitambulisho vya msingi na sampuli (vizuizi / templeti) tu. Mfumo huu unajibu swali, "Ni nini kinachoonekana kwenye wavuti na wapi?" Uundaji na uundaji hauhitajiki katika kuunda muhtasari huu.
- Unaweza kuona muundo na chati ya mtiririko wa yaliyomo na muhtasari wa kimsingi kabla ya kuchagua mpangilio wa mtindo.
- Violezo vya msingi vya HTML sio tuli kama PDF au picha, unaweza kutelezesha haraka kupitia yaliyomo kwenye sampuli ili kuunda miundo mpya.
- Mfumo wa msingi ni mwingiliano ambao unawanufaisha watengenezaji wa wavuti na wateja. Kwa kuwa mfumo huu wa kimsingi umeandikwa na nambari rahisi ya HTML, bado unaweza kuiendesha na kujua jinsi ubadilishaji wa ukurasa wa wavuti unavyofanya kazi. Hii haiwezi kufanywa na PDF.
Hatua ya 2. Jaribu njia ya Sanduku la Kijivu
Zuia au onyesha yaliyomo kwenye ukurasa wako kwenye Grey Box, yaliyomo muhimu zaidi ni juu. Panga yaliyomo kwenye safu moja. Kwa mfano, ikiwa ukurasa ni "Kuhusu Kampuni" basi habari ya kina juu ya kampuni iko juu, ikifuatiwa na orodha ya wafanyikazi, kisha wasiliana na habari, n.k.
Hii haijumuishi vichwa vya kichwa na vichwa. Sanduku la kijivu ni uwakilishi wa kuona wa yaliyomo ambayo yataonekana kwenye wavuti
Hatua ya 3. Jaribu mpango wa msingi wa wajenzi
Kuna programu anuwai ambazo unaweza kutumia katika mchakato wa kuunda mfumo msingi wa wavuti. Kiasi cha nambari ya programu ya wavuti (lugha) ambayo unapaswa kujua ni tofauti kwa kila programu. Baadhi ya mipango ambayo ni maarufu sana ni pamoja na:
- Mfano wa Maabara. Tovuti hii imejitolea kwa "muundo wa atomiki", kila yaliyomo inachukuliwa kuwa "molekuli" ambayo inajumuisha ukurasa mkubwa wa wavuti.
- Rukia. Ukurasa huu wa wavuti hutoa huduma za upangaji wa mtandao na huduma za kutunga. Tovuti hizi zinalipwa na zinahitaji usajili, lakini unaweza kujenga mifumo ya wavuti haraka bila ya kuwa na msimbo mwingi wa programu ya wavuti.
- Wirefy. Wirefy ni tovuti nyingine ambayo inatoa "muundo wa atomiki". Waendelezaji wa wavuti wanaweza kupata zana bila malipo.
Hatua ya 4. Tumia markup rahisi ya HTML
Template nzuri ya kimsingi itabadilisha kwa urahisi tovuti ya asili. Usifikirie sana juu ya mtindo wa wavuti wakati wa mchakato wa kuunda templeti hii. Tumia alama ambayo inaweza kueleweka na kubadilishwa.
Mfumo rahisi wa kimsingi ni bora zaidi. Kusudi la kuunda markup ni kujenga muundo. Uonekano wa kuona unaweza kubadilishwa baadaye na CSS na markup ya hali ya juu
Hatua ya 5. Unda muhtasari wa kimsingi kwa kila ukurasa wa wavuti
Unaweza kushawishika kulinganisha kila ukurasa wa wavuti na muhtasari mmoja wa kimsingi. Kwa kweli, hii itafanya tu tovuti yako iwe wazi na ya kuchosha. Unda muhtasari tofauti kwa kila ukurasa, utaelewa kuwa kila ukurasa unahitaji muundo wake.
Sehemu ya 3 ya 4: Kuunda Maudhui
Hatua ya 1. Andaa yaliyomo kabla ya kuunda ukurasa wa wavuti
Utapata ni rahisi sana kukagua mwonekano wako wa wavuti ikiwa tayari unayo yaliyomo badala ya kutumia sampuli au vishika nafasi. Huna haja ya kuwa na maudhui mengi, lakini utaftaji wako utaonekana bora zaidi ikiwa utatumia nakala ya picha asili.
Sio lazima uwe na nyenzo zote za kifungu, lakini angalau inapaswa kuwa na kichwa halisi
Hatua ya 2. Kumbuka kuwa maudhui mazuri sio maandishi tu
Mtandao ni ngumu zaidi kuliko ukurasa rahisi wa wavuti wa maandishi. Unahitaji yaliyomo anuwai tofauti ili kuunda wavuti nzuri kuvutia na kukaribisha wageni. Kwa mfano:
- Picha.
- Sauti.
- Video.
- Uhamisho wa wavuti au mtiririko wa wavuti (Twitter)
- Ujumuishaji wa Facebook
- RSS
- Chakula cha wavuti
Hatua ya 3. Uliza msaada kwa mpiga picha mtaalamu
Ikiwa unataka kujumuisha picha kwenye wavuti yako, hisia ya kwanza utakayopata kutoka kwa wavuti yako itakuwa bora zaidi ikiwa imejazwa na upigaji picha wa kitaalam. Picha moja nzuri ina thamani ya picha zaidi ya ishirini zenye ubora wa chini.
Tafuta mhitimu mpya wa sanaa ya upigaji picha kama suluhisho rahisi kuliko mpiga picha mtaalamu ambaye amekuwa kwenye biashara kwa muda mrefu
Hatua ya 4. Andika makala bora
Yaliyomo kwenye ukurasa wa wavuti itaamua kiwango cha trafiki yako ya wavuti. Wakati sio lazima kuwa na wasiwasi sana juu ya uundaji wa yaliyomo katika mchakato huu wa kubuni, haidhuru kuanza kufikiria juu yake kwa sababu utahitaji pia yaliyomo mara kwa mara mara tu tovuti yako itakapoanza.
Mbali na yaliyomo kwenye nakala, kuna maandishi yaliyoandikwa ambayo unahitaji pia kuwa nayo wakati wa kuandaa ukurasa wa wavuti. Kwa mfano habari ya mawasiliano, jina la kampuni, au kitu kingine chochote ambacho kitatumika mara nyingi kwenye wavuti
Sehemu ya 4 ya 4: Kubadilisha Dhana kuwa Wavuti
Hatua ya 1. Panga vitu vya msingi
Mpangilio huu wa vitu unatumika kwa kila ukurasa kwenye wavuti yako, kama vile vichwa, maandishi ya chini, na menyu za urambazaji. Sanidi kwa mtindo rahisi sana ili uweze kuangalia jinsi kurasa zote zinaonekana. Hii ni muhimu sana unapoendelea kwenye mchakato wa mpangilio wa wavuti.
Usijali sana juu ya maelezo, jaribu kukagua (hakiki) jinsi kichwa kinaonekana
Hatua ya 2. Unda mpangilio rahisi
Anza kwa kuhamisha nafasi ya saa kutoka safu ya muhtasari wa msingi hadi mahali halisi kwenye ukurasa. Kwa mfano, unaweza kutaka kusogeza menyu ya urambazaji ya sampuli kushoto kwa ukurasa na orodha ya vichwa vya habari kulia.
Endelea kujaribu mipangilio ya wavuti kwa kurasa nyingi, kabla ya kuendelea na hatua inayofuata. Ruhusu wengine kuiangalia ili kuona ikiwa mpangilio unaounda unahisi uko hai
Hatua ya 3. Unda utaftaji
Tumia programu kama Photoshop kuunda njia za kurasa au sampuli za wavuti yako. Tumia mpangilio ambao umekusanya kama mwongozo. Unaweza kutengeneza kasi zaidi na kupata matokeo unayotaka na programu ya usindikaji picha. Matokeo ya picha hizi baadaye yanaweza kutumiwa kama kumbukumbu katika mchakato wa kuandika nambari ya programu ya wavuti.
Weka yaliyomo kwenye mwanya ili uonekane mzuri
Hatua ya 4. Badilisha dhana ya sampuli na yaliyomo asili
Ongeza yaliyomo na vitu kwenye kurasa za wavuti. Usitupe jasho mipangilio ya mtindo wa wavuti kwa sasa, weka kila kitu mahali sahihi. Hii itakusaidia kukagua mabadiliko ya mitindo ya wavuti unayofanya baadaye.
Hatua ya 5. Unda mwongozo wa mtindo wa wavuti
Ni muhimu sana kudumisha mchanganyiko wa mitindo, haswa kwa tovuti kubwa. Ikiwa tovuti imekusudiwa biashara na tayari ina chapa yake au mtindo, hii inapaswa kuunganishwa katika muundo wa wavuti. Vitu vya kuzingatia wakati wa kuunda mwongozo wa mitindo ya ukurasa wa wavuti:
- Urambazaji
- Kichwa cha kichwa
- Kifungu
- Tabia ya italiki
- Tabia ya ujasiri
- Viungo (hai, haifanyi kazi, hover)
- Matumizi ya picha
- Aikoni
- Kitasa
- orodha
Hatua ya 6. Tumia mtindo wa wavuti
Mara tu unapopata mtindo sahihi na muundo, tekeleza. CSS ni moja wapo ya njia rahisi za kutekeleza mitindo kwenye ukurasa wa wavuti au kwenye wavuti. Tazama maagizo yafuatayo ili kuelewa vizuri maelezo ya kutumia CSS.
