He alakaʻi o kēlā me kēiaʻaoʻao
Inā he papa kuʻina ā kāu papa koho ma kaʻaoʻao a iʻole kahi laina kaulike ma lalo o kaʻaoʻao,ʻo ia wale nō kahi papa inoa. Ke hoʻoholoʻana i ka hoʻokele o ka pūnaewele, hiki ke maʻalahi ke hoʻopoina i kahi papa hoʻokele koho waleʻia he hui i hoʻohanohanoʻia o nā loulou. Akā inā hoʻonohonohoʻoe i kāu hoʻokele ma ka hoʻohanaʻana iā XHTML + CSS, hiki iāʻoe ke hana i kahi papa inoa heʻuʻuku i mea e kiʻi ai (ka XHTML) a maʻalahi hoʻi e hoʻoponopono (CSS).
Ke hoʻomakaʻana
No ka hoʻomakaʻana e hoʻolālā i kahi papa inoa no ka hoʻokele, ponoʻoe e hoʻohana i kahi papa inoa.
Hiki paha i kahi papa inoa maʻamauʻole i kuhikuhiʻia heʻakaʻaka:
Ināʻoe e nānā pono i ka HTML, eʻikeʻoe e pili ana i ka loulou "Home" kahi ID o youarehere. Na kēia eʻae iāʻoe e hana i kahi papa kuhikuhi e ho'ākāka ana i ka wahi o kēia wahi no kāu poʻe heluhelu. ʻOiai ināʻaʻoleʻoe e hoʻolālā i ka nānāʻana i kēlāʻano o nāʻike ma kāu pūnaewele i kēia manawa, hiki iāʻoe ke komo i kēlāʻike. Inā hoʻoholoʻoe e hoʻohui i ka helu ma hope, e emi ana kāu coding e hoʻomākaukau i kāu pūnaewele.
Ma waho o kahi kākoʻo CSS , kūlike kēia menu XHTML i kahi papa inoa maʻamau. Aia kekahi mau pila a me nā mea papa inoa i pilau iki. Ma muli o koʻu hoʻohanaʻana i nā loulou o kahi placeholder ,ʻaʻole e hōʻike nā polokalamu pūnaewele i nā loulou e like me clickable (i lalo a me ka blue). Inā e paʻiʻoe i ka HTML i luna i kahi pūnaewele pūnaewele, e like kāu mau hoʻokele:
- Home
- Nā Huahana
- Nā lawelawe
- Kāhea iā mā˚ou
He mea paʻakikī kēia aʻaʻole e nānā like i kahi koho. Akā me nāʻano CSS wale nō i hōʻawiʻia i ka papa inoa, hiki iāʻoe ke hana i kahi papahana e hoʻohauʻoli aiʻoe.
Paʻa Papa Kūkākūkā
Hiki ke maʻalahi ke kākauʻana i kahi papa koho koho maʻamau no ka mea hōʻike i ke ala like me ka papa inoa maʻamau: ma luna a lalo.
Hōʻike nā papa inoa ma ka pae'ākau i lalo o kaʻaoʻao.
Inā makemake wau e hoʻomaka i ka papa inoa, makemake wau e hoʻomaka i waho a hana i loko. Ma kēiaʻano, ke'ōlelo nei wau e kau mua wau i ka ul # navigation a laila neʻe i nā huʻi me nā loulou, a pēlā aku. No kēia mahele, ʻike muaʻoe i ke ākea o ka menu. E hōʻoia kēia ma ka lōʻihi o nā mea menu,ʻaʻole lākou e hoʻokuʻu i ke koena o ka hoʻolālā ma luna a iʻole e hoʻoholo i ka holoʻana o ka pae.
ul # navigation {whānui: 12em; }
I ka manawa i loaʻa iaʻu ka whānui, hiki iaʻu ke pāʻani me nā mea kiko'ī. ʻO kēia ka mea e hiki ai iaʻu ke hoʻonohonoho i nā mea like (e'ānai i nā pila), nā papalina o nāʻaoʻao, nā palena, nā'ākau kikokikona, a me nā palena.
ul # navigation li {
papa inoa-ʻaʻohe;
ʻilikai-lele: # 039;
palena palena: paʻa 1px # 039;
hoʻokuʻu i ka laina: hema;
ka palena: 0;
}
I ka manawa āu i hoʻonoho ai i nā kumuhana no nā mea kiko'ī e hiki ai iāʻoe ke hoʻomaka e pāʻani me keʻano e nānā ai ka'ōpili i nā wahi o nā loulou. Ka pae mua i ka UL # kaomi LI A a me ka A: link, A: i kipaʻia, A: hover, a me A: hana (inā makemakeʻoe iā lākou). No nā loulou, makemake wau e hana i nā loulou i kahi pilikino (ma mua aʻe o ke kuhikuhina i ka laina). ʻO kēia ke koi iā lākou e hāpai i ka lōʻihi o ka LI-a hana lākou e like me ka paukū, hiki ke maʻalahi iā lākou keʻano e like me nā pihi pāʻani.ʻO kekahi mea aʻu e hana mau ai,ʻo ia ke wehe i ke kahakuhi (kālai-kiʻi: none;), e like me kēia ke nānā aku nei nā pihi i nā pihi like me aʻu.
Akā, no ka likeʻole o kāu hana.
ul # navigation a a {
hōʻike i ka pahu;
nā mea hoʻonaninani:ʻaʻohe;
pale: .25em;
palena palena: paʻa 1px # 39f;
'ākau'ākau: pono 1px # 39f;
}
E hoʻomaopopo ma ka hōʻike: poho; e kauʻia ma nā loulou, hiki ke clickable ka pahu piha o kahi menu,ʻaʻole wale nā leka wale nō. He maikaʻi hoʻi kēia no ka hoʻohana. E hōʻoia e hoʻonohonoho i nā lalou o ka loulou (link, visit, hover and active) inā makemakeʻoe e hoʻokaʻawale lākou i ka blue, red and purple.
a: ka loulou, a: i kipaʻia [kala: #fff; }
a: hover, a: active {color: # 000; }
Makemake wau e hāʻawi i ka moku hover i kahi māmā iki aʻe ma o ka hoʻololiʻana i ke kala hope.
a: hover [kākoʻo-kala: #fff; }
Inā makemakeʻoe i nā hiʻohiʻona o nā menusūnū, e nānā i ka papa ma lalo nei.
- ʻO kahi papa koho maʻamau
- ʻO ke Template Manuahi Aʻo
- Aia kekahi mea kikoʻo me nā mea kiko'ī meʻoe maʻaneʻi
- ʻO kahi Template Kūkākūkā Mālama Kūkākūkā me kou Maʻei
Hoʻomaka Kaʻina Hana Kūkākūkā
Hana'ānō i ka hoʻonohonohoʻana i nā menusūlaki paepae iʻoi aku ka paʻakikī ma mua o nā menus kelepona'ōkuhi no ka mea he ponoʻoe e hoʻopau i kaʻike o ka makemake o nā papa inoa HTML e hōʻike i ka'ākau. E like me ka papa kuhi, e hana mua i kāu papa inoa papa koho :
No ka hanaʻana i ka papa kikowaena, e hana like me kāu i hana ai me ke koho kūkeke. E hoʻomaka me ka waho a hana i loko. Mai ka makemake au i kaʻu hoʻokele e hoʻomaka ma kaʻaoʻao hema, hoʻonoho wau me kaʻilima hema a me ka paleʻana, a ke lana nei au i ka hema. Ponoʻoe e komo i loko o ka maʻamau o ka hoʻonohonohoʻana i ka laulā iʻole e piʻi aʻe kāu mea koho ma'ō aʻe a liʻiliʻi paha ma mua o kāu i manaʻo ai. No nā menus kauā,ʻo kēia ka laulā piha o ka hoʻolālā. Ua hoʻokau aku au i kahi lapaʻa pepa i ka papa inoa a pau e maʻalahi ai ka heluhelu.
ul # navigation {
ka lana: haʻalele;
ka palena: 0;
pale: 0;
whānui: 100%;
ʻilikai-lele: # 039;
}
Akā,ʻo ka mea hūnā i ka papa inoa papa kele i loko o nā mea papa inoa. ʻO ka papa inoa o nā mea e poho mau i nā pono,ʻo ia hoʻi, e hāʻawiʻia lākou i kahi hou i hoʻonohoʻia ma mua a ma hope o kēlā me kēia. Ma ka hoʻololiʻana i ka hōʻike mai kahi'āpana a i kelelani, hoʻoikaikaʻoe i nā mea papa inoa e laina i kahi kokoke i kekahi.
ul # navigation li [hōʻike: inline; }
Ua mālama wau i nā loulou e like me kaʻu i mālama ai iā lākou i ka papa koho kohoʻana, me nāʻano likeʻole a me ka hoʻonani'ōlelo. Hoʻohui au i kahi palena kiʻekiʻe e wehe i nā pihi ke uhiʻia. ʻO kahi wale nō aʻu i wehe ai,ʻo ia ka hōʻike: pō; no ka mea e hoʻokomo i nā hua hou a e luku i ka papa kuhi.
ul # navigation a a {
nā mea hoʻonaninani:ʻaʻohe;
hoʻopiʻi: .25em 1em;
palena palena: paʻa 1px # 39f;
palena palena: paʻa 1px # 39f;
'ākau'ākau: pono 1px # 39f;
}
a: ka loulou, a: i kipaʻia [kala: #fff; }
ul # navigation a a: hover {
ʻikeʻili-kala: #fff;
lepe: # 000;
}
Aiaʻoe maʻaneʻi kaʻike wahi
ʻO kekahi hiʻohiʻona o ka HTML kahi hōʻike inoa. Inā makemakeʻoe e hoʻololi i kāu mea koho e hōʻike i kahi i kēia manawa o kāu mea hoʻohana, e hoʻohana wale i kēia ID no ka ho'ākākaʻana i kahiʻano kala likeʻole aiʻole kekahiʻano. E hoʻoneʻe i kēlāʻano ID i ka mea menu kikowaena ma nāʻaoʻao'ē aʻe i maʻa mau loaʻia kaʻaoʻao o kēiaʻaoʻao.
ul # navigation li # youarehere a [background-color: # 09f; }
Ināʻoe e hoʻokomo i kēia mauʻano i kāuʻaoʻao, hiki iāʻoe ke hana i kahi pāʻani koho pāʻani a iʻole ke kuhi e hana me kāu pūnaewele akā wikiwiki e kiʻi a ua maʻalahi hoʻi e hoʻololi i kēia mua aku. Ke hoʻohana nei iā XHTML + CSS e hoʻololi i kāuʻaoʻao i kahi mea hana ikaika loa no ka hoʻolālāʻana.
Inā makemakeʻoe i nā hiʻohiʻona o nā menusū kaupae, e nānā i kēia.
- ʻO kahi papa koho hōʻike
- ʻO ke Template Hōʻaho Kūwaho Kūʻokoʻa
- ʻO kahi Menu Kūkākūkā Paʻi meʻoe Maʻaneʻi
- ʻO kahi Template Hōʻoia Kūkākūkā Kūikawā me kou Maʻei