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.

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

 

 

 

Mafunzo ya HTML

 

Jifunze bure

 

Haya ni mafunzo ya HTML kwa kutumia simu








From
Bongoclass


24.Save

25.Bofya kitufe cha kuplyay ili kuangalia kilichotokea baada ya kuweka hizo code

26. Hongera sana ukurasa wako wa HTML umekamilika. Unaweza kubadili maneno kwenye hizo code hapo juu kweka yako.

 

 

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 webpage

 

 

Welcome to my brand new website.

 

Google

 

 


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

Kama unahitaji kuuliza maswali Bofya hapa

Mwandhishi Tarehe 2021-10-27     Share On Facebook or Whatsapp Imesomwa mara 2260


Download our Apps
👉1 Madrasa kiganjani     👉2 Kitau cha Fiqh     👉3 Kitabu cha Afya     👉4 kitabu cha Simulizi    

Post zifazofanana:-

Kama simu a computer yako inastack
Somo hili linakwenda kukueleza kuhusu njia za kufanya endapo simu yako au computer itastack Soma Zaidi...

Utunzaji wa betri la kifaa chako
Posti hii inakwenda kukupa elimu kuhusu utunzaji wa betri la kifaa chako Soma Zaidi...

Mafunzo ya HTML level 1 somo la 4 (HTML basic level FOR BEGINNERS)
Hili ni somo la nne katika mafunzo ya html basic level. Hapa tutakwenda kuona jinsi ya kuzifanyia kazi tag ambazo umejifunza katika somo lililotangulia. Soma Zaidi...

OUR PRIVACY POLICIES.
Soma Zaidi...

Jinsi ya kutoa pesa ClipClaps kwa Tanzania
Njia za kutoa pesa ClipClaps Soma Zaidi...

THE DESTRUCTION OF THE ELEPHANT ARMY IN YEAR 570 AD.
This is the history of the attempt to destroy the city of Mecca and to destroy its people and destroy it in the history of the World. One leader, known as Abrah, organized a huge army to destroy Al-Qa'aba Soma Zaidi...

Mafunzo yz database MySQL database somo la 12 (final)
Huu ni muendelezowa mafunzo ya database kwa kutumia MySQl na hili ni somo la 12. katika somo hili tutajifunza namna ya kufanya mahesabu kwa kutumia SQl katika database Soma Zaidi...

Mafunzo ya HTML Level 2 somo la 4 (HTML FULL COURSE FOR BEGINNERS LESSON 4)
Karibu tena katika somo la nne la mafunzo ya HTML level2 html full course for beginners. Katika somo hili utajifunza kuhusu attributes na namna zinavyofanya kazi Soma Zaidi...

Mafunzo ya HTML Level 2 somo la 6 (HTML FULL COURSE FOR BEGINNERS LESSON 6)
Katika somo hili la 6 mafunzo ya HTML level 2, tutajfunza namna ya kugawa ukurasa wa wavuti wa html. Soma Zaidi...

Mafunzo ya HTML level 1 somo la 2 (HTML basic level FOR BEGINNERS)
Hili ni somo la pili katika mfululizo wa mafunzo ya html level ya 1 na hapa tutakwenda sasa kunanza somo letu rasmi, kwani katika somo la kwanza umejifunza jinsi ya kuandaa kifaa chako kwa ajili ya mafunzo. Soma Zaidi...

Mafunzo ya Database MySQL DATABASE somo la 2
Huu ni mwendelezo wa mafunzo ya DATABASE kwa kutumia MySQL na hili ni somo la pili. Hapa tutakwenda kuona kwa ufupi ni nini DATABASE Soma Zaidi...

Tembo
Posti hii inakwenda kukupa sifa za mnyama tembo Soma Zaidi...