01 ya 07
Weka Faili zako kwenye folda mpya
Notepad ya Windows ni programu ya msingi ya usindikaji neno ambayo unaweza kutumia kuandika kurasa zako za wavuti. Kurasa za wavuti ni maandishi tu na unaweza kutumia programu yoyote ya usindikaji wa neno kuandika HTML yako. Mafunzo haya hukutembea kupitia mchakato.
Jambo la kwanza la kufanya wakati wa kujenga tovuti mpya katika Notepad ni kujenga folda tofauti ili kuihifadhi. Kwa kawaida, unashika kurasa zako za wavuti katika folda inayoitwa HTML katika folda ya "Nyaraka Zangu", lakini unaweza kuzihifadhi popote unapopenda.
- Fungua dirisha langu la Hati
- Bonyeza Picha > Mpya > Folda
- Fanya folda yangu_website
Kumbuka muhimu: Jina la folda za wavuti na faili kwa kutumia barua zote za chini na bila nafasi yoyote au punctuation. Wakati Windows inakuwezesha kutumia nafasi, watoa huduma wengi wa wavuti hawana, na wewe utajiokoa muda na shida ikiwa utaita faili na folda vizuri tangu mwanzo.
02 ya 07
Hifadhi Ukurasa kama HTML
Jambo la kwanza unapaswa kufanya wakati wa kuandika ukurasa wa wavuti katika Notepad ni kuokoa ukurasa kama HTML. Hii inakuokoa wakati na shida baadaye.
Kama ilivyo na jina la saraka, daima utumie barua zote za chini na hakuna nafasi au wahusika maalum katika jina la faili.
- Katika Notepad, bofya kwenye Faili na kisha Uhifadhi Kama.
- Nenda kwenye folda ambapo unahifadhi faili zako za tovuti.
- Badilisha orodha ya Hifadhi kama Aina ya Faili zote (*. *).
- Jina la faili.Timu hii hutumia jina la pets.htm.
03 ya 07
Anza Kuandika Ukurasa wa Mtandao
Jambo la kwanza unapaswa kuandika kwenye waraka wako wa Hati ya Haksi ya HTML ni DOCTYPE. Hii inawaambia wasifu ni aina gani ya HTML ya kutarajia. Mafunzo haya hutumia HTML5.
Azimio la mafundisho sio lebo. Inauliza kompyuta kuwa waraka wa HTML5 unafika. Inakwenda juu ya kila ukurasa wa HTML5 na inachukua fomu hii:
Mara baada ya kuwa na DOCTYPE, unaweza kuanza HTML yako. Weka mwanzo wote
tag na lebo ya mwisho na uacha nafasi fulani kwa maudhui yako ya mwili wa ukurasa wa wavuti. Hati yako ya Kisambazi inapaswa kuangalia kama hii:
04 ya 07
Unda kichwa kwa Ukurasa wa Mtandao wako
Kichwa cha hati ya HTML ni wapi maelezo ya msingi kuhusu ukurasa wako wa wavuti huhifadhiwa-vitu kama kichwa cha ukurasa na labda meta tags kwa ajili ya optimization ya utafutaji. Ili kuunda sehemu ya kichwa, ongeza
vitambulisho kwenye hati yako ya Nakala ya HTML ya Nyaraka kati ya vichwa.
AKama ilivyo na
tags, kuondoka nafasi kati yao ili uwe na nafasi ya kuongeza maelezo ya kichwa.
05 ya 07
Ongeza kichwa cha Ukurasa kwenye kichwa cha kichwa
Kichwa cha ukurasa wako wa wavuti ni maandishi ambayo yanaonyesha dirisha la kivinjari. Pia ni yaliyoandikwa katika alama na vifungo wakati mtu anaokoa tovuti yako. Weka maandishi ya kichwa kati ya
vitambulisho vya kutumia. Haitaonekana kwenye ukurasa wa wavuti yenyewe, tu juu ya kivinjari.
Ukurasa huu wa mfano unaitwa "McKinley, Shasta, na Pets nyingine."
AA
McKinley, Shasta, na Pets nyingine
Haijalishi jina lako ni lini au linapotumia mistari mingi katika HTML yako, lakini majina mafupi ni rahisi kusoma, na baadhi ya vivinjari hukataa muda mrefu katika dirisha la kivinjari.
06 ya 07
Mwili Kuu wa Ukurasa wa Wavuti Yako
Mwili wa ukurasa wako wa wavuti huhifadhiwa ndani ya
vitambulisho. Hii ndio unapoweka maandishi, vichwa vya habari, vichwa, picha na graphics, viungo na maudhui mengine yote. Inaweza kuwa kama muda unavyopenda.
Fomu hiyo hiyo inaweza kufuatiwa ili kuandika ukurasa wako wa wavuti katika Nyaraka.
Kichwa chako cha kichwa kinaendelea hapa Kila kitu kwenye ukurasa wa wavuti kinakuja hapa
07 ya 07
Kujenga Folda za Picha
Kabla ya kuongeza maudhui kwenye mwili wa hati yako ya HTML, unahitaji kuanzisha kumbukumbu zako ili uwe na folda ya picha.
- Fungua dirisha langu la Hati .
- Badilisha kwenye folda yangu_website .
- Bonyeza Picha > Mpya > Folda.
- Fanya picha za folda.
Hifadhi picha zako zote kwa tovuti yako kwenye folda ya picha ili uweze kupata baadaye. Hii inafanya kuwa rahisi kupakia wakati unahitaji.