HTML - somo la 1: Maana ya HTML na kazi zake
Somo hili linakufundisha maana ya HTML, kwa nini inatumika, na jinsi ya kuandaa simu au kompyuta yako kwa ajili ya kuanza kutengeneza tovuti. Pia tutatengeneza ukurasa wetu wa kwanza wa HTML hatua kwa hatua.
Utangulizi
HTML ni lugha ya msingi inayotumika kutengenezea kurasa za tovuti na blogu. Bila HTML hakuna website inayoonekana duniani. Unaweza kutengeneza tovuti kwa kutumia HTML pekee, kisha ukaboresha baadaye kwa kutumia CSS na JavaScript.
Katika somo hili, tunaanza kwa kukuweka tayari ili uweze kuandika code zako bila shida—iwe unatumia simu au kompyuta.
Sasa tuingie kwenye somo letu…
1. HTML ni nini?
HTML ni ufupisho wa:
-
Hypertext
-
Markup
-
Language
Ni lugha ya kimataifa inayotumiwa kutengeneza kurasa za tovuti (website pages). HTML haihitaji umiliki wa vifaa ghali; unaweza kuanza hata kwa kutumia simu yako ya mkononi.
Ikiwa una ndoto za kuanzisha blog, tovuti ya biashara au portfolio, basi uko mahali sahihi. Mafunzo haya yatakufundisha kuanzia hatua ya mwanzo kabisa hadi kutengeneza tovuti inayoweza kwenda live.
2. Vigezo vya kuanza kujifunza
Ili uweze kufanikiwa kwenye kozi hii, unahitaji:
-
Simu ya smartphone au kompyuta
-
Uwezo wa kusoma na kuandika
-
Utayari wa kujifunza
-
Umakini na ujanja
-
Kufanya mazoezi kila baada ya somo
Kozi ya msingi (Basics) itachukua wiki moja, kisha tutaendelea na hatua ya pili.
3. Namna ya kuandaa kifaa chako (Simu)
Kwa watumiaji wa simu, utatumia app inayoitwa Acode (badala ya TrebEdit kwa sababu Acode ni nyepesi na ya kisasa).
Hatua za kuandaa Acode
-
Pakua app ya Acode kwenye Play Store:
https://play.google.com/store/apps/details?id=com.foxdebug.acodefree -
Fungua Acode
-
Bofya icon ya “folder” kisha tengeneza folder jipya
-
Lipe jina mfano: html-project
-
Ndani ya hilo folder, tengeneza folder lingine liitwe images
-
Rudi kwenye folder la html-project
-
Bonyeza alama ya “+” kutengeneza faili jipya
-
Lipe jina: index.html
-
Lifungue faili hilo
-
Andika au kopia code zifuatazo:
<!DOCTYPE html>
<...help_outlineZoezi la Maswali
Umeionaje Makala hii.. ?
Share On:
👉1 Kitau cha Fiqh 👉2 kitabu cha Simulizi 👉3 ai web app 👉4 Kitabu cha Afya 👉5 Simulizi za Hadithi Audio 👉6 Sira ya Mtume Muhammad (s.a.w)
Post zinazofanana:
Jinsi ya Kutatua Tatizo la SMS Kutotumwa
Kushindwa kutuma ujumbe wa kawaida wa maandishi (SMS) ni tatizo linalowakera watu wengi kila siku. Makala hii inakueleza kwa lugha rahisi kabisa sababu zinazosababisha ujumbe wako usiende na inakupa hatua 8 rahisi za kurekebisha tatizo hili mwenyewe. Utafiti unaonyesha kuwa asilimia kubwa ya matatizo haya yanatokana na mambo madogo kama kukosa salio, mtandao dhaifu, au namba za vituo vya ujumbe (SMSC) kukosewa kwenye simu yako. Kusoma mwongozo huu kutakusaidia kuokoa muda na pesa bila kulazimika kwenda kwa fundi.
Soma Zaidi...Jinsi ya Kutatua Tatizo la Mikrofoni
Je, unajaribu kupiga simu, kurekodi sauti, au kuingia kwenye mkutano wa mtandaoni lakini mikrofoni yako haifanyi kazi? Huu ni mwongozo rahisi na wa hatua kwa hatua unaoelezea jinsi ya kutatua matatizo yote ya mikrofoni kwenye simu au kompyuta yako. Tumeandika mwongozo huu kwa lugha rahisi ya Kiswahili ili kila mtu, hata asiye na ujuzi wa teknolojia, aweze kuelewa na kurekebisha kifaa chake mara moja bila kuhitaji fundi.
Soma Zaidi...Jinsi ya Kutumia Fingerprint Kwenye Simu
Fingerprint ni teknolojia inayokuwezesha kufungua simu yako kwa kutumia alama ya kidole badala ya kuandika namba ya siri au mchoro (Pattern). Mfumo huu umeifanya matumizi ya simu kuwa rahisi, ya haraka na salama zaidi. Mbali na kufungua simu, fingerprint pia inaweza kutumika kuthibitisha malipo, kufungua programu mbalimbali na kulinda taarifa binafsi zilizopo kwenye simu. Katika makala hii utajifunza fingerprint ni nini, jinsi inavyofanya kazi, namna ya kuiweka kwenye simu, jinsi ya kuitumia kwa usahihi, faida zake, changamoto zinazoweza kujitokeza pamoja na njia za kuzitatua. Pia utapata ukweli muhimu katika sehemu ya "Je! Wajua?" ambao unaweza kukusaidia kutumia fingerprint kwa ufanisi zaidi.
Soma Zaidi...HTML - somo la 8: Mgawanyiko wa Tag za HTML na kazi zake
Katika somo hili tunakwenda kugawanya tag za HTML, pia nitakwenda kukuletea tag 70 za HTML
Soma Zaidi...Sababu Zinazofanya Betri Iishe Haraka
Betri ni sehemu muhimu sana ya simu, kompyuta mpakato, saa janja na vifaa vingine vya kielektroniki. Hata hivyo, watu wengi hukutana na tatizo la betri kuisha haraka bila kujua chanzo chake. Wakati mwingine tatizo halitokani na ubora wa simu au betri, bali hutokana na namna kifaa kinavyotumika kila siku. Katika makala hii utajifunza sababu kuu zinazofanya betri iishe haraka, jinsi ya kutambua tatizo, pamoja na njia rahisi za kuongeza muda wa matumizi ya betri. Maelezo haya yameandikwa kwa lugha rahisi ili kila mtu ayaelewe, hata kama hana ujuzi wa teknolojia.
Soma Zaidi...HTML - somo la 6: Jinsi ya kuweka menyu kwenye faili la HTML
Katika somo hili utakwenda kujifunza jinsi ya kuweka menyu kwenye faili la html na kuweka rangi ya background. Pia utajifunza kufanya ukurasa uwe responsive yaani uendani na ukubwa wa kifaa.
Soma Zaidi...