Websites ni tofauti na kituo chochote cha mawasiliano ambacho kilikuja mbele yao. Moja ya mambo makuu ambayo huweka tovuti mbali na muundo wa vyombo vya habari uliopita kama magazeti, redio, na hata televisheni ni dhana ya " hyperlink ".
Hyperlinks, pia hujulikana kama "viungo", ni nini kinachofanya Mtandao kuwa na nguvu. Tofauti na kuchapishwa kuchapishwa ambayo inaweza kutaja makala nyingine au rasilimali nyingine, tovuti zinaweza kutumia viungo hivi kwa kweli kutuma wageni kwenye kurasa nyingine na rasilimali. Hakuna mwingine wa kati wa utangazaji anaweza kufanya hivyo. Unaweza kusikia tangazo kwenye redio au maoni kwenye TV, lakini hakuna viungo vinavyoweza kukupeleka kwa makampuni katika matangazo hayo kwa njia ambayo tovuti inaweza kufanya urahisi. Viungo kweli ni mawasiliano ya ajabu na chombo cha mwingiliano!
Mara nyingi, viungo vinavyopatikana kwenye wavuti ni maudhui maandishi ambayo huongoza wageni kwenye kurasa nyingine za tovuti hiyo hiyo. Urambazaji wa tovuti ni mfano mmoja wa viungo vya maandishi katika mazoezi lakini viungo hazihitaji kuwa maandishi. Unaweza pia kuunganisha picha kwa urahisi kwenye tovuti yako. Hebu tuangalie jinsi hii imefanywa, ikifuatiwa na matukio fulani ambapo ungependa kutumia hyperlink-msingi.
Jinsi ya kuunganisha picha
Jambo la kwanza unahitaji kufanya ni kuweka picha yenyewe kwenye hati yako ya HTML . Matumizi ya kawaida ya kiungo cha picha-msingi ni alama ya alama ya tovuti ambayo huunganishwa tena kwenye ukurasa wa nyumbani wa tovuti. Katika mfano wetu wa mfano chini, faili tunayotumia ni SVG kwa alama yetu. Hii ni chaguo nzuri tangu itawawezesha picha yetu kupanua maazimio tofauti, wakati wote kudumisha ubora wa picha na ukubwa wa faili ndogo.
Hapa ndivyo unavyoweka picha yako katika hati ya HTML:
Karibu kitambulisho cha picha, ungependa sasa kuongeza kiungo cha nanga, ufungue kipengele cha nanga kabla ya picha na kufunga nanga baada ya picha. Hii ni sawa na jinsi unavyounganisha maandishi, badala ya kufuta maneno unayotaka kuwa kiungo na vitambulisho vya nanga, unapiga picha. Katika mfano wetu hapa chini, tunaunganisha nyuma kwenye ukurasa wa nyumbani wa tovuti yetu, ambayo ni "index.html".
Unapoongeza HTML hii kwenye ukurasa wako, usiweke nafasi yoyote kati ya lebo ya nanga na lebo ya picha. Ikiwa unafanya, baadhi ya vivinjari huongeza tiba kidogo kando ya picha, ambayo itaonekana isiyo ya kawaida.
Sura ya alama itakuwa sasa pia kama kitufe cha nyumbani, ambacho kina kiwango cha wavuti siku hizi. Ona kwamba hatujumuishi mitindo yoyote ya kuona, kama vile upana na urefu wa picha, katika maridadi yetu ya HTML. Tutaacha mitindo hii ya Visual kwa CSS na kudumisha usawa safi wa muundo wa HTML na mitindo ya CSS.
Mara tu unapopata CSS, mitindo unayoandika ili kuzingatia picha hii ya alama inaweza kujumuisha kupima picha, ikiwa ni pamoja na mitindo ya msikivu wa picha nyingi za kirafiki na picha yoyote unazopenda kuongeza kwenye picha / kiungo, kama mipaka au CSS tone vivuli. Unaweza pia kutoa picha yako au kuunganisha sifa ya darasa ikiwa unahitaji "ndoano" za ziada za kutumia na mitindo yako ya CSS.
Tumia Nyakati za Viungo vya Picha
Kwa hivyo kuongeza kiungo cha picha ni rahisi sana. Kama tulivyoona, unapaswa kufanya ni kuunganisha picha na vitambulisho vya nanga vya sahihi. Swali lako la pili linaweza kuwa "ungependa kufanya hivyo kwa wakati gani badala ya mfano ulioonyeshwa hapa / mfano wa kiungo cha nyumbani?"
Hapa kuna baadhi ya mawazo:
- Picha za picha kwenye nyumba ya sanaa inayohusiana na matoleo makubwa ya picha hizo.
- Picha ambazo hutumiwa peke yake ili kuwakilisha maudhui, kama picha za bidhaa kwa tovuti ya biashara ya e-commerce.
- Picha za teaser ambazo ni sehemu ya maudhui mengine, kama makala ya blogu au kuchapishwa kwa habari, ambayo huwashawishi watu kuona kwamba maudhui yanawapa eneo lenye lengo ili kugonga au bonyeza ili kusoma makala kamili.
- Icon images ambayo hutumiwa kama vifungo kuungana na utendaji maalum au kurasa ndani ya tovuti.
- Viungo vya vyombo vya habari vya kijamii vinazotumia alama ya kutambua ya maeneo mbalimbali ya vyombo vya habari vya kijamii ambavyo ni muhimu kwa tovuti hiyo au kampuni.
- Picha zinazotumiwa kama vifungo kwa kazi fulani, kama mawasilisho ya fomu (maelezo mazuri ya kuzingatia - kutoka kwa mtazamo wa utendaji wa tovuti, vifungo vinavyotengenezwa kwa CSS ni chaguo bora kuliko vifungo vya picha).
Kumbukumbu Wakati Unatumia Picha
Picha zinaweza kuwa na jukumu muhimu katika mafanikio ya tovuti. Moja ya mifano iliyotolewa hapo juu imetumia picha pamoja na maudhui mengine ya kutekeleza yaliyomo na kuwafanya watu kuisoma.
Unapotumia picha, unapaswa kukumbuka kuchagua picha sahihi kwa mahitaji yako , hii inajumuisha sura sahihi ya sura, muundo, na pia kuhakikisha kwamba picha yoyote unayoyotumia kwenye tovuti yako imefungwa vizuri kwa utoaji wa tovuti . Hii inaweza kuonekana kama kazi nyingi ili kuongeza picha, lakini faida ni ya thamani! Picha zinaweza kuongeza sana kwenye mafanikio ya tovuti.
Usisite kutumia picha zinazofaa kwenye tovuti yako, na uunganishe picha hizo wakati unahitajika kuongeza vingine kwa maudhui yako, lakini pia uzingatia mazoea haya bora ya picha na kutumia graphics hizi / viungo kwa usahihi na kwa uwazi katika kazi yako ya kubuni wavuti.