Itinuturo sa iyo ng wikiHow na ito kung paano magdisenyo ng isang website na lilitaw na propesyonal at mahusay na gumaganap. Habang nasa iyo ang karamihan ng disenyo ng iyong website, maraming mga kritikal na bagay na dapat gawin at iwasan-kapag lumilikha ng isang website.
Mga hakbang
Bahagi 1 ng 2: Paano Magdisenyo ng Iyong Website
Hakbang 1. Tukuyin kung nais mong gumamit ng isang tagalikha ng website
Ang mga website na nilikha mula sa simula ay nangangailangan ng isang medyo detalyadong pag-unawa sa HTML coding, ngunit madali kang makakalikha ng isang website sa pamamagitan ng paggamit ng isang libreng serbisyo sa pagho-host tulad ng Weebly, Wix, WordPress, o Google Site. Ang mga tagalikha ng website ay may posibilidad na maging mas madali para sa mga first-time na designer na gagamitin kaysa sa HTML.
- Kung magpapasya kang i-code ang iyong sariling website, kakailanganin mong malaman ang parehong HTML at CSS coding.
- Kung ang pamumuhunan ng oras at lakas upang likhain ang iyong website ay hindi kaakit-akit, maaari ka ring umarkila ng isang taga-disenyo ng website upang likhain ang iyong site para sa iyo. Ang mga freelance designer ay maaaring gastos kahit saan sa pagitan ng $ 30 sa isang oras at mahigit sa $ 100 bawat oras.
Hakbang 2. I-map ang iyong site
Bago mo pa buksan ang isang tagalikha ng website, dapat mong malaman ang humigit-kumulang kung gaano karaming mga pahina ang nais mong magkaroon ng iyong website, kung ano ang nilalaman sa bawat isa sa mga pahinang iyon, at ang pangkalahatang layout ng mga mahahalagang pahina tulad ng home page at "About" pahina
Ang mga pahina ng iyong website ay maaaring mas madaling mailarawan kung gumuhit ka ng magaspang na larawan ng bawat isa sa kanila kaysa sa pagtukoy lamang kung anong nilalaman ang dapat na lumitaw
Hakbang 3. Gumamit ng intuitive na disenyo
Habang may sasabihin para sa mga sariwang ideya, ang pangunahing disenyo ng iyong website ay dapat sundin ang mga itinakdang alituntunin tulad ng sumusunod:
- Ang mga pagpipilian sa pag-navigate (hal., Mga tab para sa iba't ibang mga pahina) ay dapat na nasa tuktok ng pahina.
- Kung gumagamit ka ng isang menu icon (☰), dapat ito ay nasa kaliwang sulok sa itaas ng pahina.
- Kung gumagamit ka ng isang search bar, dapat itong malapit sa kanang-itaas na bahagi ng pahina.
- Ang mga kapaki-pakinabang na link (hal., Mga link sa pahina na "Tungkol sa" o ang pahina na "Makipag-ugnay sa Amin") ay dapat na mapunta sa ilalim ng bawat pahina.
Hakbang 4. Maging pare-pareho
Anumang teksto ng font, color palette, tema ng imahe, at mga pagpipilian sa disenyo ang pinili mo, tiyaking gumagamit ka ng parehong desisyon sa buong iyong website. Maaari itong maging hindi kapani-paniwalang nakakagulat upang makita ang isang font o scheme ng kulay na ginamit para sa pahinang "Tungkol sa" kapag isang ganap na naiiba ang ginamit para sa home page.
- Halimbawa, kung eksklusibo kang gumagamit ng mga cool na kulay na kulay para sa home page ng iyong site, huwag magpatupad ng maliliwanag at malalakas na kulay sa susunod na pahina.
- Tandaan na ang paggamit ng malalakas o mga kulay ng pag-aaway, lalo na kapag ang mga kulay ay ipinapakita sa isang pabago-bagong (hal., Paglipat) na mode, ay maaaring pukawin ang epilepsy sa isang maliit na bilang ng mga gumagamit ng web. Kung magpasya kang gumamit ng mga ganitong kulay sa iyong site, tiyaking nagdagdag ka ng isang babalang epilepsy bago ang anumang mga kaugnay na pahina.
Hakbang 5. Magdagdag ng mga pagpipilian sa pag-navigate
Ang paglalagay ng mga direktang link sa mga mahahalagang pahina sa iyong website sa tuktok ng home page ay makakatulong na idirekta ang mga unang bisita sa nilalaman na mahalaga. Karamihan sa mga tagalikha ng site ay nagdaragdag ng mga link na ito bilang default.
Mahalagang tiyakin na ang bawat pahina sa iyong website ay maa-access sa pamamagitan ng pag-click sa pamamagitan ng mga pagpipilian sa iyong website sa halip na ma-access lamang sa pamamagitan ng address ng pahina
Hakbang 6. Gumamit ng mga kulay na tumutugma sa bawat isa
Tulad ng anumang iba pang uri ng disenyo, ang disenyo ng website ay nakasalalay sa biswal na nakalulugod na mga kumbinasyon ng kulay; dahil dito, ang pagpili ng mga kulay ng tema na magkakasama ay mahalaga.
Ang itim, puti, at kulay-abo ay isang mahusay na kumbinasyon kung hindi mo alam kung saan magsisimula
Hakbang 7. Isaalang-alang ang paggamit ng isang minimalist na disenyo
Hinihikayat ng Minimalism ang mga kulay na cool-tone, simpleng graphics, black-on-white na mga pahina ng teksto, at bilang maliit na dekorasyon hangga't maaari. Dahil ang minimalism ay nangangailangan ng kaunti sa paraan ng mga magarbong elemento, ito ay isang madaling paraan upang gawing propesyonal at kaakit-akit ang iyong website nang hindi nangangailangan ng maraming trabaho.
- Maraming mga tagalikha ng website ang magkakaroon ng isang "minimalist" na tema na maaari mong mapili kapag nagse-set up ng iyong website.
- Ang isang kahalili sa minimalism ay ang "brutalism", na gumagamit ng mga mas mabibigat na linya, maliliwanag na kulay, naka-bold na teksto, at kaunting koleksyon ng imahe. Ang brutalism ay may mas kaunti sa isang sumusunod kaysa sa minimalism, ngunit depende sa nilalaman ng iyong website, maaari itong mas mahusay na umangkop sa iyong mga pangangailangan sa disenyo.
Hakbang 8. Gumawa ng mga natatanging pagpipilian
Ang mga tuwid na linya at naka-lock na elemento ng web ay ligtas na pusta, ngunit ang paggawa ng ilang natatanging mga desisyon sa pangkakanyahan ay kapwa magpapahiram ng pagkatao sa iyong site at makakatulong sa iyong site na tumayo.
- Huwag matakot na mabait ang mga uso sa pamamagitan ng paglalagay ng mga elemento ng website nang walang simetrya o paggamit ng mga nagsasapawan na elemento upang lumikha ng isang layered na hitsura.
- Habang ang mga matikas, matalim na sulok at mga naka-square-off na elemento (kilala rin bilang isang "batay sa kard" na pagtatanghal) ay hindi gaanong kanais-nais kaysa sa bilugan, malambot na mga elemento.
Bahagi 2 ng 2: Paano Ma-maximize ang Pagganap ng Website
Hakbang 1. Samantalahin ang mga pagpipilian sa pag-optimize ng mobile
Ang mga mobile browser ay account para sa mas maraming trapiko sa web kaysa sa mga browser ng desktop, nangangahulugang ang halaga ng pansin na binabayaran mo sa mobile na bersyon ng iyong website ay dapat na katumbas ng pagbuo ng iyong website ng desktop. Karamihan sa mga serbisyo ng tagalikha ng website ay awtomatikong lumilikha ng isang mobile na bersyon ng iyong site, ngunit gugustuhin mong panatilihin sa isip ang sumusunod na impormasyon para sa iyong mobile site:
- Tiyaking ang mga pindutan (hal., Mga link ng site) ay malaki at madaling mag-tap.
- Iwasang magpatupad ng mga tampok na hindi maaaring matingnan sa mobile (hal., Flash, Java, atbp.).
- Isaalang-alang ang pagkakaroon ng isang mobile app na ginawa para sa iyong website.
Hakbang 2. Iwasan ang paggamit ng masyadong maraming mga larawan bawat pahina
Ang parehong mga browser ng desktop at mobile ay maaaring magpumiglas upang mai-load ang mga pahina na nagpapakita ng isang malaking bilang ng mga larawan o video. Habang ang mga imahe ay mahalaga sa disenyo ng web, ang paggamit ng higit sa ilang bawat pahina ay maaaring maging sanhi ng hindi kinakailangang mahabang oras ng pag-load, na hahadlang sa mga tao sa pagbisita sa (mga) pahina ng pinag-uusapan.
Sa pangkalahatan, nais mong mag-load ang mga pahina ng iyong website sa ilalim ng apat na segundo
Hakbang 3. Magdagdag ng isang pahina ng "Makipag-ugnay"
Mapapansin mo na halos lahat ng mga itinatag na website ay may pahina na "Makipag-ugnay sa Amin" na mayroong impormasyon sa pakikipag-ugnay (hal., Isang numero ng telepono at isang email address); ang ilang mga site ay mayroon ding built-in na form ng tanong sa pahinang ito. Ang pagdaragdag ng isang pahina ng "Makipag-ugnay" ay magbibigay sa mga manonood ng website ng isang direktang linya ng komunikasyon sa iyo, sa gayon pagdaragdag ng isang solusyon sa mga potensyal na pagkabigo.
Hakbang 4. Lumikha ng isang pasadyang 404 na pahina
Kapag may bumisita sa isang tukoy na pahina sa iyong website na alinman sa hindi pa nai-set up o wala, may lalabas na isang web page na "404 Error". Karamihan sa mga browser ay may isang default na 404 na pahina, ngunit maaari mong ipasadya ang iyo mula sa loob ng mga setting ng iyong tagalikha ng website; kung gayon, tiyaking isinasama mo ang mga sumusunod na detalye:
- Isang light-hearted error message (hal., "Binabati kita - nakita mo ang aming pahina ng error!")
- Isang link pabalik sa home page ng site
- Isang listahan ng mga karaniwang tiningnan na mga link
- Isang imahe o logo para sa iyong website
Hakbang 5. Gumamit ng isang search bar kung maaari
Kung sinusuportahan ng iyong paraan ng paglikha ng website ang pagdaragdag ng isang search bar sa iyong website, masidhing inirerekomenda na gawin mo ito. Tiyakin nito na ang mga gumagamit ay maaaring mabilis na mag-navigate sa isang tukoy na pahina o item nang hindi kinakailangang mag-click sa iyong mga pagpipilian sa pag-navigate.
Ang mga bar ng paghahanap ay kapaki-pakinabang din kung nais ng iyong madla na maghanap para sa isang pangkalahatang termino nang hindi gumagamit ng trial-and-error
Hakbang 6. Mamuhunan ng pinakamaraming oras sa iyong home page
Kapag may dumating sa home page ng iyong website, dapat nilang makuha ang kabuluhan ng tema ng iyong website kaagad; bilang karagdagan dito, ang lahat ng mga elemento ng home page ay dapat na mabilis na mag-load, kabilang ang mga pagpipilian sa pag-navigate at anumang mga imahe. Ang iyong home page ay dapat magkaroon ng mga sumusunod na aspeto:
- Isang call to action (hal., Isang pindutan upang mag-click o isang form upang punan)
- Isang toolbar o menu sa pag-navigate
- Isang imbitasyong graphic (hal., Isang solidong larawan, isang video, o isang maliit na pangkat ng mga larawan na may kasamang teksto)
- Ang mga keyword na nauugnay sa serbisyo, paksa, o pokus ng iyong website
Hakbang 7. Subukan ang iyong website sa maraming mga browser sa maraming mga platform
Ito ay hindi kapani-paniwalang mahalaga, dahil maaaring magkakaiba ang paghawak ng iba't ibang mga browser ng mga aspeto ng iyong website. Bago mo simulang isulong ang iyong website, subukang bisitahin at gamitin ang iyong website sa mga sumusunod na browser sa Windows, Mac, iPhone, at Android platform:
- Google Chrome
- Firefox
- Safari (iPhone at Mac lamang)
- Microsoft Edge at Internet Explorer (Windows lang)
- Ang built-in na browser sa maraming iba't ibang mga Android phone (hal., Samsung Galaxy, Google Nexus, atbp.)
Hakbang 8. Magpatuloy sa pag-update ng iyong website habang tumatanda
Ang lahat ng mga uso sa disenyo, link, larawan, konsepto at keyword ay nagbabago habang tumatagal, kaya't kailangan mong ipagpatuloy ang paggawa ng mga pagbabago sa iyong website upang manatiling napapanahon. Hihilingin sa iyo na suriin ang pagganap ng iyong website sa tabi ng iba pang mga katulad na mga website ng hindi bababa sa isang beses bawat tatlong buwan (mas mabuti na mas madalas).
Pangunahing Tulong sa HTML
Sample na Webpage na may HTML
Suportahan ang wikiHow at i-unlock ang lahat ng mga sample.
HTML Cheat Sheet
Suportahan ang wikiHow at i-unlock ang lahat ng mga sample.
Sample na Simpleng Webpage
Suportahan ang wikiHow at i-unlock ang lahat ng mga sample.
Mga Tip
- Ang kakayahang mai-access ang website ay isa pang mahalagang aspeto ng pagbuo ng website. Kasama rito ang mga bagay tulad ng mga caption para sa mga madla na may kapansanan sa pandinig, mga paglalarawan ng audio para sa mga bulag na bisita, at mga babala sa photosensitivity kung gumagamit ang iyong website ng mga potensyal na epekto na nakakaengganyo ng pag-agaw.
- Karamihan sa mga tagalikha ng website ay may isang hanay ng mga template na maaari mong gamitin upang sementuhin ang layout at disenyo ng iyong site bago idagdag ang iyong mga ginustong elemento.
Mga babala
- Karamihan sa mga tagalikha ng site ay libre; gayunpaman, kung nais mong gumamit ng iyong sariling domain (hal., "www.yourname.com" sa halip na "www.yourname.wordpress.com"), magbabayad ka ng isang buwan o isang taunang bayad.
- Iwasan ang pamamlahiyo at sundin ang lahat ng mga batas sa copyright: huwag magdagdag ng mga random na imahe mula sa web, o kahit na mga elemento ng istruktura, nang walang pahintulot.
