Jinsi ya Kuona Chanzo cha HTML katika Google Chrome

Jifunze jinsi tovuti ilijengwa kwa kutazama msimbo wake wa chanzo

Nilipoanza kazi yangu kama mtengenezaji wa mtandao, nilijifunza mengi kwa kuchunguza kazi ya wabunifu wengine wa mtandao niliowasihi. Siko peke yangu katika hili. Ikiwa wewe ni mpya kwenye sekta ya wavuti au mkongwe wa zamani, kutazama chanzo cha HTML cha kurasa tofauti za mtandao ni kitu ambacho unaweza uweze kufanya mara nyingi juu ya kipindi cha kazi yako.

Kwa wale ambao ni mpya kwa kubuni mtandao, kutazama chanzo cha chanzo cha tovuti ni mojawapo ya njia rahisi kuona jinsi mambo fulani yamefanyika ili uweze kujifunza kutoka kwa kazi hiyo na kuanza kutumia kanuni fulani au mbinu katika kazi yako mwenyewe. Kama mtengenezaji wa wavuti yeyote anayefanya kazi leo, hasa wale ambao wamekuwa huko tangu siku za mwanzo za sekta hiyo, na ni bet salama ambayo wao na kukuambia wamejifunza HTML tu kwa kutazama chanzo cha kurasa za wavuti walizoziona na walipendezwa na. Mbali na kusoma vitabu vya kubuni wavuti au kuhudhuria mikutano ya kitaalamu , kutazama chanzo cha chanzo cha tovuti ni njia nzuri kwa waanzia kujifunza HTML.

Zaidi ya HTML tu

Kitu kimoja cha kukumbuka ni kwamba files za chanzo zinaweza kuwa ngumu sana (na zaidi ya tovuti ambayo unayotazama ni, msimbo unao ngumu zaidi wa tovuti unaweza kuwa). Mbali na muundo wa HTML unaojenga ukurasa unaoangalia, kutakuwa na CSS (karatasi za mtindo wa kutembea) ambazo zinaamuru kuonekana kwa tovuti hiyo. Zaidi ya hayo, tovuti nyingi leo zitajumuisha faili za script zikiwemo pamoja na HTML.

Kuna uwezekano wa kuwa na faili nyingi za script zikiwemo, kwa kweli, kila mmoja anawezesha masuala tofauti ya tovuti. Kwa kweli, msimbo wa chanzo cha tovuti unaweza kuonekana kuwa mno, hasa kama wewe ni mpya kufanya hivyo. Usifadhaike ikiwa huwezi kujua nini kinachoendelea na tovuti hiyo mara moja. Kuangalia chanzo cha HTML ni hatua ya kwanza katika mchakato huu. Kwa uzoefu mdogo, utaanza kuelewa vizuri jinsi vipande hivi vyote vinavyoungana ili kuunda tovuti ambayo unaona kwenye kivinjari chako. Unapopata ujuzi zaidi na msimbo, utakuwa na uwezo wa kujifunza zaidi kutoka kwao na haitaonekana kuwa hukudhuru.

Kwa hiyo unaonaje kanuni ya chanzo cha tovuti? Hapa ni maagizo ya hatua kwa hatua kufanya hivyo kwa kutumia kivinjari cha Google Chrome.

Hatua kwa Hatua Maelekezo

  1. Fungua kivinjari cha wavuti cha Google Chrome (ikiwa huna Google Chrome imewekwa, hii ni download ya bure).
  2. Nenda kwenye ukurasa wa wavuti ungependa kuchunguza .
  3. Bonyeza-click ukurasa na angalia orodha inayoonekana. Kutoka kwenye orodha hiyo, bofya Angalia chanzo cha ukurasa .
  4. Nambari ya chanzo ya ukurasa huo itaonekana sasa kama kichupo kipya kwenye kivinjari.
  5. Vinginevyo, unaweza pia kutumia njia za mkato za CTRL + U kwenye PC ili kufungua dirisha na msimbo wa chanzo cha tovuti. Kwenye Mac, mkato huu ni Amri + Alt + U.

Vyombo vya Wasanidi programu

Mbali na uwezo rahisi wa kuonekana wa ukurasa ambao Google Chrome hutoa, unaweza pia kutumia faida zao za Wasanidi programu bora kuzimba kwenye tovuti. Zana hizi zitakuwezesha sio kuona tu HTML, lakini pia CSS ambayo inatumika kutazama vipengele katika waraka huo wa HTML.

Kutumia zana za msanidi wa Chrome:

  1. Fungua Google Chrome .
  2. Nenda kwenye ukurasa wa wavuti ungependa kuchunguza .
  3. Bonyeza icon na mistari mitatu kwenye kona ya juu ya kulia ya dirisha la kivinjari.
  4. Kutoka kwenye menyu, ongeza juu ya zana zaidi na kisha bofya zana za Wasanidi programu kwenye orodha inayoonekana.
  5. Hii itafungua dirisha inayoonyesha msimbo wa chanzo cha HTML upande wa kushoto wa kipanushi na CSS inayohusiana upande wa kulia.
  6. Vinginevyo, ikiwa hakika bofya kipengele kwenye ukurasa wa wavuti na chagua Angalia kutoka kwenye orodha inayoonekana, zana za msanidi programu ya Chrome zitatoka na kipengele halisi ulichochagua kitaonyeshwa kwenye HTML na CSS inayoonyeshwa kwa haki. Hii ni nzuri sana ikiwa unataka kujifunza zaidi kuhusu jinsi kipande fulani cha tovuti kilichopangwa.

Je, unatazama Chanzo Kanuni Kisheria?

Kwa miaka mingi, nimekuwa na wabunifu wengi wa wavuti wapya kuuliza ikiwa ni kukubalika kuona nambari ya chanzo cha tovuti na kuitumia kwa ajili ya elimu yao na hatimaye kwa kazi wanayofanya. Ingawa kunakili kificho cha tovuti na kuipitisha kama tovuti yako mwenyewe kwenye tovuti haipaswi kukubalika, kutumia kanuni hiyo kama mchoro wa kujifunza kutoka kwa kweli ni maendeleo gani yanayofanywa katika sekta hii.

Kama nilivyosema mwanzoni mwa makala hii, ungekuwa mgumu sana kupata mtaalamu wa kazi wa leo leo ambaye hajajifunza kitu kwa kuangalia chanzo cha tovuti! Ndio, kutazama kificho cha chanzo cha tovuti ni kisheria. Kutumia code hiyo kama rasilimali ya kujenga kitu sawa pia ni nzuri. Kuchukua code kama-ni na kupita mbali kama kazi yako ni wapi kuanza kukutana na matatizo.

Hatimaye, wataalamu wa wavuti hujifunza kutoka kwa kila mmoja na mara nyingi huboresha juu ya kazi wanayoyaona na wanaongozwa na, hivyo usisite kuona namba ya chanzo cha tovuti na kuitumia kama chombo cha kujifunza.