Jinsi ya Kubuni Tovuti (na Picha)

Orodha ya maudhui:

Jinsi ya Kubuni Tovuti (na Picha)
Jinsi ya Kubuni Tovuti (na Picha)

Video: Jinsi ya Kubuni Tovuti (na Picha)

Video: Jinsi ya Kubuni Tovuti (na Picha)
Video: Python Web Apps with Flask by Ezra Zigmond 2024, Mei
Anonim

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

Buni Tovuti ya Hatua ya 1
Buni Tovuti ya Hatua ya 1

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.
Buni Tovuti ya Hatua ya 2
Buni Tovuti ya Hatua ya 2

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

Buni Tovuti Hatua ya 3
Buni Tovuti Hatua ya 3

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.
Buni Tovuti ya Hatua ya 4
Buni Tovuti ya Hatua ya 4

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.
Buni Tovuti ya Hatua ya 5
Buni Tovuti ya Hatua ya 5

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

Buni Tovuti ya Hatua ya 6
Buni Tovuti ya Hatua ya 6

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

Buni Tovuti ya Hatua ya 7
Buni Tovuti ya Hatua ya 7

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.
Buni Tovuti Hatua ya 8
Buni Tovuti Hatua ya 8

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

Buni Tovuti Hatua ya 9
Buni Tovuti Hatua ya 9

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.
Buni Tovuti Hatua ya 10
Buni Tovuti Hatua ya 10

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

Buni Tovuti ya Hatua ya 11
Buni Tovuti ya Hatua ya 11

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.

Buni Tovuti ya Hatua ya 12
Buni Tovuti ya Hatua ya 12

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
Buni Tovuti ya Hatua ya 13
Buni Tovuti ya Hatua ya 13

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

Buni Tovuti ya Hatua ya 14
Buni Tovuti ya Hatua ya 14

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
Buni Tovuti ya Hatua ya 15
Buni Tovuti ya Hatua ya 15

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.)
Buni Tovuti ya Hatua ya 16
Buni Tovuti ya Hatua ya 16

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

Image
Image

Mfano wa ukurasa wa wavuti na HTML

Kusaidia wikiHow na kufungua sampuli zote.

Image
Image

Karatasi ya Kudanganya ya HTML

Kusaidia wikiHow na kufungua sampuli zote.

Image
Image

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.

Ilipendekeza: