Orodha ya maudhui:

Jinsi ya Kujenga Tovuti Yako Mwenyewe: Hatua 16
Jinsi ya Kujenga Tovuti Yako Mwenyewe: Hatua 16

Video: Jinsi ya Kujenga Tovuti Yako Mwenyewe: Hatua 16

Video: Jinsi ya Kujenga Tovuti Yako Mwenyewe: Hatua 16
Video: Mambo 3 Ya Kufanya Leo Ili Uondoe Stress Maishani Mwako 2024, Julai
Anonim
Jinsi ya Kujenga Tovuti Yako Mwenyewe
Jinsi ya Kujenga Tovuti Yako Mwenyewe

Mwongozo uliofunikwa kikamilifu kutoka kwa karatasi hadi kwenye wavuti, bure ikiwa unataka, haswa ikiwa wakubwa wa wavuti wa kirafiki wanakupa neema chache lakini hata ukiwa na uzoefu mdogo na maarifa unaweza kujenga wavuti na kuifikia kwenye wavuti kama hivyo: …

Hatua ya 1: Zana, Vifaa na Ujuzi wa Msingi

Unapofanya tovuti yako utahitaji: Zana - Kompyuta, ikiwezekana chini ya miaka mitano - Nakala ya dreamweaver (hiari) lakini ndio najua na nitakuonyesha kwenye hiyo - Nakala ya picha ya picha, sio muhimu lakini dhahiri ni lazima kwa mtu yeyote ambaye anataka tovuti nzuri inayoonekana - Uunganisho kwenye wavuti kwenye kompyuta yako, ikiwezekana haraka (kwa sababu inafanya mambo kuwa ya haraka zaidi) Vifaa - Wazo - Sehemu fulani ya Diski, kulingana na tovuti yako ni ya nini - Wakati, ndio nyenzo muhimu wakati huo - Anwani ya barua pepe inayofanya kazi ikiwa unahitaji moja wako huru kutoka kwa Gmail na hotmail Ujuzi wa kimsingi - Ujuzi wa kimsingi wa jinsi ya kutumia kompyuta yako, mtandao -Hii haiwezi kuepukika, ni kwa watu ambazo zinataka kutengeneza tovuti lakini hazijui jinsi - Ujuzi zingine za kubuni zingefaa - Kujua jinsi ya kutumia photoshop itakuwa nzuri, rangi. NET au GIMP

Hatua ya 2: Wacha tuanze

Tuanze
Tuanze

Mara tu unapojua ni aina gani ya tovuti unayotaka kukufanya ufanye uamuzi wako wa kubuni.

Fikiria juu ya viboreshaji vya msingi vya wavuti, mtindo wake na jinsi unavyotaka watu kuiendesha. Ikiwa unaifanya kwa biashara au kilabu labda ni bora kwamba wavuti hiyo inaonyesha kampuni / baridi ya kilabu na ina sifa ambazo zinaiga au zinategemea mambo kuhusu kampuni, kama vifungo vya menyu kukumbusha kitu wanachouza ikiwa ni biashara. Urambazaji wa wavuti yako inaweza kuwa vitu kadhaa, kwa jumla aina tatu kuu hutumia menyu za kushoto na kulia na menyu za juu (zinapita chini ya kichwa kama cha tovuti hii) Ikiwa unajitengenezea tovuti hii chagua rangi na huduma unapenda na kutoka huko Neno la onyo ingawa. usitumie rangi zenye kupingana sana na wasichana hujaribu kutokwenda kwa rangi ya rangi ya samawati (sio kuwa wa kijinsia ambayo hufanyika sana) Unaweza hata kuwa na biashara kupitia wavuti yako ikiwa unataka, sina uzoefu mdogo wa kufanya hivyo lakini inaweza kuwa rahisi kutumia kitu kama maduka ya yahoo ambayo tovuti hii hutumia.

Hatua ya 3: Kuanzisha Tovuti

Kuanzisha Tovuti
Kuanzisha Tovuti

Hapa ndipo tunapoanza, nenda kwenye hati zangu na ujifanyie folda inayoitwa 'Wavuti yangu au tumia jina la wavuti, Ndani ya folda hiyo fanya folda iite' picha 'moja inayoitwa' kurasa 'na nyingine inayoitwa' faili ' (inayoitwa faili ni ya faili zingine zote unazoweza kutumia katika mchakato wa kutengeneza tovuti yako.) Sasa Zima dreamweaver na kutoka faili kidogo utaona kipengee cha menyu kinachoitwa tovuti kwa hivyo bonyeza hiyo na uchague tovuti mpya, tumia kichupo cha hali ya juu (kwa sababu ni rahisi kupitia), sasa weka jina la wavuti yako kwenye kisanduku cha jina la wavuti. Utaona sanduku iliyoitwa 'folda ya mizizi ya hapa' hii ndio folda uliyoifanya chini ya jina la tovuti yako. Sanduku linalofuata linaitwa "Picha chaguomsingi za picha" chagua folda zilizoitwa kwenye folda yako ya mizizi. Acha visanduku viwili vya kukagua peke yake, zote ni njia inayopaswa kuwa.

Hatua ya 4: Lets Get Stuck in Then

Lets Kukwama katika Kisha
Lets Kukwama katika Kisha

Baada ya kufanya maamuzi yako makuu kwenye wavuti ni wakati wa kutengeneza templeti ya kurasa zako zote, hii ni dhahiri inasikika kama, kiolezo cha kutengeneza kurasa, wavuti inapaswa kuonekana sawa sawa ili kuzuia kuchanganyikiwa kwa watazamaji na inaokoa muda mwingi na juhudi za kupoteza.

Katika kiolezo chako utahitaji kutengeneza kichwa, hii ndiyo bendera kuu inayopita juu ya ukurasa, kawaida huwa na jina la tovuti / jina la kampuni, kauli mbiu na tunapiga picha au nembo inayoonyesha mada ya wavuti.. Vipimo bora ninavyoweza kutoa ni 760 x 100-200 urefu ni upendeleo na pia inategemea mahali ambapo menyu ya menyu itaenda. Upana ni 760 kwa hivyo inafaa kwenye windows windows hata wakati wa kutumia 800x600 res kwenye maonyesho (haifai ikiwa huwezi kuona nusu ya tovuti) Kitufe chako cha menyu (ukichagua kuzifanya hazipaswi kuwa refu sana ninakumbuka Saizi 30 kwa urefu na upana hutegemea vitu vingi lakini kawaida yangu ni kati ya saizi 100 - 1500. Halafu tena unaweza kuwa ukitumia vifungo vya flash ambavyo vinahitaji juhudi sifuri kwa upande wako. (Kwa dreamweaver ambayo ni)

Hatua ya 5: Kutengeneza Kiolezo…

Inatengeneza Kiolezo…
Inatengeneza Kiolezo…

Kwa hivyo sasa tunachagua rangi za wavuti yetu na nini kwa kubonyeza haki kwenye ukurasa wetu tupu na kwenda kwenye mali za ukurasa. Kwa yangu asili itakuwa nyeusi, maandishi meupe na weka kichwa kama templeti sasa. Utagundua kwenye picha kwamba rangi zangu zote za kiunga zimewekwa kama hudhurungi, ninashauri kutumia bluu aswell kwa sababu bluu ndio rangi ya kiunganishi cha jadi na kutumia rangi ya kiunga isiyo ya kawaida ilikuwa juu kwenye orodha ya vitu vinavyoudhi watu juu ya wavuti na nini hufanya isiyo ya kitaaluma.

Hatua ya 6: Kufanya Kiolezo Kuendelea. Mpangilio

Kufanya Kiolezo Kuendelea. Mpangilio
Kufanya Kiolezo Kuendelea. Mpangilio

Sasa tunaanza mpangilio wetu wa templeti.

Bonyeza kitufe cha kuingiza meza au kitufe cha kuteka cha meza. Sasa buruta tu kutengeneza meza, kuchagua 3x3 ni mahali pazuri kuanza. Jambo la kwanza unapaswa kufanya ni kukuwekea meza saizi 800 kwa upana, unaweza kuona upana katika upau wa mali chini, sasa onyesha safu ya juu ya seli na bonyeza kulia, nenda mezani kwenye menyu ya kubofya kulia na uchague unganisha seli, fanya kiini kipya iliyoundwa urefu wa picha yako ya kichwa. Kwa rangi hii nenda kwenye mali ya meza yako na uweke thamani ya sifuri kwa 'cellpad' na 'mpaka' wa maadili. Hii inamaanisha kuwa meza haipo kwa mtumiaji wa mwisho lakini inashikilia kila kitu mahali pake. Sasa tunaishika kwenye picha ya kichwa ambayo inapaswa kuhifadhiwa kwenye folda ya picha za wavuti lakini ikiwa sio dreamweaver itauliza ikiwa unataka kunakili faili hiyo huko. Kuweka muonekano wa picha kando ya upau wa vitufe vyako (kichupo kilicho juu yao kinapaswa kuwa cha kawaida) tafuta kitufe na picha ya mti kwenye sanduku (programu nyingi hutumia alama sawa) bonyeza juu yake na sanduku la mazungumzo litatokea, vinjari faili yako tu na ubonyeze mara mbili. Ikiwa picha yako ilionekana mahali pabaya mshale ulikuwa kwenye seli isiyo sahihi. Sasa kwa kuwa unapata hutegemea ya jedwali jigawanye kiini kando ya upande unataka bar yako ya menyu, kumbuka safu ziko kwenye nguzo za njia chini ya njia. Tengeneza kisanduku cha meza ya vifungo vya menyu yako kwa upana kadiri fikira yako inavyoonekana nzuri kisha fanya vifungo vyako upana wa kulia (kupuuza hii ikiwa unataka vifungo vya flash) Sasa tengeneza meza ndani ya seli yako na safu 1 na safu nyingi kama ilivyo vifungo (unapaswa kujua hii kutoka kwa mpango wako wa wavuti, siwezi kukusaidia kabisa huko ni chaguo lako) au kwa menyu ya usawa safu 1 na safu nyingi kama kuna vifungo.

Hatua ya 7: Kuongeza vifungo vya Menyu

Kuongeza vifungo vya Menyu
Kuongeza vifungo vya Menyu

Kuna njia chache za kufanya hivyo. Ikiwa unataka vifungo rahisi vya picha (picha inayoweza kubofyeka ambayo inaonekana kama kitufe) Kisha unaingiza picha kama kawaida na kwa sasa ndio tu. baadaye tutaongeza viungo kwao.

Ikiwa unataka vifungo vya kusonga (picha inabadilika wakati kielekezi kiko juu ya picha ya kitufe basi unahitaji kutengeneza picha kwa kila kitufe, sema una vifungo vyeusi vya kijivu ambavyo unataka kuwasha wakati mtumiaji anaweka panya juu yao. kisha unafanya seti ya pili ya vifungo ambavyo vimewashwa. Kisha nenda kwenye kitufe cha kuongeza rollover picha kwenye upau wa zana (kando au karibu na kitufe cha picha) na uchague ile nyeusi ya picha moja na nyepesi kwa picha 2, acha tena kiunga kwa sasa kwa sababu bado haujatengeneza ukurasa mmoja. Ikiwa unataka vifungo vya flash unahitaji kubonyeza kwenye kichupo cha media kwenye sehemu ya juu ya upau wa vitufe na bonyeza alama ya kitufe cha kuingiza (alama ya flash na baa ndogo kwenye kona ya chini.), Itakuuliza uhifadhi hati kabla ya kuendelea ili uihifadhi kama 'template ya msingi' au kitu ambacho unajua inamaanisha templeti kuu ya tovuti yako.

Hatua ya 8: Kuunda Kiolezo cha Matumizi

Kuunda Kiolezo cha Matumizi
Kuunda Kiolezo cha Matumizi

Haki tumekaribia kumaliza na templeti yetu na tunaweza kuanza kwenye kurasa zetu hivi karibuni, sasa inahitaji maeneo yanayoweza kuhaririwa (Sehemu za yaliyomo kwenye ukurasa kwenda) Tunaongeza hizi kwa kubofya kulia na kwenda kwenye menyu ya kushuka kwa templeti kwa kubofya kulia menyu, chagua mkoa mpya unaoweza kuhaririwa na ujumbe utakuja ukisema hati hiyo itabadilishwa kuwa kiolezo. Hii ni nzuri. Fanya hivi na kielekezi kwenye seli za jedwali ambapo yaliyomo yataenda (yale yaliyo chini na kando ya menyu ya mgodi)

Sasa hifadhi hati, ifunge na uende kwenye faili mpya na ubofye tabo za templeti zilizo juu, templeti yako inapaswa kuwa hapo, hakikisha ukurasa wa sasisho wakati sanduku la mabadiliko ya templeti limepigwa alama (inaokoa kazi nyingi baadaye.)

Hatua ya 9: Ongeza Baadhi ya Maudhui

Ongeza Baadhi ya Yaliyomo
Ongeza Baadhi ya Yaliyomo

Fanya kurasa zako ziongeze yaliyomo na ukumbuke kuzihifadhi kwenye folda ulizotengeneza kwa kurasa na uweke picha zako kwenye folda ya picha uliyoifanya. Rudia tu hatua ya mwisho ya 8 juu ya kutengeneza ukurasa kutoka kwa kiolezo kila wakati unafanya Kumbuka yaliyomo bandia niliyotumia, inaitwa Lorem Ispsum na ni hadithi juu ya uzuri na ubaya katika latin, wavuti na wabunifu wa picha hutumia hii kutoa wazo la bidhaa hiyo itakuwaje na maandishi halisi. inaweza kupatikana kwa Lipsum.com Hizo sanduku za bluu ni mikoa inayoweza kuhaririwa unayo pia, natumai.

Hatua ya 10: Sasa Tunatengeneza Viunga Vyetu

Sasa Tunatengeneza Viunga Vyetu
Sasa Tunatengeneza Viunga Vyetu

Fungua templeti yako uliyotumia (kumbuka kisanduku cha kupe, sasa inakuja kucheza) Kwa dakika vifungo vya menyu yako ni picha tu (ikiwa ni za kung'aa kisha angalia chini) Sasa kwa kuwa una kurasa zinaweza kuwa vifungo halisi, iwe ni rollover au picha za kawaida bonyeza kulia kwenye kitufe chako cha nyumbani na uende kubadilisha kiungo au fanya kiunga (inategemea toleo) sanduku la mazungumzo litatoka, vinjari faili ya ukurasa wako wa nyumbani na ubofye mara mbili juu yake. sasa imeunganishwa na ukurasa, rudia vifungo vyako vyote na uhifadhi hati, ikiwa dreamweaver itakuuliza ikiwa unataka kubadilisha kurasa zote kulingana na waraka sema ndiyo.

Kwa kitufe cha flash utakumbuka tulipuuza mwambaa wa kiunga kwa hivyo tunachofanya ni kubofya kitufe cha kulia na bonyeza hariri utawasilishwa na skrini kutoka hapo awali, bonyeza tu kitufe cha kuvinjari kando ya mwambaa wa kiunga na upate faili yako. Sasa unapaswa kuwa na wavuti inayofanya kazi vizuri, hatua inayofuata imejazwa na ujanja na vitu kadhaa kwa kurasa za picha n.k ili kufanya mambo iwe rahisi na yaendeshe vizuri.

Hatua ya 11: Vidokezo vichache na Mawazo ya Kusaidia

Vidokezo vichache na Mawazo ya Kusaidia
Vidokezo vichache na Mawazo ya Kusaidia

Ikiwa unafanya kazi kwenye XP (labda vista imejumuishwa) kuna XP powertoy inayoitwa resizer ya picha ambayo itakuruhusu kubadilisha picha zako kwa kubofya kulia na unaweza kufanya mafungu na kuongeza kidole hadi mwisho wa kila jina. Kwa matunzio ya picha tumia vijipicha ulivyotengeneza kama picha kwenye ukurasa kuu na uziunganishe kama vifungo kwenye faili kubwa ya picha, hii inaruhusu upakiaji wa haraka na kurasa kidogo za matunzio.

Kwa kurasa zilizo na bidhaa nyingi juu yake, inaweza kuwa na thamani ya kugawanya ukurasa na viungo vya ukurasa uliopita, hii ni rahisi kufanya na unachofanya ni kuwaunganisha kwa kila mmoja na kuanzisha moja kama kiunga cha kiolezo au kutoka kwa ukurasa wowote imeunganishwa kutoka. Nitarudi na kuongeza zaidi kama ninavyowafikiria au kama watu wanavyowashauri huo ni mwanzo tu.

Hatua ya 12: Unda Ukurasa wa Kielelezo

Unda Ukurasa wa Kiashiria
Unda Ukurasa wa Kiashiria

Hivi sasa majeshi mengi ya wavuti yanahitaji ukurasa wa faharasa hii inaweza kuwa ni nakala ya ukurasa wa nyumbani uitwao 'index.htm' (ndivyo itabidi uipe jina) au fanya ukurasa wa kupendeza na ingiza wavuti juu yake (ikiwa wewe ' tuko vizuri wakati wa kung'aa unaweza kuwa na uhuishaji kuhuisha mambo. Lazima uhisi inakaribia wakati huo maalum. Nenda hapa…

Hatua ya 13: Wacha Tupate Mwenyeji

Wacha Tupate Mwenyeji
Wacha Tupate Mwenyeji

Sasa utajikuta kwenye wavuti niliyokutuma, niliichagua kwa sababu mbali kama majeshi ya bure ni nzuri na inaruhusu vitu vingi vibaya, pamoja na uhifadhi wa 8gig na kitu kama 300GB bandwidth / mwezi.

Kwa hivyo fuata hatua za usajili na uamilishe akaunti yako, usiangalie hata msimamizi wa faili hatutakuwa tunahitaji hiyo. Kulia nenda kwenye akaunti yako na uondoe jina la akaunti yako ya FTP, jina la mtumiaji na nywila (sawa na nywila yako ya akaunti inayowasilisha) Umefika kwenye tovuti, hariri tovuti na uchague yako nenda kwenye kichupo cha hali ya juu na nenda kwenye seva ya kujaribu. (Najua yangu iko kwenye maelezo ya mbali lakini seva ya kujaribu ndiyo njia rahisi ya kupakia wavuti), weka habari yako kama inavyoonyeshwa kwenye picha.

Hatua ya 14: Je! Unaweza Kuisikia?

Je! Unaweza Kuhisi?
Je! Unaweza Kuhisi?

Ni wakati wa kupakia wavuti … Uko karibu kuwa na wavuti.

Nenda kwenye faili yako ya faili / bar ya mali, bila shaka inaonekana tofauti sana hivi sasa, bonyeza menyu ndogo ya maoni na uchague seva ya kujaribu. Sasa dreamweaver tayari imehifadhi nywila yako ya FTP. Bonyeza kwenye unganisha kwa kitufe cha mwenyeji wa mbali (ile iliyo na maumbo matatu ya kuchekesha). mara inasema kifungo chako kilichounganishwa kitufe cha kuweka faili., hicho ndio kitufe ambacho ni mshale unaoelekea juu. (Kwa matumizi ya baadaye unaweza kuingia kwenye akaunti na utumie kupata faili kupata faili ambazo unaweza kuwa umepoteza kwenye kompyuta yako.) Unapogonga hii itauliza ikiwa unataka kuweka wavuti yote juu, sawa sawa unayofanya na yote yanayofanya kazi, kwa sasisho ndogo unaweza kutuma faili mbadala badala yake. Inapofika kama 'index.htm' itauliza ikiwa itaibadilisha, sema ndio vinginevyo tovuti yako itashuka baada ya siku 15, ndiyo sababu tulifanya tovuti yetu kwanza.

Hatua ya 15: Sasa Unataka Jina?

Sasa Unataka Jina?
Sasa Unataka Jina?

Kwa hivyo Wazo la kuwa tovuti ndogo linaathiri ego yako, una chaguzi, nunua jina la kikoa (sio ghali bila kukaribisha na unaweza kufanya.com.org.co.uk na.net chagua inayofaa jina lako zaidi. kwa mvulana ambaye anataka yote ya bure nenda tu kwenye tovuti ya dot tk Wanaangalia tu kurasa zako ili wakati unafanya hiyo ifanye ukurasa wako wa nyumbani au ukurasa wako wa kiashiria kuwa kiungo cha tovuti. na uchague sema killerjackalope.tk umeipata?

Hatua ya 16: Je! Unayohitaji zaidi kwa yoyote zaidi?

Je! Unataka Zaidi Zaidi Kwa Yoyote Zaidi?
Je! Unataka Zaidi Zaidi Kwa Yoyote Zaidi?

Sasa hii ni kujibu swali linalowaka na inawekwa kwenye mashindano ya kukata laser (dakika ya mwisho) lakini ikiwa una swali lolote au unataka maelezo zaidi kuliko kuuliza tu, ikiwa ni ndogo nitakujibu na ikiwa ni nzuri basi nitaongeza hatua ili kila mtu awe na jibu la swali lako.

Pia najua ni kutoka kwa mafunzo ya zamani lakini nina hakika hii ndio hufanyika unapojaribu kutengeneza wavuti mbele, ni mbaya na ningependa kukuambia uibe dreamweaver kisha ununue ukurasa wa mbele. Inayofundisha ijayo, jinsi ya kutengeneza picha za kuchekesha za kuchekesha.

Ilipendekeza: