Gade nan nenpòt paj entènèt sou entènèt jodi a epi w ap remake ke yo pataje kèk bagay an komen. Youn nan karakteristik sa yo pataje se imaj. Imaj yo dwa ajoute tèlman nan prezantasyon yon sit entènèt la. Gen kèk nan imaj sa yo, tankou logo yon konpayi an, ede mak sit la epi konekte antite dijital sa a nan konpayi fizik ou.
Pou ajoute yon imaj, icon, oswa grafik nan paj wèb ou, ou bezwen itilize tag nan nan HTML kòd yon paj la. Ou mete tag nan IMG nan HTML ou egzakteman ki kote ou vle grafik la yo montre. Navigatè entènèt la ki rann kòd paj la pral ranplase tag sa a ak grafik ki apwopriye a yon fwa yo wè paj la. Ale tounen nan egzanp konpayi logo nou an, isit la se ki jan ou ta ka ajoute ke imaj nan sit ou:
Atribi Imaj
Gade nan kòd la HTML pi wo a, ou pral wè ke eleman an gen ladan de atribi. Chak nan yo ki nesesè pou imaj la.
Atribi nan premye se "src" la. Sa a se byen literalman dosye a imaj ke ou vle yo dwe parèt sou paj la. Nan egzanp nou an nou itilize yon dosye ki rele "logo.png". Sa a se grafik ki navigatè wèb la ta montre lè li rann sit la.
Ou pral remake ke anvan sa a non dosye, nou te ajoute kèk lòt enfòmasyon, "/ images /". Sa a se chemen an dosye. Premye koupe a pi devan di sèvè a gade nan rasin lan nan anyè la. Li pral Lè sa a, gade pou yon katab yo rele "imaj" epi finalman dosye a ki rele "logo.png". Sèvi ak yon katab ki rele "imaj" nan magazen tout grafik yon sit la se yon pratik trè komen, men yo ta dwe chemen dosye ou a chanje nan tou sa ki enpòtan pou sit ou.
Dezyèm obligatwa atribi a se "alt" tèks la. Sa a se "tèks altène" ki montre si imaj la echwe pou chaje pou kèk rezon. Tèks sa a, ki nan egzanp nou an li "Logo Konpayi" ta dwe parèt si imaj la echwe yo chaje. Poukisa sa ta rive? Yon varyete de rezon:
- Kòrèk dosye chemen
- Non dosye fiks oswa bobin
- Transmisyon erè
- File te efase nan sèvè a
Sa yo se jis yon posiblite kèk poukisa imaj espesifik nou ka manke. Nan ka sa yo, tèks altè nou an ta montre olye.
Tèks Alt tou se itilize pa lojisyèl lektè ekran a "li" imaj la nan yon vizitè ki vizyon gen pwoblèm. Depi yo pa ka wè imaj la tankou nou fè, tèks sa a pèmèt yo konnen ki sa imaj la tèt li se. Sa a se poukisa tèks altè yo mande e poukisa li ta dwe klèman endike sa imaj la se!
Yon enkonpreyansyon komen nan tèks altè se ke li vle di pou rezon motè rechèch. Sa a se pa vre. Pandan ke Google ak motè rechèch lòt fè li tèks sa a pou detèmine kisa imaj la (sonje, yo pa ka "wè" imaj ou swa), ou pa ta dwe ekri tèks altènatif pou fè apèl sèlman nan motè rechèch la. Otè klè alt tèks ki vle di pou moun. Si ou ka ajoute tou kèk mo kle nan tag nan ki fè apèl a motè rechèch, se sa ki amann, men toujou asire w ke tèks la Alt ap sèvi objektif prensipal li yo pa ki deklare sa imaj la se pou nenpòt moun ki pa ka wè dosye a grafik.
Lòt atribi
Tag la IMG tou te gen de lòt atribi ke ou ka wè nan itilize lè ou mete yon grafik sou paj entènèt ou an - lajè a ak wotè a. Pou egzanp, si ou itilize yon editè WYSIWYG tankou Dreamweaver, li otomatikman ajoute info sa a pou ou. Men yon egzanp:
WIDTH a ak HIGH atribi di navigatè a gwosè a nan imaj la. Navigatè a Lè sa a, konnen egzakteman ki jan anpil espas nan Layout a asiyen, epi li ka deplase sou nan pwochen eleman nan paj la pandan y ap downloads imaj yo. Pwoblèm lan ak lè l sèvi avèk enfòmasyon sa a nan HTML ou a se ke ou ka pa toujou vle imaj ou a montre nan ki gwosè egzak. Pou egzanp, si ou gen yon sit entènèt reponn ki gen chanjman dimensionnement ki baze sou yon ekran vizitè ak gwosè aparèy, ou pral vle tou imaj ou yo dwe fleksib. Si ou endike nan HTML ou ki sa gwosè a fiks se, ou pral jwenn li trè difisil yo pase sou desizyon ak reponn CSS medya queries . Pou rezon sa a, ak kenbe yon separasyon nan style (CSS) ak estrikti (HTML), li rekòmande ke ou pa ajoute lajè ak atribi wotè nan kòd HTML ou.
Yon nòt: Si ou kite enstriksyon sa yo dimensionnman epi yo pa presize yon gwosè nan CSS, navigatè a pral montre imaj la nan default li yo, gwosè natif natal de tout fason.
Edited pa Jeremy Girard