Jinsi Ya Kuunda Ukurasa Wa Wavuti

Orodha ya maudhui:

Jinsi Ya Kuunda Ukurasa Wa Wavuti
Jinsi Ya Kuunda Ukurasa Wa Wavuti

Video: Jinsi Ya Kuunda Ukurasa Wa Wavuti

Video: Jinsi Ya Kuunda Ukurasa Wa Wavuti
Video: Jinsi ya Kutengeneza Tovuti (Website) S01 2024, Novemba
Anonim

Kila mmoja wetu huenda mkondoni kana kwamba angani - kwanza tunataka kuona "ikoje?", Halafu tunataka kukagua kila kitu kilichopo, halafu kuna hamu ya kuacha kitu chetu huko - sio tu "graffiti kwenye kuta", lakini kitu kikubwa zaidi. Unaweza kuanza kwa kuunda ukurasa rahisi wa wavuti - hapa kuna mwongozo wa hatua kwa hatua.

Jinsi ya kuunda ukurasa wa wavuti
Jinsi ya kuunda ukurasa wa wavuti

Ni muhimu

Mhariri wa maandishi

Maagizo

Hatua ya 1

Kila kitu ambacho mgeni wa wavuti huona kwenye ukurasa wa wavuti hurejeshwa na kivinjari kutoka kwa maagizo yaliyotumwa na seva kwa ombi lake. Maagizo haya yameandikwa kwa HTML (Lugha ya Markup ya HyperText) na viendelezi vya htm na html vimeangaziwa kwa faili ambazo zimehifadhiwa. Unaweza kuunda faili kama hiyo katika kihariri cha maandishi ya kawaida - hii itakuwa hatua ya kwanza kuunda ukurasa wa wavuti. Fungua Notepad ya kawaida, kwa mfano, na unda faili tupu iitwayo index.html. Unapoandika anwani ya wavuti bila kubainisha ukurasa maalum (kwa mfano, jambo la kwanza ambalo seva inatafuta ni ukurasa ulio na jina hili haswa - faharisi.

Hatua ya 2

Maagizo ya HTML huitwa "vitambulisho" na kila moja imefungwa kwenye mabano kama haya -. Baadhi ya vitambulisho vimeunganishwa, ambayo ni, zinajumuisha kufungua na kufunga vitambulisho, na habari imewekwa kati yao. Kwa mfano, lebo ambayo inaruhusu kivinjari kujua kwamba nambari iko kwenye HTML hapa chini imeandikwa kama ifuatavyo: Lebo ya kufunga ambayo inasema kuwa nambari ya HTML imekamilika kwa wakati huu imeandikwa kama ifuatavyo: Kama unaweza kuona, lebo ya kufunga inatofautiana. kutoka kwa lebo ya ufunguzi kwa uwepo wa kufyeka baada ya mabano ya ufunguzi (</).

Hatua ya 3

Nambari zote ambazo umeweka kati ya lebo na vitambulisho zinapaswa kugawanywa katika sehemu mbili - kichwa na mwili wa waraka. Vitambulisho vya kufungua na kufunga vya sehemu ya kichwa vimeandikwa kama ifuatavyo: Hii ndio sehemu ya "huduma" ya ukurasa - habari ya kichwa cha dirisha, maneno na ufafanuzi wa roboti za utaftaji, maelezo ya mitindo, hati, n.k. zimewekwa hapa. Ingiza kichwa cha dirisha la ukurasa ndani yake: Hiki ni kichwa! Maandishi kamili ya ukurasa wako wa html wakati huu yanapaswa kuonekana kama hii:

Hiki ndicho kichwa cha habari!

Hatua ya 4

Baada ya sehemu inayoongoza, unahitaji kuweka vitambulisho kati ya ambayo maagizo ya mwili wa hati yatafungwa: Ingiza kati yao, kwa mfano, lebo inayoonyesha kifungu cha maandishi kwenye ukurasa:

Kuna aya nzima ya habari hapa!

Sio lebo zote za HTML zimeoanishwa. Kwa wengine wao, kila kitu unachohitaji kinawekwa ndani ya lebo ya ufunguzi. Lebo hizi zina ukataji wa kufunga kabla ya mabano ya kufunga. Kwa mfano, lebo ya mwisho wa mstari na "kurudi kwa gari"

:

Mstari wa kwanza wa aya.

Mstari wa pili wa aya.

Yote hii ni ya kutosha kwa kivinjari kuonyesha ukurasa wako kawaida. Nambari zote za html zilizokusanywa zinapaswa kuonekana kama hii:

Hiki ndicho kichwa cha habari!

Mstari wa kwanza wa aya.

Mstari wa pili wa aya.

Hii inakamilisha uundaji wa ukurasa rahisi - baada ya kuhifadhi hati (index.html), unaweza kuifungua kwenye kivinjari na uone ukurasa wako.

Ilipendekeza: