Haya ni mafunzo ya HTML kwa wanaoanza level ya kwanza, na hili ni somo la kwanza katika masomo 8 yatakayokujia katika mtiririko wa course hii.
HTML SOMO LA KWANZA
HTML ni ufupisho wa maneno yanayosomeka kama:-
Hypertext
Markup
Language
Ni lugha ya komputa inayotumika katika kutengenezea kurasa za tovuti (website) ama blog.Inaungana na lugha nyingine katika kuboresha kurrasa za tovuti ama blog na kuzifanya ziweze kufanya kazi iliyokusudiwa vyema. Unaweza kutumia HTML tu ukatengeneza website yako bila ya lugha nyingine. Hata hivyo muonekano wake hautakuwa vyema sana kama hutatumia nyinggine.
Je na wewe una ndoto za kuwa na blog ama website uliyoitengeneza wewe mwenyewe. Mafunzo haya ni kwa ajili yako. Katika mafunzo haya utajifunza namna ya kutengeneza website yako kupitia kiganja chako yaani simu yako ya mkononi. Kama utakuwa na kompyuta hatutakuacha pia.
Somo hili la kwanza utajifunza namna ya kuandaa simu yako ama kompyuta yako kwa ajili ya kutengeneza website, ama kwa ajili ya kutumia HTML. Kama tutaenda vyema na mafunzo haya hadi mwisho nakuhakikishia kama Mwenyezi Mungu akitujaalia nguvu, uwezo na uhai, utaweza kutengeneza website yako na kuiweka live.
Muda wa masomo haya kwa hatuwa za Awali (Basics) itakuwa na wiki moja. Kisha baada ya hapo hatuwa ya pili ya mafunzo itaendelea. Tafadhali kuwa tayari kujifunza, kuwa muulizaji na mchangiaji:
VIGEZO VYA KUJIFUNZA:
1.Kuwa na simu ya smartphone au kompyuta
2.Uwe unajuwa kusoma na kuandika
3.Kuwa tayari kujifunza
4.Kuwa mjanja
5.Uwe mwenye kufanyi akazi (fanya mazoezi)
NAMNA YA KUANDAA SIMU YAKO:
1.Download App inayoitwa TrebEdit. Tumia link hii https://play.google.com/store/apps/details?id=com.teejay.trebedit
2.Funguwa App yako kisha bofya Menu
3.Bofya palipoandikwa Workplace
4.Bofya kitufe chenye alama ya kujumlisha chini
5.Kisha bofya palipandikwa New Project
6.Andika jina la Project (mimi natumia HTML) kisha bofya save.
7.Ingia kwenye project uliotengeneza kwa kubofya jina lake, ukurasa mpya utafunguka
8.Bofya tena kitufe cha alama ya kujumlisha
9.Bofya palipoandikwa new folder (hapa tunatengeneza folda la kuweka picha tutakazokuja kuzitumia kwenye tovutu tutakayotengeneza)
10.Andika jina la folda tumia image kisha bofya save.
11.Baada ya hapo rudi nyuma hatuwa moja kwenye project yako.
12.Bofya tena jina la project yako
13.Bofya kitufe cha alama ya kujumlisha
14.Bofya palipandika New file (hapa ndipo tutakapoanzia kuweka code za kutengeneza tovuti yetu)
15.Utatkiwa kuandika jina la file hapo andika index.html (hili ndio faili letu la kwanza la tovuti yetu.
16.Bofya faili hilo ulilolitengeneza, utaona limeandika index.html
17.Baada ya kufunguka kuna maneno chini yameandika html snippet, bofya hayo maneno
18.Ukursa wako sasa utaona una code HONGERA SANA KWA KUFIKA HATUWA HII
19.Juu ya ukurasa kuna kibatani cha kusave, kimefanana na kile cha kwenye microsoft office. Bofya hicho kibatani, hapo utakuwa umesave code zilizopo hapo.
20.Kuna kibatani kingni cha kuplay kimefana na kile tunachotumia kwenye media player. Bofya hicho kupreview code zako.
21.Utaona ukurasa mtupu. Vyema sasa fanya hivi rudi nyuma kisha:-
22.Tafuta haya maneno
Page title
kisha yabadilishe yasomeka
Home Page
23.Chini ya maneno haya
weka maneno haya
Haya ni mafunzo ya HTML kwa kutumia simu
NAMNA YA KUANDAA KOMPYUTA YAKO
Kwa watumiaji wa kompyuta funguwa notepad, ama notepadplus ama sublimetext3. unaweza kudowload bure ila kwa notepad haina haja ya kudownload ipo kwenye kompyuta yako. Kwanza tengeneza folder lipe jina website.kisha ndani ya folder hilo tengeneza folda jingine lipe jina imae. Rudi kwenye folda la website Tengeneza faili jipya kisha pest code hizo hapo chini kwenye faili lako.save as andika jina index.html. Lifunguwe faili lako la index.html kwakutumia browser kama chrome litafungukakama website. Angalia video itakusaidia. Unaweza kudownload notepadplus hapa https://notepad-plus-plus.org/downloads/v8.1.4/
My First Webpage
Welcome to my brand new website.
Somo la pili tutaanza kujifunza hizo code ulizoziweka kazi yake na vipi zinafanya kazi. Kama umefanikiwa hatuwa zote hizo tupe maoni yako, ama tutumie screenshot yako.
Je! umeipenda hii post?
Ndio Hapana Save post
Rajabu 
Tarehe 2024-05-10 14:53:23 Download PDF
Share On
Facebook
or
Whatsapp
Imesomwa mara 2517
Sponsored links
👉1 Madrasa kiganjani
👉2 kitabu cha Simulizi
👉3 Kitabu cha Afya
👉4 Kitau cha Fiqh
PHP level 1 somo la kumi na mbili (12) final
Mafunzo ya php level 1 somo ka 12 mwisho wa mafunzo. Hapa utaona project ambazo unaweza kufanya kutokana na mafunzo haya. Soma Zaidi...
Mafunzo ya HTML level 1 somo la 5 (HTML basic level FOR BEGINNERS)
katika somo hili la tano kwenye mafunzo ya HTML level 1 utajifunza jinsi ya 1.Kuweka picha
2.Kuweka rangi
3.Kuweka linki
4.Kupangilia position na alignment ya maandishi
5.Kuongeza ukubwa wa herufi
6.Kukoment Soma Zaidi...
PHP level 1 somo la kumi (10)
Somo la 10 mafunzo ya php level 1. Katika somo hili utajifunza kuhusu condition statement. Soma Zaidi...
Mafunzo ya HTML Level 1 somo la 2 for beginner (html full course for beginners)
Somo la pili katika mafunzo ya HTML level 2. Katika somo hili utajifunza maana ya HTML pamoja na historia yake fupi. Soma Zaidi...
Mafunzo ya database MySQL - DATABASE somo la 6
Huu ni muendelezo wa mafunzo ya database kwa kutumia MySQL na hili ni somo la 6. Katika somo hili tutakwenda kuona jinsi ya kutengeneza table kwa kutumia MySQL na kwa kutuma SQL. Soma Zaidi...
PHP level 1 somo la tisa (9).
Somo la nane mafunzo ya php, katika somo hili utajifunza kuhusu array na jinsi ya kutengeneza array. Soma Zaidi...
Mafunzo ya database mySQl database somo la 11
huu ni muendelezo wa mafunzo ya Database klwa kutumia MySQL na hili ni somo la 11. katika somo hili tutaendelea kujifunza mpangilio wa muonekano wa data kwenye database. Soma Zaidi...
Mafunzo ya php level 1 somo la kwanza (1)
Karibu kwenye mafunzo ya PHP level 1 na hili ni somo la kwanza. Hapa utajifunza maana ya php, inavyofanya kazi pamoja na historia yake kwa ufupi Soma Zaidi...
Php level 1 somo la saba (7)
Hili ni somo la saba, mafunzo ya php level 1. Katika somo hili utajifunza jinsi ya kuandika function yako mwenyewe. Soma Zaidi...
Mafunzo ya HTML level 1 somo la 8 (HTML basic level FOR BEGINNERS)
Katika somo hili la 8 mafunzo ya html level 8 utajifunza jinsi ya kuhost project ya html na kuwa live, watu wakaipitia na kusoma maudhui yake. Soma Zaidi...
Mafunzo ya php level 1 somo la tatu (3)
hili ni somo la tatu katika masomo ya php level 1. Hapa utajifunza zaidi kuhusu variable na namna ya kuitengeneza. Soma Zaidi...
Mafunzo ya HTML level 1 somo la 1 (HTML basic level FOR BEGINNERS)
Haya ni mafunzo ya HTML kwa wanaoanza level ya kwanza, na hili ni somo la kwanza katika masomo 8 yatakayokujia katika mtiririko wa course hii. Soma Zaidi...