Այս wikiHow- ը սովորեցնում է ձեզ, թե ինչպես պետք է նախագծել պրոֆեսիոնալ և լավ աշխատող կայք: Թեև ձեր վեբ կայքի դիզայնի հիմնական մասը ձեզնից է կախված, վեբ կայք ստեղծելիս կան որոշ կարևոր բաներ, որոնք պետք է անել և խուսափել:
Քայլեր
2 -րդ մաս 1. Ինչպես ձևավորել ձեր կայքը
Քայլ 1. Որոշեք ՝ արդյոք ցանկանում եք օգտագործել կայք ստեղծող:
Scratրոյից ստեղծված կայքերը պահանջում են HTML կոդավորման բավականին մանրամասն պատկերացում, սակայն հեշտությամբ կարող եք կայք ստեղծել ՝ օգտագործելով անվճար հոստինգի ծառայություն, ինչպիսիք են Weebly, Wix, WordPress կամ Google Sites: Վեբ կայքեր ստեղծողները հակված են շատ ավելի հեշտ օգտագործել առաջին անգամ դիզայներների համար, քան HTML- ը:
- Եթե որոշեք կոդավորել ձեր սեփական կայքը, ապա ձեզ հարկավոր է սովորել ինչպես HTML, այնպես էլ CSS կոդավորում:
- Եթե ձեր վեբ կայքը ստեղծելու համար ժամանակ և էներգիա ներդնելը գրավիչ չի թվում, կարող եք նաև վարձել վեբ դիզայներ ՝ ձեր կայքը ձեզ համար ստեղծելու համար: Ազատ դիզայներները կարող են արժենալ ժամում 30 դոլարից և ժամից 100 դոլարից ավելի:
Քայլ 2. Քարտեզագրեք ձեր կայքը:
Նախքան վեբ կայքի ստեղծող բացելը, դուք պետք է մոտավորապես իմանաք, թե քանի էջ եք ցանկանում ունենալ ձեր կայքը, ինչ պետք է լինի այդ էջերից յուրաքանչյուրի բովանդակությունը և կարևոր էջերի ընդհանուր դասավորությունը, ինչպիսիք են ՝ գլխավոր էջը և «Մոտ» էջը:
Ձեր կայքի էջերը կարող են ավելի հեշտ պատկերացվել, եթե դրանցից յուրաքանչյուրի կոպիտ նկարներ եք գծում, այլ ոչ թե պարզապես որոշում, թե ինչ բովանդակություն պետք է հայտնվի:
Քայլ 3. Օգտագործեք ինտուիտիվ դիզայն:
Թեև թարմ գաղափարների համար ասելիք կա, ձեր կայքի հիմնական դիզայնը պետք է հետևի հաստատված ուղեցույցներին, ինչպիսիք են հետևյալը.
- Նավիգացիայի ընտրանքները (օրինակ ՝ տարբեր էջերի ներդիրները) պետք է լինեն էջի վերևում:
- Եթե օգտագործում եք ընտրացանկի պատկերակ (☰), այն պետք է լինի էջի վերին ձախ անկյունում:
- Եթե օգտագործում եք որոնման տող, այն պետք է լինի էջի վերին աջ կողմի մոտ:
- Օգտակար հղումները (օրինակ ՝ «Մեր մասին» էջի կամ «Կապ մեզ հետ» էջի հղումները) պետք է լինեն յուրաքանչյուր էջի ներքևում:
Քայլ 4. Եղեք հետևողական:
Ինչ տեքստի տառատեսակ, գույնի պալիտրա, պատկերի թեմա և դիզայնի ընտրանքներ եք ընտրում, համոզվեք, որ ձեր կայքէջում օգտագործում եք նույն որոշումը: Անհավատալիորեն կարող է տանջալից տեսնել «Տե՛ս» էջի համար օգտագործվող մեկ տառատեսակ կամ գունային սխեման, երբ գլխավոր էջի համար բոլորովին այլ էր օգտագործվում:
- Օրինակ, եթե ձեր կայքի գլխավոր էջի համար օգտագործում եք բացառապես սառը երանգներ, ապա հաջորդ էջում մի կիրառեք պայծառ, բարձր գույներ:
- Հիշեք, որ բարձր կամ բախվող գույների օգտագործումը, հատկապես, երբ գույները ցուցադրվում են դինամիկ (օրինակ ՝ շարժվող) ձևով, կարող է էպիլեպսիա առաջացնել վեբ օգտվողների փոքր թվի մեջ: Եթե որոշեք նման գույներ օգտագործել ձեր կայքում, համոզվեք, որ համապատասխան էջերից առաջ ավելացրել եք էպիլեպսիայի նախազգուշացում:
Քայլ 5. Ավելացնել նավարկության ընտրանքներ:
Գլխավոր էջի վերևում ձեր վեբ կայքի կարևոր էջերի ուղղակի հղումներ տեղադրելը կօգնի առաջին այցելուներին ուղղորդել կարևոր բովանդակությանը: Կայքերի ստեղծողներից շատերը լռելյայն ավելացնում են այս հղումները:
Կարևոր է համոզվել, որ ձեր վեբ կայքի յուրաքանչյուր էջ հասանելի է `կտտացնելով ձեր վեբ կայքի ընտրանքներին, այլ ոչ թե հասանելի լինել միայն էջի հասցեով:
Քայլ 6. Օգտագործեք միմյանց լրացնող գույներ:
Ինչպես ցանկացած այլ դիզայն, վեբ կայքերի ձևավորումն ապավինում է գունային տեսողական հաճելի համադրություններին. այդ պատճառով միասին ընտրված թեմաների գույները որոշիչ նշանակություն ունեն:
Սև, սպիտակ և մոխրագույնը լավ համադրություն է, եթե չգիտեք, թե որտեղից սկսել:
Քայլ 7. Մտածեք մինիմալիստական դիզայնի օգտագործման մասին:
Մինիմալիզմը խրախուսում է սառը երանգների գույներ, պարզ գրաֆիկա, սև-սպիտակ տեքստային էջեր և հնարավորինս քիչ զարդարանք: Քանի որ մինիմալիզմը քիչ բան է պահանջում շքեղ տարրերի տեսանկյունից, դա հեշտ միջոց է ՝ ձեր կայքը պրոֆեսիոնալ և գրավիչ տեսք ունենալու համար ՝ առանց մեծ աշխատանք պահանջելու:
- Շատ վեբ կայքեր ստեղծողներ կունենան «մինիմալիստական» թեմա, որը կարող եք ընտրել ձեր կայքը ստեղծելիս:
- Մինիմալիզմի այլընտրանքը «բռութալիզմն» է, որն օգտագործում է ավելի կոշտ գծեր, վառ գույներ, համարձակ տեքստ և նվազագույն պատկերներ: Բրուտալիզմը ունի ավելի քիչ հետևորդներ, քան մինիմալիզմը, բայց կախված ձեր կայքի բովանդակությունից, այն կարող է ավելի լավ համապատասխանել ձեր դիզայնի կարիքներին:
Քայլ 8. Կատարեք յուրահատուկ ընտրություններ:
Ուղիղ գծերը և ցանցով փակված վեբ տարրերը անվտանգ խաղադրույքներ են, բայց մի քանի յուրահատուկ ոճական որոշումներ կայացնելը և՛ կդարձնի ձեր կայքի անհատականությունը, և՛ կօգնի ձեր կայքին առանձնանալ:
- Մի՛ վախեցեք ուղղությունները թաքցնել ՝ վեբ կայքի տարրերն անհամաչափ տեղադրելով կամ համընկնող տարրերի միջոցով շերտավոր տեսք ստեղծելու համար:
- Թեև նրբագեղ, սուր անկյուններն ու քառակուսի տարրերը (հայտնի են նաև որպես «քարտերի վրա հիմնված» ներկայացում) ավելի քիչ բարենպաստ են, քան կլորացված, փափուկ տարրերը:
2 -րդ մաս 2 -ից. Ինչպես առավելագույնի հասցնել վեբ կայքի աշխատանքը
Քայլ 1. Օգտվեք բջջայինի օպտիմալացման տարբերակներից:
Բջջային դիտարկիչներն ավելի շատ վեբ տրաֆիկ են կազմում, քան աշխատասեղանի բրաուզերները, ինչը նշանակում է, որ ձեր վեբ կայքի բջջային տարբերակին ուշադրություն դարձնելը պետք է առնվազն հավասար լինի ձեր աշխատասեղանի վեբ կայքի զարգացմանը: Վեբ կայքի ստեղծող ծառայությունների մեծ մասն ինքնաբերաբար ստեղծում է ձեր կայքի բջջային տարբերակը, սակայն ձեր բջջային կայքի համար կցանկանաք նկատի ունենալ հետևյալ տեղեկությունները.
- Համոզվեք, որ կոճակները (օրինակ ՝ կայքի հղումները) մեծ են և հեշտ դիպչում:
- Խուսափեք այն գործառույթների կիրառումից, որոնք հնարավոր չէ դիտել բջջային հեռախոսում (օրինակ ՝ Flash, Java և այլն):
- Մտածեք ձեր վեբ կայքի համար պատրաստված բջջային հավելված ունենալու մասին:
Քայլ 2. Խուսափեք մեկ էջում չափազանց շատ լուսանկարներ օգտագործելուց:
Թե՛ աշխատասեղանի, թե՛ բջջային զննարկիչները կարող են դժվարությամբ բեռնել մեծ թվով լուսանկարներ կամ տեսանյութեր ցուցադրող էջեր: Թեև պատկերները կարևոր են վեբ ձևավորման մեջ, մեկ էջից ավելի քան մի քանիսի օգտագործումը կարող է առաջացնել անհարկի երկար բեռնման ժամանակ, ինչը թույլ չի տա մարդկանց այցելել տվյալ էջը (էջերը):
Ընդհանրապես, ցանկանում եք, որ ձեր կայքի էջերը բեռնվեն չորս վայրկյանի ընթացքում:
Քայլ 3. Ավելացրեք «Կոնտակտ» էջ:
Դուք կնկատեք, որ գրեթե բոլոր կայացած կայքերն ունեն «Կապ մեզ հետ» էջ, որն ունի կոնտակտային տվյալներ (օրինակ ՝ հեռախոսահամար և էլ. Հասցե); որոշ կայքեր նույնիսկ այս էջում ունեն ներկառուցված հարցաթերթիկ: «Կոնտակտ» էջի ավելացումը վեբ կայքի դիտողներին կտա ձեզ անմիջական հաղորդակցության ուղի ՝ դրանով իսկ ավելացնելով լուծում հավանական վրդովմունքներին:
Քայլ 4. Ստեղծեք հատուկ 404 էջ:
Երբ ինչ -որ մեկն այցելում է ձեր վեբ կայքի որոշակի էջ, որը կամ չի ստեղծվել, կամ գոյություն չունի, «404 Սխալ» վեբ էջը կցուցադրվի: Բրաուզերների մեծամասնությունը ունի 404 լռելյայն էջ, սակայն դուք կարող եք հարմարեցնել ձեր կայքը ձեր վեբ կայքի ստեղծողի պարամետրերից: եթե այո, համոզվեք, որ ներառեք հետևյալ մանրամասները.
- Թեթև սրտային սխալի հաղորդագրություն (օրինակ ՝ «Շնորհավորում ենք, դուք գտել եք մեր սխալի էջը»):
- Հղում դեպի կայքի գլխավոր էջ
- Սովորաբար դիտվող հղումների ցանկ
- Ձեր կայքի պատկերը կամ պատկերանշանը
Քայլ 5. Հնարավորության դեպքում օգտագործեք որոնման տող:
Եթե ձեր վեբ կայքի ստեղծման մեթոդը աջակցում է ձեր վեբ կայքում որոնման տողի ավելացմանը, ապա խստորեն խորհուրդ է տրվում դա անել: Սա կապահովի, որ օգտվողները կարողանան արագ կողմնորոշվել դեպի որոշակի էջ կամ նյութ ՝ առանց ձեր նավարկության ընտրանքների վրա սեղմելու:
Որոնման սանդղակները նույնպես օգտակար են, երբ ձեր լսարանը ցանկանում է ընդհանուր տերմին որոնել ՝ առանց փորձարկման և սխալի օգտագործման:
Քայլ 6. Ներդրեք առավելագույն ժամանակը ձեր գլխավոր էջում:
Երբ ինչ -որ մեկը ժամանում է ձեր վեբ կայքի գլխավոր էջ, նա պետք է անմիջապես հասնի ձեր վեբ կայքի թեմայի էությանը: Բացի դրանից, հիմնական էջի բոլոր տարրերը պետք է արագ բեռնվեն, ներառյալ նավարկության ընտրանքները և ցանկացած պատկեր: Ձեր գլխավոր էջը պետք է ունենա հետևյալ ասպեկտները.
- Գործողության կոչ (օրինակ ՝ սեղմելու կոճակ կամ լրացնելու ձև)
- Նավարկման գործիքագոտի կամ ընտրացանկ
- Հրավիրող գրաֆիկա (օրինակ ՝ մեկ ամբողջական լուսանկար, տեսանյութ կամ լուսանկարների փոքր խումբ ուղեկցող տեքստով)
- Ձեր կայքի ծառայությանը, թեմային կամ ֆոկուսին վերաբերող հիմնաբառեր
Քայլ 7. Ստուգեք ձեր կայքը բազմաթիվ բրաուզերներում բազմաթիվ հարթակներում:
Սա աներևակայելի կարևոր է, քանի որ տարբեր դիտարկիչներ կարող են այլ կերպ վարվել ձեր վեբ կայքի ասպեկտների հետ: Նախքան ձեր վեբ կայքը գովազդելը սկսելը, փորձեք այցելել և օգտագործել ձեր կայքը հետևյալ դիտարկիչներում ՝ Windows, Mac, iPhone և Android հարթակներում.
- Google Chrome
- Firefox
- Safari (միայն iPhone և Mac)
- Microsoft Edge և Internet Explorer (միայն Windows)
- Ներկառուցված դիտարկիչ մի քանի տարբեր Android հեռախոսների վրա (օրինակ ՝ Samsung Galaxy, Google Nexus և այլն)
Քայլ 8. Շարունակեք թարմացնել ձեր կայքը, քանի որ այն ծերանում է:
Դիզայնի միտումները, հղումները, լուսանկարները, հասկացությունները և հիմնաբառերը բոլորը փոխվում են ժամանակի ընթացքում, այնպես որ դուք ստիպված կլինեք շարունակել փոփոխություններ կատարել ձեր կայքում `արդի մնալու համար: Սա ձեզանից կպահանջի առնվազն երեք ամիսը մեկ անգամ (ցանկալի է ավելի հաճախ) ստուգել ձեր վեբ կայքի աշխատանքը նմանատիպ այլ կայքերի կողքին:
Հիմնական HTML օգնություն
Նմուշ վեբ էջ HTML- ով
Աջակցեք wikiHow և բացել բոլոր նմուշները.
HTML խաբեության թերթիկ
Աջակցեք wikiHow և բացել բոլոր նմուշները.
Օրինակելի պարզ վեբ էջ
Աջակցեք wikiHow և բացել բոլոր նմուշները.
Խորհուրդներ
- Կայքի հասանելիությունը վեբ կայքի զարգացման ևս մեկ կարևոր ասպեկտ է: Սա ներառում է այնպիսի բաներ, ինչպիսիք են ենթագրերը լսողության խնդիրներ ունեցող լսարանների համար, կույր այցելուների համար աուդիո նկարագրություններ և լուսազգայունության նախազգուշացումներ, եթե ձեր կայքը օգտագործում է պոտենցիալ առգրավող ազդեցություն:
- Վեբ կայքերի ստեղծողներից շատերն ունեն մի շարք կաղապարներ, որոնք կարող եք օգտագործել ձեր կայքի դասավորությունն ու դիզայնը ամրացնելու համար ՝ նախքան ձեր նախընտրած տարրերը ավելացնելը:
Գուշացումներ
- Կայքերի ստեղծողների մեծ մասն անվճար է. սակայն, եթե ցանկանում եք օգտագործել ձեր սեփական տիրույթը (օրինակ ՝ «www.yourname.com» ՝ «www.yourname.wordpress.com» - ի փոխարեն), ապա պետք է վճարեք ամսական կամ տարեկան վճար:
- Խուսափեք գրագողությունից և պահպանեք հեղինակային իրավունքի բոլոր օրենքները. Առանց թույլտվության մի ավելացրեք համացանցից պատահական պատկերներ կամ նույնիսկ կառուցվածքային տարրեր:
