He nui nā papa hana hoʻolālā pūnaewele ma ka pūnaewele e koho ai no nā mea hoʻolālā pūnaewele ma nā pae like ʻole. Ma ke ʻano he hoʻomaka, waena, a ʻoihana paha.
ʻO nā papa hoʻolālā pūnaewele e like me nā mea hana e pono ai ʻoe e kūkulu i kahi ala hana ikaika i ka hoʻolālā pūnaewele. ʻOiaʻiʻo, ʻaʻole hiki iā ʻoe ke komo i kahi ʻoihana āu i ʻike ʻole ai, ʻo ia ke kumu i hoʻolālā ʻia ai kekahi mau papa.
ʻO ka mea e mahalo ai, he manuahi kekahi o kēia mau papa, a ʻo nā papa ʻē aʻe i uku ʻia. Hiki ke lōʻihi kēia mau papa hana pūnaewele no nā hola, nā pule, a me nā mahina e pili ana i nā kumuhana e uhi ʻia.
Inā ʻoe e ʻimi nei i nā papa hoʻolālā pūnaewele maikaʻi loa e hoʻomaka i kāu ʻoihana, a laila mai ʻimi hou aku. Ua papa inoa mākou i nā papa hoʻolālā pūnaewele maikaʻi loa he 20 hiki iā ʻoe ke aʻo mai ka ʻoluʻolu o kou home.
Table of Contents
He aha ka Web Design
ʻO ka hoʻolālā pūnaewele ka hana o ka hoʻolālā a me ka hoʻomohala ʻana i nā pūnaewele. ʻAʻole like me ka hoʻomohala pūnaewele, ka mea nui e pili ana i ka hana, pili ka hoʻolālā pūnaewele i ka ʻike a me ka manaʻo o ka pūnaewele e like me ka hana. Hiki ke hoʻokaʻawale ʻia ka hoʻolālā pūnaewele i ʻelua mau ʻano. ʻO nā mea ʻenehana a me nā mea hana.
ʻO ka hoʻolālā pūnaewele e pili ana hoʻi i ka noʻonoʻo. ʻOki ia ma nā wahi e like me ka hoʻolālā kiʻi pūnaewele, ka hoʻolālā ʻike mea hoʻohana, a me ka hoʻolālā interface. Hoʻohana ʻia kekahi mau mea hana e like me Sketch, Figma, a me Photoshop i ka hoʻolālā ʻana i kahi pūnaewele. ʻO ka hiʻohiʻona ʻenehana e uhi i ka hoʻomohala mua a me ka hope me nā mea hana a me nā ʻōlelo e like me HTML, CSS, Javascript, WordPress, Webflow, etc.
Nā mākau pili o ka mea hoʻolālā pūnaewele
He ʻoihana wikiwiki ka Web Design i kēia mau lā, a nui ka poʻe o ka poʻe ʻōpio e ʻimi nei i ka hoʻolālā pūnaewele. Pono ka lilo ʻana i mea hoʻolālā pūnaewele i nā mākau ʻenehana a me nā mākau palupalu.
Pūkuhi ʻenehana
- Hoʻolālā Kiʻi: Hoʻopili kēia i ke koho ʻana i ka waihoʻoluʻu kūpono a me ka hoʻonohonoho ʻaoʻao o kahi pūnaewele e hoʻomaikaʻi i ka ʻike mea hoʻohana.
- Polokalamu Hoʻolālā: Pono nā mea hoʻolālā pūnaewele e hoʻohana i nā mea hana e like me Adobe, Photoshop, Illustrator, a me nā mea ʻē aʻe i ka hana ʻana a me ka hoʻolālā ʻana i nā logo a me nā kiʻi.
- HTML: Pono ka ʻike maikaʻi o ka Hypertext Markup Language (HTML) i hiki ke hoʻopaʻa i ka ʻike ma nā pūnaewele.
- CSS: He ʻōlelo coding ka cascading style sheet e mālama ana i ke ʻano a me ke ʻano o kahi pūnaewele. Me kēia, hiki iā ʻoe ke hoʻololi i ke ʻano a i ʻole ke ʻano font o kahi pūnaewele ma kekahi ʻaoʻao
Nā mākau palupalu
- Mālama manawa: Ma ke ʻano he mea hoʻolālā pūnaewele, he mea koʻikoʻi ka noʻonoʻo ʻana i ka manawa i ka hoʻopuka ʻana i nā papahana a me nā manawa kūpono.
- Kūkākūkā kūpono: Kūkākūkā nā mea hoʻolālā pūnaewele me nā lālā o ka hui a me nā mea kūʻai aku, no laila pono lākou e loaʻa nā mākau kamaʻilio maikaʻi e hana i ka ʻike.
- Noʻonoʻo noʻonoʻo: Loaʻa i nā mea hoʻolālā pūnaewele nā manaʻo noʻonoʻo no kā lākou hana. Hele mai lākou me nā manaʻo noʻonoʻo like ʻole e hoʻomaikaʻi i ka mea hoʻohana.
Ka papa inoa o nā papahana hoʻolālā punaewele maikaʻi loa ma ka pūnaewele
Ma lalo nei, e hōʻike ana mākou i kekahi o nā papa hoʻolālā punaewele maikaʻi loa i loaʻa ma ka pūnaewele ma ke ʻano he papa manuahi a uku ʻia:
- Hoʻolālā Pūnaewele no kēlā me kēia kanaka
- Hoʻolālā Pūnaewele Loa
- W3CX Frontend Developer Program
- HTML kumu a me CSS no nā mea hoʻolālā pūnaewele ʻole
- ʻO ka hoʻomohala ʻana i ka Nanodegree
- Hoʻolālā UI no ka mea hoʻomohala
- Nā Kuleana HTML5 a me CSS3
- E hoʻomaka me Figma
- Hoʻolauna i ka Hoʻomohala Pūnaewele
- Hoʻolālā Pūnaewele: Wireframes i Prototype
- Hoʻolālā pūnaewele
- Palapala Pūnaewele no kēlā me kēia kanaka
- HTML, CSS, a me JavaScript no nā mea hoʻomohala pūnaewele
- Hoʻolālā Pūnaewele: Hoʻolālā a me ka Hoʻolālā ʻIke
- Introduction to HTML5
- Pehea e kūkulu ai i kāu pūnaewele
- Hoʻolālā Pūnaewele no ka poʻe hoʻomaka: Ka Hoʻopili honua maoli ma HTML a me CSS
- Hoʻomohala Pūnaewele
- Introduction to Basic Styling in Website Development
- CSS Grid & Flexbox.
20 ʻO nā papa hoʻolālā pūnaewele maikaʻi loa ma ka pūnaewele
#1. Hoʻolālā Pūnaewele no kēlā me kēia kanaka
- Kumu kūʻai: $ 49 i kēlā me kēia mahina
- Ka lōʻihi: 6months
No kēlā me kēia kanaka ka hoʻolālā pūnaewele inā makemake ʻoe iā ia. A no ke kōkua ʻana i ke kūkulu ʻana a me ka hoʻonui ʻana i kou ʻike, ua hoʻolālā ʻia kēia papa e kōkua i ka hoʻoponopono maikaʻi ʻana i kāu ʻoihana ma ka Hoʻolālā Pūnaewele. ʻO kēia papa e pili ana i ka hāʻawi ʻana iā ʻoe i ke akamai e pono ai.
Eia kekahi, e aʻo nā haumāna i kākau inoa ʻia i nā kumu o HTML, CSS, JavaScript, a me nā mea hana hoʻolālā pūnaewele ʻē aʻe. Ma muli o kāna papa hana maʻalahi, hiki i nā haumāna ke aʻo mai kēlā me kēia wahi o ka honua. Hāʻawi ʻia nā palapala hōʻoia ma ka hopena o ka papa.
#2. Hoʻolālā Pūnaewele Loa
- Kuhi: Free
- Duration: 5 hola
Hoʻonui ʻia ka ʻike hohonu o nā kumu o ka hoʻolālā pūnaewele ma kēia papa. Hoʻolālā ʻia kēia papa e aʻo i ka poʻe hoʻomaka a aʻo iā lākou pehea e kūkulu ai i nā pūnaewele me ka ʻole o nā mākau coding e pono ai me ka hoʻohana ʻana i ka platform Webflow.
Loaʻa ka paʻa paʻa i ka hoʻolālā pūnaewele. Hāʻawi ʻia kēia haʻawina e ke kulanui pūnaewele ma o Coursera. E aʻo nā haumāna mai nā kumu haʻawina maikaʻi a me nā mea hoʻolālā pūnaewele ʻoihana.
#3. W3CX Front End Developer Program
- Kumu kūʻai: $ 895 i kēlā me kēia mahina
- Ka lōʻihi: 7months
ʻO kēia kekahi o nā papa koʻikoʻi loa no ka mea hoʻolālā pūnaewele. Loaʻa ia i nā pono a me nā pōʻino o ke kūkulu ʻana i kahi polokalamu. Ua aʻo ʻia nā haumāna i kākau ʻia i ke kumu o JavaScript a kōkua kēia i ka hoʻomaikaʻi ʻana i kā lākou hiki ke hoʻolālā pūnaewele. Aʻo pū lākou pehea e hoʻomohala ai i nā pūnaewele me nā noi pāʻani. Inā ʻoe e ʻimi e holomua i kāu mākau hoʻomohala pūnaewele, kūpono kēia papa iā ʻoe.
#4. HTML kumu a me CSS no ka mea hoʻolālā pūnaewele ʻole
- Kuhi: Free
- Wā lōʻihi: Paʻa iā ʻoe iho
Hoʻopili kēia papa i nā papahana ʻōlelo kumu a me ka hoʻopunipuni. ʻO kēia mau mea he HTML, CSS a me ka typography. Hoʻohana ia i nā haumāna e hoʻomohala i ka pūnaewele no ka hoʻohana pilikino a me ka ʻoihana. Eia kekahi, e aʻo ʻia ʻoe i nā kumu kumu inā hoʻonohonoho ʻaoʻao pūnaewele ma kēia papa.
E kipa ma ʻaneʻi
#5. ʻO ka hoʻomohala ʻana i ka Nanodegree
- Uku: $ 1,356
- Duration: 4 Nā mahina
He papa ʻokoʻa kēia i hoʻolālā ʻia e aʻo i nā haumāna i nā mea āpau e pili ana i ka hoʻolālā pūnaewele a me ka hoʻomohala pūnaewele mua. No ka hoʻomākaukau ʻana iā ʻoe no kahi kūlana hoʻolālā pūnaewele pae komo, ʻoiai pono nā haumāna e loaʻa ka mākaukau maʻamau ma HTML, CSS, a me Javascript.
#6. Hoʻolālā UI no ka mea hoʻomohala
- Kumu kūʻai: $ 19 i kēlā me kēia mahina
- Ka lōʻihi: 3months
Hoʻolālā ʻia ka papa hana hoʻolālā User Interface (UI) no nā mea hoʻomohala e kōkua i nā mea hoʻomohala e hoʻonui i kā lākou mana hoʻolālā. A no ka hoʻokō ʻana i kēia, e aʻo ʻia nā haumāna i ka hoʻohana ʻana i nā mea hana hoʻolālā UI e like me Figma e hana pono i nā ʻike pili pūnaewele, hana i nā wireframes, kūkulu i nā polokalamu hoʻohenehene, a me nā mea hou aku.
#7. Nā Kuleana HTML5 a me CSS3
- Kuhi: Free
- Ka lōʻihi: Self Paced
He papa hoʻomaka kēia no nā mea hoʻolālā pūnaewele. Loaʻa iā ia ke kumu o ka HTML5 a me CSS3 programming. Pehea e hoʻokomo ai i ka ʻōlelo hoʻolālā kūpono a me ka mea e hana ai kahi pūnaewele e like me ke ʻano o ia hana e kūkākūkā ʻia ma kēia papa.
#8. E hoʻomaka me Figma
- Kumu kūʻai: $ 25 i kēlā me kēia mahina
- Duration: 43 hola
ʻO Figma kekahi o nā mea hana hoʻolālā i hoʻohana ʻia e nā mea hoʻolālā pūnaewele i ke kūkulu ʻana i kahi pūnaewele. Ma kēia papa, e aʻo ʻia ʻoe i ka hoʻolālā ʻana i kāu pūnaewele me ka hoʻohana ʻana i kēia mea hana ikaika. Hiki ke lawelawe no nā kumu like ʻole.
#9. Hoʻomaka i ka hoʻomohala pūnaewele
- Kuhi: Free
- Ka lōʻihi: 3months
Hoʻokumu ka hoʻomohala pūnaewele i ka hana ʻana i nā pūnaewele. Hele mākou a hoʻohana i ka pūnaewele i kēlā me kēia lā no nā kumu like ʻole. Ma ke ʻano he mea hoʻolālā pūnaewele, ʻo ia kekahi o nā papa koʻikoʻi e hāʻawi i ka ʻike i ke ʻano o ke kūkulu ʻia ʻana o kēia mau pūnaewele a me nā mea hana like ʻole i ke kūkulu ʻana iā lākou. Eia hou, e kōkua kēia papa iā ʻoe i ka hoʻomaopopo ʻana i ka hoʻolālā a me ka hana o nā pūnaewele like ʻole. Eia kekahi, hiki iā ʻoe ke hana i nā ʻaoʻao pūnaewele me ka hoʻohana ʻana i nā mea hana a hoʻohana i ka ʻōlelo hoʻonohonoho pono.
#10. Hoʻolālā Pūnaewele: Wireframes i Prototype
- Kuhi: Free
- Ka lōʻihi: 40 hola
Aia kēia papa i ka hoʻohana ʻana i ka ʻike mea hoʻohana (UX) ma ka Hoʻolālā Pūnaewele. ʻO nā mea a pau e aʻo ʻia ma ka papa e pili ana i ka ʻike ʻana i nā ʻenehana Pūnaewele like ʻole e pili ana i ka pono o kahi pūnaewele a me ka hoʻomaopopo ʻana i ka pilina ma waena o ka hoʻolālā a me ka hoʻolālā. No laila, pono kēia papa no ka poʻe makemake i ka Hoʻolālā Pūnaewele a me UI / UX.
#11. Hoʻolālā pūnaewele pane
- Uku: $ 456
- Duration: 7 mahina
ʻO ka ʻoluʻolu i loaʻa mai ka hoʻohana ʻana i kahi pūnaewele e ka mea hoʻohana kekahi o nā manaʻo maikaʻi loa inā ʻae ʻoe me aʻu. A ʻo kēia kekahi ʻano o kēia papa, e hana i ka ʻike mea hoʻohana maikaʻi loa no nā mea hoʻohana pūnaewele. Hoʻopili kēia papa i nā ʻano āpau o ka hoʻomohala pūnaewele e hāʻawi ana i nā haumāna i ka ʻike e pili ana i ke kūkulu ʻana i nā noi a me nā pūnaewele pane a hiki ke hoʻohana ʻia.
#12. Palapala Pūnaewele no kēlā me kēia kanaka
- Uku: $ 149
- Duration: 6 mahina
ʻO kēia kekahi mau papa hoʻolālā pūnaewele maikaʻi loa hiki iā ʻoe ke kiʻi ma ka pūnaewele. Ma kēia papa, ʻo ka loaʻa ʻana o ka ʻike kumu o ka hoʻolālā pūnaewele pane me JavaScript he mea hoʻohui i ka wā e ʻimi nei i kāu ʻoihana hoʻolālā pūnaewele. He papa hoʻomaka kēia no ka hoʻomohala ʻana i nā noi pūnaewele.
E aʻo ʻia ka hana ʻana i nā noi pūnaewele a me ka waihona me nā hiʻohiʻona JavaScript e nā haumāna i kākau inoa ʻia ma kēia papa. ʻOiai, me ka liʻiliʻi a ʻaʻohe ʻike i ka hoʻolālā ʻana, e hoʻomākaukau kēia papa hoʻolālā pūnaewele iā ʻoe no nā hana hoʻomohala pūnaewele pae komo.
#13. HTML, CSS, a me Javascript no nā mea hoʻomohala pūnaewele
- Uku: $ 49
- Duration: 3 mahina
ʻO ka hoʻomaopopo ʻana i ka makemake o nā mea hoʻohana pūnaewele he ala maikaʻi loa ia o ke kūkulu ʻana a me ka hoʻolālā ʻana i ka pūnaewele maikaʻi loa e hāʻawi i kahi ʻike mea hoʻohana ʻoi aku ka maikaʻi. Ma kēia papa, e aʻo mākou i nā mea hana maʻamau no ka hoʻomohala pūnaewele a pehea e hoʻokō ai i nā ʻaoʻao pūnaewele hou me HTML a me CSS. He ʻāpana koʻikoʻi nō hoʻi ʻo Coding i ka hoʻolālā ʻana i kahi pūnaewele a he ʻāpana kēia o ka mea e aʻo ʻia ai ʻoe ma kēia papa e hiki ai ke hoʻopaʻa inoa i nā pūnaewele i hiki ke hoʻohana ʻia ma kēlā me kēia mea.
#14. Hoʻolālā Pūnaewele: Hoʻolālā a me ka Hoʻolālā ʻIke
- Kuhi: Free
- Duration: 3 mahina
Hoʻopili pū ʻia kēia papa i ka pilina pili ma waena o kahi pūnaewele a me kāna mea hoʻohana, pehea ko lākou manaʻo, a pane a me ka ʻoluʻolu i loaʻa. Hoʻopili pū kēia i ka hoʻolālā ʻana a me ka hoʻomohala ʻana i kahi pūnaewele, e wehewehe ana i ka hoʻolālā a me ka laulā o ka pūnaewele, a me ke ʻano o ka ʻike.
#15. Introduction to HTML5
- Kuhi: Free
- Ka lōʻihi: holo wikiwiki
Inā ua noʻonoʻo ʻoe i ka ikaika e hoʻouka ai i ka hoʻouka ʻana i ka loulou ke kaomi ʻana iā ia, a laila e loaʻa iā ʻoe kāu mau pane mai kēia papa. ʻO ka hoʻomaka ʻana i ka papa HTML5 e hāʻawi iā ʻoe i nā mea āpau e pono ai ʻoe e ʻike e pili ana i ka hiki ʻana o ka mea hoʻohana ma kahi pūnaewele.
#16. Pehea e kūkulu ai i kāu pūnaewele
- Kuhi: Free
- Duration: 3 hola
ʻO ka hiki ke kūkulu a hoʻolālā i kāu pūnaewele he mea hoihoi loa ia e hana ai. Hāʻawi ʻia kēia papa e Alison a ua hoʻolālā ʻia no nā poʻe hoʻomaka e hāʻawi iā lākou i kahi alakaʻi kikoʻī i ke ʻano o ke kūkulu ʻana i kāu pūnaewele mai ka wā mua. Aʻo pū ia iā ʻoe i nā loina o ka hoʻolālā pūnaewele, e hāʻawi ana i ka ʻike e pili ana i ka loaʻa ʻana o nā inoa domain.
#17. Hoʻolālā Pūnaewele no nā poʻe hoʻomaka: Ka Hoʻopili honua maoli ma HTML a me CSS
- Uku: $ 124.99
- Duration: 6 mahina
ʻO kēia kahi papa hoʻolālā pūnaewele maikaʻi loa ma ka pūnaewele no nā mea hoʻolālā pūnaewele makemake e kōkua iā lākou i ka loaʻa ʻana o kahi ʻoihana maikaʻi loa i ka ʻoihana. E aʻo ʻia nā haumāna e nā mea hoʻolālā pūnaewele ʻoihana kiʻekiʻe pehea e hana ai a hoʻomaka i nā pūnaewele ola me nā ʻaoʻao GitHub.
#18. Hoʻomohala Pūnaewele
- Kuhi: Free
- Duration: 3 mau pule
Ma kēia papa, e aʻo ʻoe i ka manaʻo nui a me ka hoʻohana ʻana i nā hoʻolālā ʻike pūnaewele. He ʻano koʻikoʻi kēia o ka hoʻomohala ʻana i ka pūnaewele no ka mea ua loaʻa i kēlā me kēia pūnaewele nā ʻōnaehana hiki ke hoʻokele i nā mea hoʻohana i kahi pūnaewele. I ka pau ʻana o ka papa, hiki iā ʻoe ke ʻike i ke ʻano o nā pale a me nā hemahema e keʻakeʻa nei i ka hiki ʻana o nā mea hoʻohana.
#19. ʻO ka hoʻomaka ʻana i ke ʻano kumu ma ka hoʻomohala pūnaewele
- Kuhi: Free
- Duration: 3 hola
Nui nā mea koʻikoʻi o ka hoʻomohala ʻana i nā pūnaewele. E kūkākūkā ʻia ka hapa nui o kēia mau mea ma kēia papa ma muli o nā kumu kumu o ka hoʻolālā pūnaewele. Eia kekahi, hiki iā ʻoe ke kūkulu i ke ʻano o kahi pūnaewele, CSS model, a pehea e hana ai i nā ʻāpana i ka ʻoiaʻiʻo.
#20. CSS Grid & Flexbox
- Kumu kūʻai: $ 39 i kēlā me kēia mahina
- Duration: 3 mahina
Kuhi ʻia kēia papa i ka hoʻomākaukau ʻana i nā haumāna i ka hoʻohana ʻana i nā ʻenehana CSS hou i ka hoʻomohala ʻana i kahi hoʻolālā pane no nā pūnaewele. E kōkua pū kēia i nā haumāna e hana pū i ka hana ʻana i nā wireframes HTML a hana i nā prototypes a me nā mamana.
manaʻo paipai
- 20 Nā polokalamu ʻepekema ʻikepili maikaʻi loa ma ka pūnaewele
- 7 ʻAno Hana Hana Hana Kiʻi e ʻimi
- 25 Nā Haʻawina Pōkole Online me nā palapala hōʻoia
- 7 Nā ʻŌlelo Papahana manuahi e aʻo ai i nā kamaliʻi pehea e helu ai.
Pinepine ninau ninaninau 'ana i
Pehea ka lōʻihi o kahi papa Hoʻolālā Pūnaewele ma ka pūnaewele?
Nui nā papa hana hoʻolālā pūnaewele ma ka pūnaewele a ʻo ka lōʻihi e hiki ke aʻo ʻia ma muli o ka nui o nā kumuhana e uhi ʻia i ka papa. Hiki i kēia mau papa hana hoʻolālā pūnaewele ke hoʻopau i nā mahina, pule, a i ʻole mau hola.
He aha ka manaʻo hana no nā mea hoʻolālā pūnaewele?
ʻO nā mea hoʻolālā pūnaewele kekahi o nā mea koʻikoʻi koʻikoʻi ma muli o ko lākou ʻokoʻa i nā ʻano like ʻole. Ma ke ʻano he mea hoʻolālā pūnaewele, hiki iā ʻoe ke hana me kahi mea hoʻolālā UI/UX, hoʻomohala hope, a me ka mea hoʻomohala mua. Ke kūkulu mau nei nā ʻoihana a hoʻomaikaʻi i kā lākou pūnaewele a no laila ke koi nei i nā mea hoʻolālā pūnaewele.
He aha ka ʻokoʻa ma waena o ka mea hoʻomohala pūnaewele a me ka mea hoʻolālā pūnaewele?
ʻOiai ke manaʻo nei lākou e loaʻa i ka pahuhopu like ʻo ia ka hana ʻana i kahi ʻike maikaʻi aʻe no nā mea hoʻohana pūnaewele. Na ka mea hoʻomohala pūnaewele e mālama i ka hope o kahi pūnaewele. Hoʻokomo lākou i nā ʻōlelo hoʻolālā e like me HTML, JavaScript, a pēlā aku no ka hana pono o ka pūnaewele. ʻO kahi mea hoʻolālā pūnaewele, ma ka ʻaoʻao ʻē aʻe, pili i ka nānā a me ka manaʻo o ka pūnaewele.
Panina
ʻO kahi papa hoʻolālā pūnaewele wale nō kāu e pono ai e kōkua iā ʻoe e holomua i kāu ʻoihana ma ke ʻano he Mea Hoʻolālā Pūnaewele. Aia kekahi mea no kēlā me kēia kanaka ma ke ʻano he mea hoʻomaka, waena, a ʻoihana paha e makemake e hoʻonui i ko lākou ʻike. ʻO kēia kekahi o nā papa hoʻolālā pūnaewele maikaʻi loa ma ka pūnaewele a ʻo ka hapa maikaʻi loa ʻoiai ʻo kekahi mau papa uku, ʻo nā mea ʻē aʻe hiki iā ʻoe ke aʻo manuahi.