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