Ինչպես ստեղծել կայք

01-ից 10-ը

Հետազոտություն

Պոտենցիալ հաճախորդը պարզապես խնդրել է նախագծել կայք, բայց որտեղից եք սկսում: Կա մի որոշակի գործընթաց, որը դուք կարող եք հետեւել, ապահովելու համար, որ ծրագիրը հարթ է ընթանում: Այն արտացոլում է ստանդարտ գրաֆիկական դիզայնի գործընթացը , ընդգրկելով ընդամենը մի քանի կայքերի հատուկ քայլերը:

Որպես գրաֆիկական դիզայներ, կարող եք ընտրել ամբողջ դիզայնի վրա, ներառյալ կոդավորումը: Այնուամենայնիվ, դուք կարող եք նաեւ հավաքել մի թիմ, որը կօգնի ձեզ մանրամասներին: Վեբ նախագծողը եւ SEO- ի փորձագետը կարող են լինել արժեքավոր հավելումներ ձեր ծրագրի համար:

Այն ամենը սկսվում է հետազոտությունից

Ինչպես նախագծային նախագծերի մեծ մասը, առաջին քայլը, որը ստեղծում է կայք, հետազոտություն է իրականացնում: Որոշ հետազոտություններ կկատարվեն հաճախորդի հետ `իրենց կարիքների մասին հասկանալու համար: Դուք նաեւ պետք է ավելին իմանալ նրանց արդյունաբերության եւ մրցակիցների մասին:

Ձեր հաճախորդի հետ հանդիպման ժամանակ ձեզ հարկավոր է բացահայտել հնարավորինս աջակցելու համար կայքի ուրվագիծը եւ ի վերջո այն դիզայնը դարձնել: Սա ներառում է նրանց թիրախային լսարան, նպատակներ, ստեղծագործական ուղղություն եւ այլ փոփոխականներ, որոնք կարող են ազդել հաճախորդի համար, ինչպիսին է բյուջեն եւ ժամկետը:

Ձեր արդյունաբերության եւ շուկայի ուսումնասիրությունները միաժամանակ տեղի կունենան: Ձեր հաճախորդի հետ հանդիպման համար պատրաստվելու համար դուք պետք է ունենաք իրենց արդյունաբերությունը: Ձեր կարիքները հայտնաբերելուց հետո դուք ուզում եք մի փոքր ավելի խորը նայել:

Կատարված հետազոտությունների մակարդակը կախված կլինի հաճախորդի բյուջեից եւ ոլորտի առկա գիտելիքներից: Դա կարող է լինել այնքան պարզ, ինչպես տեսնում է, թե ինչ այլ կայքեր նման են: Ավելի մեծ նախագծերի համար դա կարող է լինել նման ֆոկուս խմբերով խորը հետազոտություն:

02-ից 10-ը

Բժիշկների կարծիքը

Երբ գիտեք, թե ինչն է նախագիծն ամբողջությամբ, ժամանակն է գաղափարներ հավաքել, եւ brainstorming- ը սկսելու է հիանալի վայր : Ձեր առաջինը լինելու համար կատարյալ գաղափար փնտրելը փոխարեն, կայքից հանեք ցանկացած գաղափարներ կամ հասկացություններ: Դուք միշտ կարող եք նեղացնել այն ավելի ուշ:

Որոշ կայքեր կարող են զանգահարել ստանդարտ վեբ ինտերֆեյսի, նավարկություն (կոճակ բար) եւ բովանդակության ոլորտներ, որտեղ օգտվողները ամենայն հավանականությամբ սպասում են դրանց: Մյուսները կարող են պահանջել յուրօրինակ հայեցակարգ, ներկայացնելու բովանդակությունը:

Վերջում բովանդակությունը կխթանի դիզայնը: Օրինակ, լրատվական կայքը ավելի շատ տարբեր մոտեցում կունենա, քան լուսանկարչի վեբ պորտֆելում

03-ից 10-ը

Որոշեք տեխնիկական պահանջներին

Կայքի զարգացման վաղ փուլում պետք է որոշումներ կայացվեն նախագծի տեխնիկական պահանջների վերաբերյալ: Նման որոշումները ազդում են բյուջեի, ժամանակի եւ որոշ դեպքերում, կայքի ընդհանուր զգացողությունների վրա:

Հիմնական որոշումներից մեկը այն է, ինչ պետք է լինի կայքի հիմքում ընկած կառուցվածքը, որը որոշելու է, թե ինչ ծրագրային ապահովման օգտագործման եւ ինչ համակարգը դարձնում է կայքի «աշխատանք»:

Ձեր ընտրանքները ներառում են.

• Հիմնական HTML. Ստանդարտ HTML կայք, որտեղ յուրաքանչյուր էջը ձեռքով խմբագրվում է: Սա կարող է համեմատաբար արագ զարգանալ, սակայն թողնում է քիչ ճկունություն եւ շատ շարունակական սպասարկում: Կարեւոր է նաեւ հիշել, որ HTML- ն միայն HTML- ն չէ եւ կարող է ներառել CSS, JavaScript եւ այլ ծրագրավորման լեզուներ գործառույթների համար:
• Օգտագործեք Բովանդակության կառավարման համակարգ. Օգտագործելով CMS- ը սովորաբար թույլ է տալիս հաճախորդին կատարել պարբերաբար բովանդակության թարմացումները, իսկ դիզայները վերահսկում է կայքի ընդհանուր տեսքը եւ զգացումը: Որոշ համակարգեր կարող են մշակվել զրոյից եւ գնված եւ հարմարեցված հաճախորդի կարիքներին: Առցանց համակարգերը, ինչպիսիք են Blogger- ը եւ WordPress- ը, անվճար են եւ ներառում են հիմնական CMS- ը:

04-ից 10-ը

Գիրք նկարագրեք

Այժմ, երբ դուք հավաքել եք անհրաժեշտ տեղեկությունները եւ որոշ գաղափարներ գլխացավանք, լավ գաղափար է, որ այն ամենը ներքեւում թղթի վրա:

Կայքի ուրվագիծը պետք է ներառի կայքի յուրաքանչյուր հատվածի ցանկը, որտեղ յուրաքանչյուր էջում կներկայացվի բովանդակության տեսակ: Այն նաեւ պետք է մանրամասն նկարագրի այնպիսի հատկանիշներ, ինչպիսիք են օգտագործողի հաշիվները, մեկնաբանությունները, սոցիալական ցանցերի գործառույթները, վիդեո կամ լրատուի գրանցումը:

Ծրագրի կազմակերպմանն աջակցելուց բացի, հաճախորդը պետք է ներկայացվի կայքի առաջարկի նախագիծը, որպեսզի դրանք կարողանան հաստատել նախքան ծրագրի շարունակությունը: Սա թույլ կտա նրանց ավելացնել, հեռացնել կամ կարգավորել ցանկացած բաժին կամ առանձնահատկություններ:

Այս ամենը, ի վերջո, կօգնի ձեզ մշակել բյուջե եւ ժամանակացույց եւ կառուցել կայքը: Համաձայնեցված նախագծի նախագծի հիման վրա համաձայնեցված նախագծի հիման վրա, կկարողանան խուսափել նախագծի ուշացումներից կամ կարծիքների տարբերությունից:

05-ից 10-ը

Ստեղծեք Wireframes

Wireframes- ը հեշտությամբ սահմանափակում է կայքի հատակագծերի գծերը , որոնք թույլ են տալիս Ձեզ (եւ հաճախորդին) կենտրոնանալ տարրերի տեղակայման վրա, այլ ոչ թե գույնի եւ տիպի:

Սա չափազանց օգտակար է, քանի որ որոշում է, թե որ բովանդակությունը արժանի է առավելագույն ուշադրությանը եւ այդ տարրերի էջում օգտագործվող տարածության տոկոսին: Առանց խուսափելու այլ տեսողական տարրերով, հաստատված wireframes- ը ապահովում է ձեր նախագծերի համար նախատեսված շրջանակ:

Որոշ ծրագրերի համար դուք կարող եք դիտարկել տարբեր տեսակի բովանդակության համար հասանելի հասանելի բջիջների հավաքածու: Բազմաթիվ տեքստի հետ կոնտակտը, մոտ եւ այլ էջերը կարող են ունենալ տարբեր դասավորություն, քան պատկերասրահ կամ գնումներ էջ:

Կարեւոր է, որ դուք միեւնույն տեսքը պահպանեք ողջ կայքում, քանի որ դուք անցում եք անցնում մեկից:

06-ից 10-ը

Նախագծեք կայք

Երբ դուք եւ ձեր հաճախորդը գոհ են wireframes- ից, ժամանակն է սկսել կայքը նախագծել:

Adobe Photoshop- ը նախնական նմուշների ստեղծման ամենատարածված գործիքն է: Կայքի նախագծման ուշադրության կենտրոնում պետք է ներկայացնել բովանդակությունը եւ այն կկիրառվի փաստացի վեբ էջերի ստեղծման համար:

Մինչ այժմ, պարզապես դիզայն եւ խաղացեք հիմնական տարրերի հետ `ձեր հաճախորդի համար նայելու եւ հաստատելու համար ինչ-որ բան ստեղծելու համար:

• Թեեւ փայլուն նմուշները եւ անիմացիան իրենց տեղն ունեն, չպետք է գերագնահատեն այն, ինչն օգտագործողը փնտրում է:
• Հետեւողական նավարկություն կօգնի ձեր այցելուներին գտնել ձեր բոլոր հիմնական բովանդակությունը:
• Տիպի մաքուր օգտագործումը (տեքստի վրա հիմնված կայքի դեպքում) կշարունակեն այցելուները կարդալ եւ վերադառնալ:
• Նախքան կայքի դիզայնի համար իրական բովանդակություն ունենալը , Lorem Ipsum տեքստը կօգնի ձեր տարածքները լրացնել առանց ձեր հաճախորդի շեղելու:

07-ից 10-ը

Կառուցեք վեբ էջեր

Երբ ձեր դիզայնը հաստատված է, էջերը պետք է վերածվեն mockups- ից HTML եւ CSS- ում գրված փաստացի վեբ-էջերի:

Փորձառու դիզայներ / ծրագրավորողներ կարող են ընտրել բոլոր կոդավորումը, մինչդեռ ոմանք կենտրոնացած են ոստայնի նախագծման կողմի վրա, կարող են սերտորեն համագործակցել մշակողի հետ `կայքը կյանքի կոչելու համար: Եթե ​​դա այդպես է, ապա մշակողը պետք է ներգրավվի սկզբից:

Կառուցողները կօգնեն համոզվել, որ դիզայնը իրատեսական է եւ արդյունավետ վեբ դասավորությունը: Նրանք պետք է նաեւ խորհրդակցեն հաճախորդի մասին խոստացած ցանկացած առանձնահատկությունների մասին, որոնցից ոմանք հնարավոր չէ իրականացնել կամ օգտվել կայք:

Adobe Dreamweaver- ը ծրագրավորողը կարող է օգնել դիզայներին վերածել խարդախության, աշխատանքային վեբ էջի մեջ, քաշել եւ թողնել հատկություններով, նախապես կառուցված գործառույթներով եւ կոճակներով, հղումներ եւ պատկերներ ավելացնել:

Կան բազմաթիվ ծրագրային ընտրանքներ, որոնք հասանելի են կայքի կառուցվածքի համար: Ընտրեք մեկը, որը դուք վայելում եք աշխատել, պարզապես համոզվեք, որ նրանք թույլ են տալիս, որ իսկապես մտնեք մանրամասների եւ կոդերի կոդավորում:

08-ից 10-ը

Մշակել կայք

Երբ ձեր դասավորությունը ավարտվել է HTML- ում եւ CSS- ում, այն պետք է ինտեգրված լինի ձեր ընտրած համակարգին: Սա հենց այն կետն է, որը դառնում է գործող կայք:

Դա կարող է նշանակել զարգացող կաղապարներ, որոնք պետք է կարդացվեն բովանդակության կառավարման համակարգով, փոխելով WordPress ձեւանմուշը կամ օգտագործեն Dreamweaver- ը հղումներ էջերի եւ ավելի առաջադեմ վեբ հատկանիշների միջեւ: Սա եւս մեկ քայլ է, որը կարող է մնալ մեկ այլ անդամի կամ թիմի անդամների կողմից:

Դուք նաեւ պետք է ձեռք բերեն կայք դոմեյն անուն եւ ունենաք հոստինգ ծառայության: Սա պետք է լինի հաճախորդի հետ քննարկումների մի մասը եւ իրականում պետք է արվի գործընթացի նախնական փուլերում: Երբեմն դա կարող է մի քանի անգամ ակտիվանալ ծառայությունների համար:

Կարեւոր է նաեւ, որ դուք կամ ձեր մշակողը կայքէջի մանրակրկիտ փորձարկում կատարեն: Դուք չեք ցանկանում անել «մեծ բացահայտում» եւ ունենա այնպիսի գործառույթներ, որոնք ճիշտ չեն գործում:

09-ից 10-ը

Խթանել կայք

Ձեր ինտերնետային կայքում, այն ժամանակն է նպաստել այն: Ձեր զարմանալի դիզայնը լավ չէ, եթե մարդիկ չեն այցելում այն:

Կայքի երթեւեկությունը կարող է ներառել,

• Օպտիմալացնել այն որոնման համար: Վարձել SEO- ի փորձագետ, եթե դա փորձագիտական ​​դաշտ չէ, քանի որ լավագույն փորձը շարունակաբար փոխվում է:
• Ուղարկելով նորությունների բովանդակություն `նոր բովանդակություն ընդգրկելու համար: Ամսագրի դիզայնը պետք է վերաբերվի կայքի դիզայնին, որպեսզի բրենդային հաղորդագրությունների պահպանումը համապատասխանի:
• Գովազդ Գովազդի միջոցով PPC գովազդի Google- ի կամ banner գովազդի այլ կայքերում:
• Ավելի շատ ավանդական մեթոդներ, ինչպիսիք են տպագիր գովազդները եւ բերանը:

10-ից 10-ը

Պահպանեք այն Թարմ

Մարդիկ ձեր կայքի վերադարձնելու լավագույն եղանակներից մեկն այն է, որ բովանդակությունը պահպանի թարմ: Կայքում տեղադրված ամբողջ աշխատանքով դուք չեք ցանկանում, որ այն մնա նույնը մի քանի ամիս հետո:

Շարունակեք գրել նոր բովանդակություն, լուսանկարներ, տեսանյութեր կամ երաժշտություն ... այն, ինչ որ կայքը կառուցվել է ներկայացնելու համար: Բլոգը մեծ ճանապարհ է պահում կայքի թարմացմամբ, ձեր կայքի հետ կապված որեւէ թեմայի ցանկացած երկարությամբ հաղորդագրություններով,

Եթե ​​ձեր հաճախորդը կվերցնի CMS- ի կայքի թարմացումները, ապա ձեզ հարկավոր է այն պատրաստել, օգտագործելու համար: Թարմացումներ կատարելը, որը դուք ստեղծել եք, կանոնավոր եկամուտ ստանալու լավ տարբերակ է: Համոզվեք, որ դուք եւ ձեր հաճախորդը համաձայնել եք ցանկացած թարմացման աշխատանքների հաճախականության եւ տոկոսադրույքների մասին: