Jinsi ya Kuunda Tovuti kwa Masaa machache tu

Kuunda tovuti sio lazima kuwa ngumu. Katika makala hii, tutapitia misingi ya kuunda ukurasa wa html na jinsi ya kuunda orodha ndogo inayojumuisha. Inayofuata, tutajadili jinsi ya kutumia html>-tag ili kuangazia maandishi. Hatimaye, tutakuonyesha jinsi ya kuunda tovuti kwa saa chache tu. Pia tutashughulikia mbinu zingine chache muhimu.

Kuunda ukurasa wa html

HTML ni lugha inayotumika kutengeneza kurasa za wavuti. Inafafanua muundo wa ukurasa wa wavuti na CSS inadhibiti jinsi maudhui yanavyoonyeshwa. Si vigumu kuunda ukurasa wa msingi wa HTML. Hapa kuna mwongozo wa hatua kwa hatua wa kuanza. Mara baada ya kuwa na ukurasa wa msingi wa HTML, uko tayari kuunda ngumu zaidi na zenye nguvu. Ili kuanza, utahitaji kihariri maandishi na kivinjari.

Unaweza pia kutumia kichakataji maneno kama MS Word ili kuunda maudhui ya ukurasa wako wa tovuti. Unaweza kutumia viungo kuunganisha maandishi kwa kila mmoja. Unaweza pia kuhifadhi faili kama faili ya html, ukurasa wa wavuti. Njia hii inafanya kazi vizuri, lakini kurasa unazounda kwa njia hii ni kubwa na hazionekani vizuri kwenye dirisha la kivinjari. Upungufu pekee wa njia hii ni kwamba unapaswa kujifunza kutumia zana zinazopatikana.

HTML ni lugha ya alama, ambayo ina maana kwamba unahitaji kujumuisha vitambulisho ili kuunda maudhui kwenye ukurasa. Kila lebo inawakilisha moja ya vipengele vya ukurasa. Lebo inatambuliwa kwa mabano ya pembe. Vipengele vingine vinahitaji lebo moja tu, wakati wengine wanahitaji mbili. Lebo ya kufunga ina kufyeka mbele. Kwa mfano, tagi ya aya huunda kipengele kinachoitwa aya. Maandishi yaliyo katikati ya vitambulisho vya kufungua na kufunga hujumuisha maandishi ya aya. Vile vile, lebo ya ul huunda orodha isiyopangwa.

Kuunda orodha ndogo-inajumuisha

Kuunda sehemu ya mini-includes ni njia bora ya kuunganisha vipengele mbalimbali kwenye ukurasa huo wa wavuti. Ukurasa wa HTML unaweza kugawanywa katika sehemu ndogo ndogo, na kila sehemu iliyo na orodha ya vipengele. Vipengele hivi hutumikia madhumuni tofauti. Unaweza kutumia sifa ya aina ili kuonyesha mpangilio wa alfabeti. Unaweza pia kutumia herufi ndogo kuunda orodha ya vipengee vyenye herufi a, b, au c.

Kuongeza kipengele ni rahisi. Hati rahisi ya HTML ina vitambulisho vinavyofafanua maudhui yake. Lebo hizi kwa kawaida huja kwa jozi. Lebo ya ufunguzi hutumiwa kuorodhesha vipengele ndani yake, wakati lebo ya kufunga inafunga kipengele. Lebo ya ufunguzi, au kichwa, inajumuisha maelezo ya maelezo kuhusu hati. Taarifa hii inaweza kujumuisha kichwa, maelezo ya karatasi ya mtindo, maandishi, au habari ya meta. Lebo ya kufunga, Kwa upande mwingine, hufunga kipengele.

Kwa kutumia html>-tagi

html>-tag hutumiwa kufafanua eneo kuu la maudhui ya hati ya HTML. Eneo kuu la maudhui lina maandishi yanayohusiana na mada kuu au utendaji wa ukurasa. Lazima iwe ya kipekee kutoka kwa maudhui mengine kwenye tovuti. Maudhui mengine yanaweza kuonekana kwenye ukurasa kwa namna ya pau za pembeni, viungo vya urambazaji, habari ya hakimiliki, nembo za tovuti, na fomu za utafutaji. Ukurasa wa HTML lazima ufuate html>-tag kuchukuliwa kuwa ukurasa wa HTML.

href= sifa hufungua kiungo. Baada ya “=” ishara, unapaswa kubandika URL ya kiungo. Unaweza pia kutumia mistari ya aya nyingi katika kichwa kimoja. Bracket ya kufunga ni lazima. Hii itazuia viungo vyako kufasiriwa vibaya. Ili kurahisisha kusoma ukurasa wa html, ongeza kiungo kwenye tovuti yako. html>-tag itakuruhusu kuongeza viungo vinavyoelekeza kwenye ukurasa mwingine wa wavuti.

Faili ya HTML itakuwa na kiendelezi cha a.html ambacho kitaiambia kompyuta yako kuwa ni faili ya HTML. Ni bora kutumia hyphen badala ya nafasi, kwani nafasi zitazuia kivinjari kupata faili. Mara baada ya kukamilisha kuunda ukurasa wa HTML, itabidi uihifadhi. Inayofuata, nenda kwenye folda na faili ya HTML na ubofye kulia. Inapaswa kuonekana sawa na picha ya skrini hapa chini.

Kwa kutumia html>-tag ili kuangazia maandishi

Unaweza kutumia alama> tag ili kuangazia maandishi katika hati za HTML. Ni HTML mpya kiasi 5 kipengele, na inafafanua sehemu iliyoangaziwa ya aya. alama> tag hufanya kazi kwa kubadilisha sifa ya rangi ya usuli ya hati ya msingi ya HTML. alama> tag inasaidia Sifa za Ulimwengu na Tukio. Itaangazia maandishi ya manjano au nyeusi. Inawezekana pia kubadilisha rangi ya maandishi katika faili ya msingi ya CSS.

Visoma skrini vingi havitangazi kipengele cha alama, lakini unaweza kutumia kipengele cha maudhui ya CSS au.kabla na.baada ya vipengele bandia ili kuifanya iwe dhahiri ni maandishi gani ungependa kuangazia.. Matangazo ni ya kitenzi na huongeza habari isiyo ya lazima kwenye ukurasa, kwa hivyo unapaswa kuzitumia kwa uangalifu. Kwa mfano, unaweza kutumia matangazo kuangazia neno la utafutaji au kuzuia manukuu. Matangazo yanaungwa mkono na vivinjari vyote vikuu.

Mbali na mtindo wa rangi ya asili, unaweza kutumia 'highlightme’ class ili kuangazia maandishi kwenye hati yako ya HTML. Mtindo wa rangi ya mandharinyuma unaungwa mkono na vivinjari vyote. Unaweza pia kutumia neno ‘njano’ badala ya msimbo wa rangi. Unaweza kutumia msimbo sawa ili kuangazia aya au sehemu ya maandishi. Unaweza pia kutumia madarasa ya CSS kuangazia maandishi.

Kwa kutumia html>-tag ili kuunda orodha ndogo-inajumuisha

html>-tag hutumika kuunda orodha ya mini-includes. Inayo lebo inayolingana ya kufunga na jina la kitu hicho ni herufi ndogo. Hati za HTML zimesimbwa kwa kutumia usimbaji wa herufi za UTF-8, ambayo inasaidia ujumuishaji wa herufi za Unicode. Wakati wa kutumia html>-tagi, hakikisha umechagua UTF-8 kwenye faili ya “kuokoa-kama” sanduku la mazungumzo.

Kwa kutumia html>-tag kuongeza mini-inajumuisha orodha kwa ukurasa HTML ni rahisi. Unaweza kutumia lebo hii kwa kipengele chochote kinachoauni orodha isiyopangwa. Unaweza hata kutumia orodha isiyopangwa kwa menyu ya kusogeza. Kipengele cha dl kinajumuisha orodha ya jozi za maneno na maelezo. Vipengee katika orodha iliyoagizwa vinaonyeshwa na kihesabu kinachoongezeka upande wa kushoto. Unaweza pia kuacha kipengee cha dl ikiwa kipengee cha orodha kinafuatwa mara moja na kipengele kingine.

Njia nyingine ya kuingiza orodha ndogo ni pamoja na kuongeza kipengee cha kijachini katika hati ya HTML. Kipengele hiki kinawakilisha kijachini cha maudhui yaliyo karibu zaidi ya sehemu. Kawaida huwa na habari kuhusu mwandishi, data ya hakimiliki, au viungo vya hati zinazohusiana. Kwa kutumia html>-tag ili kuunda mini-inajumuisha orodha kwenye ukurasa wa HTML

Kwa kutumia html>-tag ili kuangazia vizuizi vya maandishi mahususi

HTML5 huangazia vizuizi vya maandishi mahususi vilivyo na alama> kipengele. Lebo hii ya HTML5 inabadilisha rangi ya maudhui kwenye chanzo hadi kivuli fulani cha njano au nyeusi, kumruhusu msomaji kutofautisha maandishi muhimu. Inaweza pia kutumiwa kuonyesha sehemu za maudhui zinazohitaji kuzingatiwa zaidi kuliko maandishi mengine. alama> kipengele inasaidia Sifa za Kimataifa na Sifa za Tukio katika HTML. Inapotumiwa kwa usahihi, lebo hii ya HTML5 inaweza kuongeza usomaji wa ukurasa wa tovuti.

Kiwango cha HTML4 kinapunguza matumizi ya vitambulisho vya kiwango cha mhusika. Wanashughulikia uwasilishaji, na ni bora kutumia CSS kwa madhumuni haya. HTML5 imezileta tena. Hazitumiki tena, lakini bado sio njia pekee ya kuangazia vizuizi vya maandishi mahususi. Tumia CSS kuangazia maandishi mahususi kwa kutumia HTML5! Njia hii rahisi itaangazia vizuizi vya maandishi ya kibinafsi ndani ya kipande cha yaliyomo.

Kuelea: Unaweza kutumia kipengele hiki cha CSS kuelea kipengele kwenye ukingo wa kushoto au kulia wa kipengele kilicho na. Inaweza kutumika kuunda gridi ya taifa au nguzo. Unaweza pia kutumia kipengele cha CSS kinachoitwa kuelea kuelea iframe au picha kwenye ukingo wa kushoto au kulia wa kivinjari.. Sifa hizi hurahisisha kuangazia vizuizi mahususi kwa kutumia CSS.