E nānā i kekahi pūnaewele pūnaewele ma kēia pūnaewele aʻikeʻoe i ka hoʻokaʻawaleʻana i kekahi mau mea i ka mea like. ʻO kekahi o kēlā mau hiʻohiʻonaʻokoʻa he kiʻi. Hoʻonui ka kiʻi kūpono i ka hōʻike pūnaewele. ʻO kekahi o kēlā mau kiʻi, e like me ka logo o kahi hui, kōkua i ka hoʻokumu i ka pūnaewele a hoʻohui i kēlā pono numera i kāu hui kino.
No ka hoʻohui i kahi kiʻi, anakuhi, aiʻole i mau kiʻikuhi i kāu pūnaewele, ponoʻoe e hoʻohana i ka inoa ma ka helu HTML o kahiʻaoʻao. Hoʻonohoʻoe i ka helu IMG ma kāu HTML pono kahi āu e makemake ai i ka kiʻi e hōʻike. Hiki i ka mea pūnaewele pūnaewele e hoʻopuka nei i ka helu o kaʻaoʻao ke pani i kēia inoa me ka pelekānia kūpono i ka manawa e nānāʻia ai kaʻaoʻao. Ke hoʻi nei i ka hōʻailona hiʻohiʻona o ka hui, eia keʻano e hiki ai ke hoʻohui i kēlā kiʻi i kāu pūnaewele:
Nā Kiʻi kiʻi
Ke nānā neiʻoe i ka helu HTML ma luna nei, eʻikeʻoe i keʻano o nā huaheluʻelua. Pono lākou a pau no ka kiʻi.
ʻO ka hua muaʻo "src". ʻO kēia keʻano o ka pūnaewele kiʻi e makemakeʻia e hōʻikeʻia ma kaʻaoʻao. I ko mākou hiʻohiʻona, hoʻohana mākou i kahi faila i kapaʻia "logo.png". ʻO kēia ke kiʻikuhi e hōʻikeʻia e ka polokalamu kele pūnaewele i ka manawa i hanaʻia ai ka pūnaewele.
Eʻikeʻoe i mua o kēia inoa kōnae, ua hoʻohui mākou i kekahi mauʻike'ē aʻe, "/ images /". ʻO kēia ke alahele kōnae. ʻO ka'ōkuhi mua mua e haʻi i ka kiko e nānā i ke kumu o ka papa kuhikuhi. Eʻimi ana i kahi papa i kapaʻia "kiʻi" a ma hope o ka pūnaewele i kapaʻia "logo.png". ʻO ka hoʻohanaʻana i kahi waihona i kapaʻiaʻo "kiʻi" e mālama i nā kiʻi kuhi o kahi pūnaewele he hana maʻamau, akā e hoʻololiʻia kāu alanaewele i nā mea a pau e pili ana i kāu pūnaewele.
ʻO ka lua o ka mea i makemakeʻiaʻo ka "alt" kikokikona. ʻO kēia ka "'ōleloʻokoʻa" e hōʻikeʻia ināʻaʻole e kiʻi ka kiʻi no kekahi kumu. ʻO kēia kikokikona, e hōʻikeʻia i loko o kā mākou hiʻohiʻona ka "Company Logo" e hōʻikeʻia ināʻaʻole hiki ke kiʻi i kēia kiʻi. No ke aha e hanaʻia ai? Nā kumu likeʻole:
- Kahi kuhikuhi hewaʻole
- ʻO kahi inoa inoa hewaʻole a misspelling paha
- Ka hewa o ke kaʻa
- Ua weheʻia ka file mai ka pūnaewele
He mau mea kūpono paha kēia no ke kumu e nalowale ai kā mākou kiʻi i hōʻikeʻia. Ma kēia mau kumu, e hōʻike ana kā mākou hua'ōlelo kiʻekiʻe ma kahi.
Hoʻohanaʻia kaʻenehana Alt e ka polokalamu heluhelu heluhelu e "heluhelu" i ke kiʻi i kahi malihini kipa iʻikeʻia ka hihiʻo. Ma muli o ka hikiʻole iā lākou keʻike i ke kiʻi e like me kā mākou e hana nei, e hōʻike ana kēia kikokikona iā lākou i keʻano o ka kiʻi. ʻO kēia ke kumu e koiʻia ai ka helu kiʻekiʻe a no ke kumu e wehewehe pono ai i keʻano o kēia kiʻi!
ʻO ka kuhi likeʻole o ka'eneke helu,ʻo ia nō ka mea i kūkuluʻia no nā kumu hana noiʻi. ʻAʻole kēiaʻoiaʻiʻo. ʻOiaiʻo Google a me nā mea hoʻohana'ē aʻe e heluhelu i kēia kikokikona no kaʻikeʻana i keʻano o kēia kiʻi (e hoʻomanaʻo,ʻaʻole hiki iā lākou ke "ʻike" i kou kiʻi),ʻaʻoleʻoe e kākau i nā hua'ōlelo kiʻekiʻe e kāhea wale i nā engines hulina. ʻO ka mea kākau kākau kiʻekiʻe loa e pili ana i nā kānaka. Inā hiki iāʻoe ke hoʻohui i kekahi mau hua'ōlelo i ka pākuʻi e noiʻi i nā engines hulina, maikaʻi ia, akā eʻike mau i ka lawelaweʻana o ka huahana kiʻekiʻe i kona kumu kumu ma ka hōʻikeʻana i keʻano o kēia kiʻi no ka meaʻikeʻole i ke kiʻi kiʻi.
Nā Haʻawina'ē aʻe
ʻO ka helu IMG heʻelua mauʻano likeʻole paha āu iʻike ai i ka hoʻohanaʻana i kahi kiʻi ma kāu pūnaewele - ka whānui a me ke kiʻekiʻe. Eia kekahi laʻana, inā hoʻohanaʻoe i kahi hoʻoponopono WYSIWYG like Dreamweaver, hoʻohuiʻo ia i kēiaʻike noʻoe. Eia kekahi hiʻohiʻona:
Hōʻike nā hōʻike WIDTH a me HE HE i ka polokalamu kelepona i ka nui o ke kiʻi. Eʻike ana ka polokalamu kelepona i ka nui o ka manawa ma ka hoʻolālā e hoʻokaʻawale ai, a hiki iā ia ke holo i kaʻaoʻao aʻe ma kaʻaoʻao aʻo nā kiʻi kiʻi. ʻO ka pilikia me ka hoʻohanaʻana i kēiaʻike ma kāu HTML he mea hikiʻole iāʻoe ke makemake i kāu kiʻi e hōʻike i kēlā nui. Eia kekahi laʻana, inā loaʻa iāʻoe kahi pūnaewele pane e like me nā hoʻololi nui e pili ana i ka wikihi malihini kipa a me ka nui o nā pūnaewele, ponoʻoe e hoʻololi i kāu mau kiʻi. Inā hōʻikeʻoe i kāu HTML i keʻano o ka nui i hoʻopaʻaʻia, eʻoluʻolu loaʻoe e kāpili me nā nīnau o ka pānaʻi CSS e pane mai nei. No kēia kumu, a no ka mālamaʻana i ke kaʻawale o keʻano (CSS) a me ka hoʻolālā (HTML), ua'ōleloʻiaʻoe e hanaʻole i ka hōʻailona nui a me nā kiʻekiʻe i kāu helu HTML.
Hoʻokahi memo: Inā haʻaleleʻoe i kēia mau kuhikuhi kuhikuhi ma waho a hōʻikeʻole i ka nui ma CSS, e hōʻike ka polokalamu kelepona i ka kiʻi ma kona paʻamau, ka nui maoli.
Hoʻoponoponoʻia e Jeremy Girard