WikiHow inafundisha jinsi ya kuunda wavuti ambayo inaonekana mtaalamu na inafanya vizuri. Wakati sehemu kubwa ya muundo wa wavuti yako ni kwako kabisa, kuna mambo muhimu ya kufanya-na kuepuka-wakati wa kuunda wavuti.
Hatua
Sehemu ya 1 ya 2: Jinsi ya Kubuni Tovuti Yako
Hatua ya 1. Tambua ikiwa unataka kutumia muundaji wa wavuti
Tovuti zilizoundwa kutoka mwanzoni zinahitaji uelewa wa kina wa uandishi wa HTML, lakini unaweza kuunda tovuti kwa urahisi kwa kutumia huduma ya kukaribisha bure kama Weebly, Wix, WordPress, au Google Sites. Waundaji wa wavuti huwa rahisi sana kwa wabuni wa kwanza kutumia kuliko HTML.
- Ikiwa unaamua kuweka nambari ya wavuti yako mwenyewe, utahitaji kujifunza usimbuaji wa HTML na CSS.
- Ikiwa kuwekeza wakati na nguvu kuunda tovuti yako haionekani kupendeza, unaweza pia kuajiri mbuni wa wavuti kukutengenezea tovuti yako. Wabunifu wa kujitegemea wanaweza kugharimu popote kati ya $ 30 kwa saa na zaidi ya $ 100 kwa saa.
Hatua ya 2. Ramani tovuti yako
Kabla hata ya kufungua muundaji wa wavuti, unapaswa kujua takriban kurasa ngapi unataka tovuti yako iwe nayo, ni nini maudhui kwenye kila moja ya kurasa hizo yanapaswa kuwa, na mpangilio wa jumla wa kurasa muhimu kama vile ukurasa wa nyumbani na "Kuhusu" ukurasa.
Kurasa za wavuti yako zinaweza kuwa rahisi kuibua ikiwa unachora picha mbaya za kila mmoja wao badala ya kuamua tu ni yapi yaliyomo yanapaswa kuonekana
Hatua ya 3. Tumia muundo wa angavu
Wakati kuna jambo la kusema juu ya maoni mapya, muundo wa kimsingi wa wavuti yako unapaswa kufuata miongozo kama hii ifuatayo:
- Chaguzi za urambazaji (kwa mfano, tabo za kurasa tofauti) zinapaswa kwenda juu ya ukurasa.
- Ikiwa unatumia aikoni ya menyu (☰), inapaswa kuwa kwenye kona ya juu kushoto ya ukurasa.
- Ikiwa unatumia upau wa utaftaji, inapaswa kuwa karibu na upande wa juu kulia wa ukurasa.
- Viungo vya msaada (k.m., viungo vya ukurasa wa "Kuhusu" au ukurasa wa "Wasiliana Nasi") vinapaswa kwenda chini kabisa kwa kila ukurasa.
Hatua ya 4. Kuwa sawa
Fonti yoyote ya maandishi, rangi ya rangi, mandhari ya picha, na chaguo unazochagua, hakikisha unatumia uamuzi huo katika wavuti yako. Inaweza kuwa ya kushangaza sana kuona font moja au mpango wa rangi uliotumiwa kwa ukurasa wa "Karibu" wakati moja tofauti ilitumika kwa ukurasa wa nyumbani.
- Kwa mfano, ikiwa unatumia rangi za toni zenye kupendeza kwa ukurasa wa nyumbani wa wavuti yako, usitekeleze rangi kali, kali kwenye ukurasa unaofuata.
- Kumbuka kwamba kutumia rangi kubwa au ya kugongana, haswa wakati rangi zinaonyesha kwa nguvu (kwa mfano, kusonga), inaweza kusababisha kifafa kwa idadi ndogo ya watumiaji wa wavuti. Ikiwa unaamua kutumia rangi kama hizo kwenye wavuti yako, hakikisha unaongeza onyo la kifafa kabla ya kurasa zozote zinazofaa.
Hatua ya 5. Ongeza chaguzi za urambazaji
Kuweka viungo vya moja kwa moja kwenye kurasa muhimu kwenye wavuti yako juu ya ukurasa wa kwanza itasaidia kuelekeza wageni wa mara ya kwanza kwa yaliyomo ambayo ni muhimu. Waumbaji wengi wa wavuti huongeza viungo hivi kwa chaguo-msingi.
Ni muhimu kuhakikisha kuwa kila ukurasa kwenye wavuti yako unapatikana kwa kubofya kupitia chaguo kwenye wavuti yako badala ya kupatikana tu kupitia anwani ya ukurasa
Hatua ya 6. Tumia rangi zinazosaidiana
Kama aina nyingine yoyote ya muundo, muundo wa wavuti unategemea mchanganyiko wa kupendeza wa rangi; kwa sababu ya hii, kuokota rangi za mandhari ambazo huenda pamoja ni muhimu.
Nyeusi, nyeupe, na kijivu ni mchanganyiko mzuri ikiwa haujui wapi kuanza
Hatua ya 7. Fikiria kutumia muundo mdogo
Minimalism inahimiza rangi zenye sauti tamu, michoro rahisi, kurasa nyeusi-nyeupe-maandishi, na mapambo kidogo iwezekanavyo. Kwa sababu minimalism inahitaji kidogo kwa njia ya vitu vya kupendeza, ni njia rahisi ya kufanya wavuti yako ionekane ya kitaalam na ya kuvutia bila kuhitaji kazi nyingi.
- Waumbaji wengi wa wavuti watakuwa na mandhari "ndogo" ambayo unaweza kuchagua wakati wa kuanzisha tovuti yako.
- Njia mbadala ya minimalism ni "ukatili", ambao hutumia laini kali, rangi angavu, maandishi yenye ujasiri, na picha ndogo. Ukatili hauna chini ya ufuatao kuliko minimalism, lakini kulingana na yaliyomo kwenye wavuti yako, inaweza kutoshea mahitaji yako ya muundo.
Hatua ya 8. Fanya uchaguzi wa kipekee
Mistari iliyonyooka na vitu vya wavuti vilivyofungwa gridi ni bets salama, lakini kufanya maamuzi kadhaa ya kipekee ya mitindo yote yatakopesha utu kwa tovuti yako na kusaidia tovuti yako kujitokeza.
- Usiogope kufanya mwenendo kwa kuweka vitu vya wavuti bila usawa au kutumia vitu vinavyoingiliana kuunda muonekano wa layered.
- Wakati kifahari, pembe zenye ncha kali na vipengee vya mraba (pia inajulikana kama uwasilishaji wa "kadi-msingi") hazipendezi sana kuliko vitu vyenye mviringo, laini.
Sehemu ya 2 ya 2: Jinsi ya Kupanua Utendaji wa Tovuti
Hatua ya 1. Tumia fursa ya chaguzi za uboreshaji wa rununu
Vivinjari vya rununu huhesabu trafiki zaidi ya wavuti kuliko vivinjari vya desktop, ikimaanisha kuwa kiwango cha umakini unacholipa toleo la rununu ya wavuti yako lazima iwe sawa na maendeleo ya wavuti ya desktop yako. Huduma nyingi za waundaji wa wavuti huunda kiotomatiki toleo la rununu la tovuti yako, lakini utataka kuweka habari ifuatayo akilini mwa tovuti yako ya rununu:
- Hakikisha kuwa vifungo (kwa mfano, viungo vya tovuti) ni kubwa na rahisi kugonga.
- Epuka kutekeleza huduma ambazo haziwezi kutazamwa kwenye rununu (k.v. Flash, Java, n.k.).
- Fikiria kuwa na programu ya rununu iliyoundwa kwa wavuti yako.
Hatua ya 2. Epuka kutumia picha nyingi kwa kila ukurasa
Vivinjari vyote vya eneo-kazi na vya rununu vinaweza kuhangaika kupakia kurasa ambazo zinaonyesha idadi kubwa ya picha au video. Wakati picha ni muhimu katika muundo wa wavuti, kutumia zaidi ya chache kwa kila ukurasa kunaweza kusababisha nyakati zisizo za lazima za kupakia, ambayo itawazuia watu kutembelea ukurasa husika.
Kwa ujumla, unataka kurasa za wavuti yako zipakie chini ya sekunde nne
Hatua ya 3. Ongeza ukurasa wa "Mawasiliano"
Utagundua kuwa karibu tovuti zote zilizowekwa zina ukurasa wa "Wasiliana Nasi" ambao una habari ya mawasiliano (kwa mfano, nambari ya simu na anwani ya barua pepe); tovuti zingine hata zina fomu ya swali iliyojengwa kwenye ukurasa huu. Kuongeza ukurasa wa "Mawasiliano" utawapa watazamaji wa wavuti njia moja kwa moja ya mawasiliano kwako, na hivyo kuongeza suluhisho la uwezekano wa kuchanganyikiwa.
Hatua ya 4. Unda ukurasa wa 404 wa kawaida
Mtu anapotembelea ukurasa maalum kwenye wavuti yako ambayo haijawekwa au haipo, ukurasa wa wavuti wa "Kosa 404" utaonyeshwa. Vivinjari vingi vina ukurasa wa 404 chaguo-msingi, lakini unaweza kubadilisha yako kutoka kwa mipangilio ya muundaji wa wavuti yako; ikiwa ni hivyo, hakikisha umejumuisha maelezo yafuatayo:
- Ujumbe wa makosa ya moyo mwepesi (k.m., "Hongera - umepata ukurasa wetu wa makosa!")
- Kiungo cha kurudi kwenye ukurasa wa kwanza wa wavuti
- Orodha ya viungo vinavyotazamwa sana
- Picha au nembo ya wavuti yako
Hatua ya 5. Tumia upau wa utaftaji ikiwezekana
Ikiwa njia yako ya kuunda wavuti inasaidia kuongeza upau wa utaftaji kwenye wavuti yako, inashauriwa sana ufanye hivyo. Hii itahakikisha kuwa watumiaji wanaweza kuenda kwa haraka kwenye ukurasa maalum au kipengee bila kubofya kupitia chaguzi zako za urambazaji.
Baa za utaftaji zinafaa pia wakati hadhira yako inataka kutafuta neno la jumla bila kutumia jaribio-na-kosa
Hatua ya 6. Wekeza muda mwingi katika ukurasa wako wa nyumbani
Mtu anapofika kwenye ukurasa wako wa kwanza wa wavuti, wanapaswa kupata kiini cha mada ya wavuti yako mara moja; kwa kuongeza hii, vitu vyote vya ukurasa wa nyumbani vinapaswa kupakia haraka, pamoja na chaguzi za urambazaji na picha zozote. Ukurasa wako wa nyumbani unapaswa kuwa na mambo yafuatayo:
- Wito wa kuchukua hatua (kwa mfano, kitufe cha kubonyeza au fomu ya kujaza)
- Upau wa kuvinjari au menyu
- Picha ya kukaribisha (kwa mfano, picha moja thabiti, video, au kikundi kidogo cha picha zilizo na maandishi yanayofuatana)
- Maneno muhimu yanayohusu huduma ya wavuti yako, mada, au umakini
Hatua ya 7. Jaribu tovuti yako katika vivinjari vingi kwenye majukwaa mengi
Hii ni muhimu sana, kwani vivinjari tofauti vinaweza kushughulikia mambo ya wavuti yako tofauti. Kabla ya kuanza kutangaza wavuti yako, jaribu kutembelea na kutumia wavuti yako katika vivinjari vifuatavyo kwenye majukwaa ya Windows, Mac, iPhone, na Android:
- Google Chrome
- Firefox
- Safari (iPhone na Mac pekee)
- Microsoft Edge na Internet Explorer (Windows tu)
- Kivinjari kilichojengwa kwenye simu kadhaa tofauti za Android (kwa mfano, Samsung Galaxy, Google Nexus, n.k.)
Hatua ya 8. Endelea kusasisha wavuti yako kadri inavyozeeka
Mwelekeo wa muundo, viungo, picha, dhana, na maneno yote hubadilika kadiri muda unavyokwenda, kwa hivyo itabidi uendelee kufanya mabadiliko kwenye wavuti yako ili uweze kuendelea hadi sasa. Hii itakuhitaji uangalie utendaji wa wavuti yako pamoja na wavuti zingine zinazofanana angalau mara moja kila miezi mitatu (ikiwezekana mara nyingi zaidi).
Msaada wa Msingi wa HTML
Mfano wa ukurasa wa wavuti na HTML
Kusaidia wikiHow na kufungua sampuli zote.
Karatasi ya Kudanganya ya HTML
Kusaidia wikiHow na kufungua sampuli zote.
Mfano Rahisi Ukurasa wa Wavuti
Kusaidia wikiHow na kufungua sampuli zote.
Vidokezo
- Ufikiaji wa wavuti ni jambo lingine muhimu la ukuzaji wa wavuti. Hii ni pamoja na vitu kama vichwa vya habari vya wasikilizaji wasio na uwezo wa kusikia, maelezo ya sauti kwa wageni vipofu, na maonyo ya photosensitivity ikiwa tovuti yako inatumia athari zinazoweza kusababisha mshtuko.
- Waumbaji wengi wa wavuti wana seti ya templeti ambazo unaweza kutumia kusanikisha muundo na muundo wa tovuti yako kabla ya kuongeza vitu unavyopendelea.
Maonyo
- Waumbaji wengi wa tovuti ni bure; hata hivyo, ikiwa unataka kutumia kikoa chako mwenyewe (kwa mfano, "www.yourname.com" badala ya "www.yourname.wordpress.com"), itabidi ulipe ada ya kila mwezi au ya kila mwaka.
- Epuka wizi na uzingatie sheria zote za hakimiliki: usiongeze picha za nasibu kutoka kwa wavuti, au hata vitu vya muundo, bila ruhusa.