Kuwedzera Mifananidzo kuWebhu Mapeji

Tarisa chero peji yebhundaneti iri paIndaneti nhasi uye iwe uchaona kuti vanogovana zvimwe zvinhu zvakafanana. Chimwe chezvinhu izvozvo zvakagoverwa mifananidzo. Mifananidzo yakarurama inowedzera zvakanyanya kune yepawebsite yehurukuro. Mimwe yemifananidzo iyo, sekambani yekambani, inobatsira kuisa marimi panzvimbo iyi nekubatanidza iyo iyo yedijititi kune imwe kambani yako.

Kuti uwedzere mufananidzo, chiratidzo, kana maikirwo pajiji yako yewebhu, unoda kushandisa tag mukati peji ye HTML code. Iwe unoisa mukana we IMG mu HTML yako chaiyo iwe unoda kuti mifananidzo iratidze. Tsvaji yewebhu yakapa ikhodi ye peji ichadzorera taki iyi nemifananidzo yakakodzera kana peji ichionekwa. Kudzokera kune kambani yedu logo muenzaniso, apa ndiyo nzira yaunogona kuwedzera iyo chifananidzo panzvimbo yako:

Mufananidzo unobatsira

Kutarisa pa HTML code pamusoro apa, uchaona kuti chinhu chinosanganisira maitiro maviri. Chimwe nechimwe chazvo chinodiwa nokuda kwechifananidzo.

Chokutanga chinonzi "src". Izvi chaizvoizvo firimu yefaira yaunoda kuiswa pane peji. Muenzaniso wedu tiri kushandisa faira inonzi "logo.png". Uyu ndiwo mifananidzo iyo web browser inenge ichiratidzira kana yakashandurwa pawebsite.

Iwe uchacherechedza kuti pamberi pezita iri refaira, takawedzera mamwe mashoko, "/ mifananidzo /". Iyi ndiyo faira nzira. Iyo yekutanga mberi slash inoudza sevha kutarisa mukati memudziro wechirongwa. Ichazotarisa faira inonzi "mifananidzo" uye pakupedzisira faira inonzi "logo.png". Kushandisa faira inonzi "mifananidzo" yekuchengetedza mafirimu ose epaiti ndiyo tsika yakajairika, asi nzira yako yefaira ingashandurwa kune chero chakakosha panzvimbo yako.

Chechipiri chinonzi chikonzero chinonzi "alt". Iyi ndiyo "zvinyorwa zvinyorwa" zvinoratidzwa kana mufananidzo usingakwanisi kutakura pane chimwe chikonzero. Uyu rugwaro, urwo mumuenzaniso wedu runoverenga "Company Logo" rungaratidzwa kana mufananidzo usingakwanisi kutakura. Nei izvozvo zvaizoitika? Zvikonzero zvakasiyana-siyana:

Izvi zvinongova zviitiko zvishomanana zvekuti nei chimiro chedu chingave chingave chiripo. Muzviitiko izvi, magwaro edu anoratidza nzvimbo.

Mamwe magwaro anoshandiswawo nechirongwa chekuverenga shanduro ye "kuverenga" chifananidzo kune mushanyi uyo ane maonero asina kunaka. Sezvo vasingakwanisi kuona mufananidzo sezvatiri kuita, rugwaro urwu runovaita kuti vazive kuti chifananidzo chacho pachacho chii. Ichi ndicho chikonzero mabhuku eA alt anodiwa uye nei achifanira kutaura zvakajeka kuti chifananidzo chacho chii!

Kusava nekunzwisisana kwemavara ehurukuro ndechokuti zvakagadzirirwa kutsvaga injini. Izvi hazvisi chokwadi. Kunyange zvazvo Google nedzimwe injini dzekutsvaga dzichiverenga rugwaro urwu kuti ruone kuti chifananidzo chii (yeuka, havagone "kuona" chifananidzo chako kana), haufaniri kunyora alt text kuti uongorore chete kutsvaga injini. Munyori anotsanangura aritari iyo inoreva vanhu. Kana uchikwanisawo kuwedzera mamwe mazwi mumutambo unofadza kutsvaga injini, izvo zvakanaka, asi nguva dzose uone kuti alt text iri kushanda chinangwa chayo chikuru nekuratidza kuti chifananidzo chii kune ani zvake asingagoni kuona firiji yefaira.

Zvimwe Zvipo

Gwaro reMG rinewo dzimwe mbiri mbiri dzaungaona dziri kushandiswa paunoisa mifananidzo pawebhu yepaji yako - yakafara uye yakakwirira. Semuenzaniso, kana ukashandisa WYSIWYG editor seDreamweaver, iyo inowedzera inowedzera iyi mashoko kwauri. Heano muenzaniso:

Izvo zvinoreva WIDTH uye HEIGHT zvinoudza musikana wacho hukuru hwemufananidzo. Mushanduri anoziva zvino kuti nzvimbo yakawanda sei pakagadzirirwa kugovera, uye inogona kuenderera kune chimwe chinotevera pane peji apo mufananidzo unotorwa. Dambudziko rekushandisa ruzivo urwu muHTML yako ndeyokuti iwe haungave uchida nguva dzose kuti chifananidzo chako chiratidze panguva iyoyo chaiyo. Semuenzaniso, kana iwe une webhusaiti yekubvuma iyo shanduko kuchinjwa kubva kune vashanyi skrini nekukura kwechinhu, iwe unodawo kuti mifananidzo yako ichinje. Kana iwe uchitaura mu HTML yako izvo zvakasikwa zviyero zvakadini, iwe uchazviwana zvakaoma kunyanya kupindurwa nekunzwa CSS media media . Nokuda kwechikonzero ichi, uye kuchengetedza kuparadzana kwemavara (CSS) nekugadzirisa (HTML), zvinokurudzirwa kuti usawedzera huwandu uye hurefu hunhu kune yako HTML code.

Chimwe chinyorwa: Kana iwe ukasiya mirayiridzo iyi kubva kune imwe uye usati ureve hukuru muCSS, mutsvaga wacho acharatidza mufananidzo wacho usina kuitika, wekuzvarwa kwepamusoro chero zvakadaro.

Yakarongedzwa naJeremy Girard