Վեբ մշակում և ձևավորում 101

վեբ_development_101Wantանկանո՞ւմ եք իմանալ վեբ զարգացման և ձևավորման հիմունքները: Հիանալի…


Բայց խնդիր կա այս մտքի գծի հետ, կամ դրանց մի շարք իրականում…

  • Ո՞րն է կայքը ունենալու նպատակը? Բոլորին իրոք պետք է մեկը?
  • Եթե ​​այդպես է, ինչպե՞ս եք կառուցում որակյալ կայք? Կամ այլ կերպ ասած, ինչպես եք սովորում հիմնական վեբ զարգացումը և դիզայնը, ինչը թույլ կտա ձեզ ինքներդ կառուցել այդ որակի կայքը?
  • Ամենակարևորը ՝ կարո՞ղ եք ձեր առաջին փորձը ստեղծել որակյալ կայք? Կամ ձեզ հարկավոր են տարիներ տևողությամբ փորձ, նախքան հույսը կարող եք բերել վերը նշված սարսափելի արդյունքի վրա?

Եկեք այս ամենին պատասխանենք սկսնակների ուղեցույց վեբ զարգացման և ձևավորման համար.

[Spoiler ահազանգ. Այո, դուք կարող եք կառուցել որակյալ կայք ՝ առաջին իսկ փորձելու համար]:

Contents

Ինչ է ընդգրկված այս ուղեցույցում?

Լավ, առաջին հերթին մենք ուրախ ենք, որ շարունակեցիք կարդալ, և որ որոշեցիք փորձել համացանցային զարգացում: Ահա, թե ինչպես է այն պատրաստվում դուրս գալ.

Գլուխները ներկայացված են շատ պարզ ձևով, ձախ մասում հիմնական բովանդակությունը, իսկ աջ կողմում գործող գործառույթները: Այսպես.

Ուղեցույցի ներդրում. Գլուխ 1

Հիմա, ինչպես շարունակել.

  • Մինչ ձեր 1-ին ընթերցումը: Մենք խորհուրդ ենք տալիս կարդալ ամբողջը վերևից ներքև: Սա ձեզ հնարավորություն կտա թեմայի 10,000 ոտնաչափ դիտում և կօգնի հասկանալ դրա կարևորագույն մասերը: Այն ձեզ կտրամադրի նաև հիմնական գործիքներ և մեթոդներ, թե ինչպես վարվել անհատական ​​առաջադրանքները.
  • Մինչ ձեր 2-րդ ընթերցումը և ավելինՕգտագործեք TOC- ը և ցատկեք այն հատվածին, որը ձեզ ամենաշատն է հետաքրքրում: Նաև ազատ զգալ օգտագործեք բաժնետիրական կոճակները յուրաքանչյուր գլխի կողքին, կամ հղումները ուղարկեք ինքներդ ձեզ կամ ձեր ընկերներին / հետևորդներին, ովքեր կարող են հետաքրքրվել.

Պատրա՞ստ Եկեք գնանք 1-ին գլուխ.

Ո՞վ է այս ուղեցույցը?

Եթե ​​ցանկանում եք սովորել վեբի հիմնական ձևավորումը և ձևավորումը, այս ուղեցույցը ձեզ համար է: Ինչ էլ որ լինի ձեր մոտիվացիան.

Բացի այդ, ձեզ հարկավոր չէ նախնական տեխնիկական գիտելիքներ (բացի հիմնական «վեբ հմտություններից»): Այս ուղեցույցի ամբողջ իմաստը «101» դասընթացի մի տեսակ լինելն է բոլորի համար, ովքեր հետաքրքրված են վեբ կայքեր կառուցելով և վեբ զարգացում սովորելով.

Ահա մի քանի ընդհանուր պատճառներ, որոնք ձեզ կարող են հետաքրքրել.

  • 1. Դուք պետք է կայք ձեր բիզնեսի համար (և դուք ուզում եք տեսնել, արդյոք կարող եք ինքներդ կառուցել).
  • 2-ը. Դուք ցանկանում եք ԻՆՉՊԵՍ վեբ զարգացումը կրքից կամ ժամանակավոր հետաքրքրությունից (դրանից վատ բան չկա).
  • 3. ԴՊՐՈԻ համար պետք է կայք.
  • 4. Դուք ՕԳՏԱԳՈՐԾՈՒՄ եք ընկերոջ կամ ընտանիքի անդամի ՝ իրենց կայքէջը առցանց ստանալու համար.

Հիմնական գաղափարը, որը գնում է մեզ առաջնորդելու համար

Սա կարևոր է: Եվ խնդրում ենք մի զայրացեք մեզանից, եթե դուք կարդում եք սա վեբ առաջադեմ ծրագրավորող, բայց հիմնական գաղափարը, որը մեզ առաջնորդելու է այս ամբողջ վեբ զարգացման և նախագծման համար 101 ռեսուրս է, հետևյալն է.

«Առանց դիմադրության մոտեցում»

Ահա նվազագույն դիմադրության երեք սկզբունքները.

  • Մենք մոլեկուլային մակարդակի վրա չկտրվելը. Ի. մենք չենք պատրաստվում հասնել այն ծրագրին, թե ինչպես են աշխատում ծրագրավորման լեզուները, կամ ինչպես է գործում վեբ սերվերը.
  • Մենք անիվը նորից չհաղորդելը. Ի. եթե ինչ-որ մեկը արդեն լուծել է տրված խնդիրը և լուծումը մատչելի է դարձել, մենք մտադիր ենք օգտագործել այն.
  • Մենք մի պարզ լուծում զարմանալի դարձնելով, այլ ոչ թե բարդ և, կարծես, ավելի ֆունկցիոնալ լուծման խճճված և անհասկանալի.

ԳԼՈՒԽ 1. Ծրագիրը

Ձեր գաղափարը, կայքի տեսակը, տիրույթի անվանումը և հոստինգը.

Նախքան կայք ստեղծելը, ձեզ հարկավոր է պլան

Հեգնական է, ինչպես դա կարող է հնչել. «A-Team» – ի 80-ամյա հիթային ցուցադրությունը մեզ սովորեցրել է, լավ պլան է հաջողության բանալին.

Եթե ​​հիմա ինչ-որ ժամանակ ձեր կայքում նստած լինեք կայք, ապա անպայման ոգևորված եք այն բանի համար, որ վերջապես դուրս կգա այն ուրիշներից, ովքեր կարդալու և զննելու համար.

Դուք ցանկանում եք, որ ձեր կայքը լինի հիանալի: Դուք հավանաբար գիտեք, թե ինչ տեսք ունի ինչ-որ աստիճանի նման: Կամ գուցե դուք նույնիսկ կատարյալ պատկերանշանը պատրաստ եք.

Բայց…

Դա ամենևին էլ չէ, թե որտեղ պետք է սկսել: Եթե ​​սկսեք նախապես հաստատված ակնկալիքներից, սա ձեզ միայն խառնաշփոթի կհանգեցնի ճանապարհի վրա և վերջում կստանա ենթաօրենսդրական արդյունք:.

Փոխարենը, մտածեք հետևյալի մասին.

  1. Առանձնացրեք ձեզ ցանկացած տեխնիկական նպատակից, որը կարող եք ունենալ. Օրինակ ՝ վեբ կայքի տեխնոլոգիաների կամ որոշակի կայքի ծրագրաշարերի ուսուցման նպատակը.
  2. Հարցրեք ինքներդ ձեզ մեկ հիմնական հարց. «Ինչի համար ես պետք է կայքը»:

Սա ձեր մասին չէ, սա կայքի նպատակի մասին է.

Հարցեր, որոնք դուք պետք է ինքներդ ձեզ հարցնեք ՝ նախքան ձեր վեբ կայքը հիմնելը

  1. Ինչին է պետք կայքը հասնել?
  2. Ո՞րն է կայքի միջոցով ներկայացված հիմնական «բանը»: (օրինակ ՝ ձեր գործը, ապրանքը, ձեր բլոգի հաղորդագրությունները և այլն)
  3. Արդյո՞ք կայքը կունենա որևէ հատուկ նպատակ: (օրինակ ՝ էլեկտրոնային առևտրի խանութ, լուսանկարչի պորտֆոլիո և այլն)
  4. Ո՞վ է թիրախային լսարանը?
  5. Ինչու են նրանք հետաքրքրվում կայքի թեմայով?
  6. Ի՞նչ ցավ է լուծում կայքը առանձին լսարանի անդամների համար?

Այս վերջին 3 հարցերի շուրջ, թող մեկ րոպե խոսենք լսարանին…

Վեբ կայքերի կառուցման համար կա 2 հիմնական կանոն: Ահա # 1 կանոնը:

 Ընթերցողը / այցելուը գալիս է առաջին հերթին: Նրանք են հիմնական անձը, որը պետք է գոհացնի ձեր կայքը.

Ինչ-որ կերպ ձեր վեբ կայքը ձերը չէ: Իրենցն է.

(Կանոն # 2 կանոն, մենք կքննարկենք մեկ րոպեի ընթացքում:)

Այս պարզ ուղեցույցի մասին մոռանալը կարող է ձեզ հանգեցնել ամբողջովին սխալ ճանապարհի, նույնիսկ մինչև այն կետը, որտեղ դուք կգտնեք ձեզ այնպիսի կայքի հետ, որը շփոթեցնում է բոլորին, բայց դուք.

«Ուգ: Մարդիկ պարզապես չեն հասկանում, թե ինչի մասին է խոսքը: Ինչպե՞ս կարող են նրանք այդքան անգրագետ լինել »: – վերջում ես մտածում: Բայց, ինչպես պարզվում է, անգրագետը դու էիք.

Դրանից խուսափելու միակ ճանապարհն այն է, որ ձեր վեբ-էջը ընթերցողի հետ մտովի կառուցելը հենց ստացվում է.

Ուստի… վերցրու այդ թղթի կտորը և պատասխանիր վերը նշված բոլոր հարցերին.

Ավարտելուց հետո դուք ունեք ձեր վերջնական ցուցումներ, որոնց վրա պատրաստվում եք գործել ձեր վեբ կայքում աշխատելիս.

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

Արդյո՞ք դա պետք է անեք դա * կամ * այն *: Գնացեք պատասխան թերթիկ և պարզեք: Պե՞տք է լայն կամ նեղ կողային գոտի օգտագործել: Անցեք պատասխաններին, պարզեք, թե որն է ավելի հավանական, որ ռեզոնանսվի թիրախային ընթերցողի հետ: Եվ այլն.

Դոմենի անուններ և վեբ հոստինգ

Եթե ​​ցանկանում եք վեբ կայքի սեփականատեր լինել, ձեզ հարկավոր է տիրույթի անուն և վեբ հոստ.

Դե, լավ, տեխնիկապես, դուք կարող եք կառուցել թեստային կայք, բոլորը ձեր սեփական համակարգչում, այնուհետև այն գործարկել տեղական ցանցային ցանցից (տեղադրված է նաև որպես ձեր համակարգչում տեղադրված որպես ծրագրակազմ), բայց դա չի կարող կիրառելի լուծում լինել 99% -ի համար: դեպքեր, այնպես որ եկեք դա պարզապես բաց թողնենք.

Այսպիսով, հյուրընկալող և տիրույթ…

Այստեղ վատ նորությունն այն է, որ նրանք երկուսն էլ փող են արժենում.

Լավ նորություն … իրերի գլխավոր սխեմայում այնքան էլ գումար չէ: Բացի այդ, ինչպես սովորում եք, կարող եք նույնիսկ բազմաթիվ փոքր կայքեր գործարկել մեկ տիրույթի անվան տակ և մեկ վեբ հոստի տակ.

Բայց եկեք սկսենք սկզբում.

Վեբ հաղորդավարներ.

  • Պարզ խոսքով ՝ վեբ հոստը այն վայրն է, որտեղ ձեր կայքը տեղավորվում է, և որտեղ ձեր այցելուները կարող են գտնել այն: Ինչ-որ կերպ, վեբ-կայքերի համար վեբ հոստերը մարդկանց նման են բնակարանների: Կափարիչի տակ վեբ հոստերը այն ընկերություններն են, ովքեր վարձակալում են իրենց սերվերները փողի դիմաց (… փոքր բնակարաններ ձեր կայքերի համար).
  • Սկսելու համար կկատարվի համընդհանուր հոստինգի պլան: Դուք կարող եք ձեռք բերել դրանք ամեն ինչի համար, սկսած նույնքան ցածր, որքան $ 3 / ամիսը: Ահա սիրված համացանցային հաղորդավարների գեղեցիկ համեմատությունը: Ստուգեք այն և որոշեք, թե այդ ընկերություններից որն է ձեզ ճիշտ համարում: Այնուամենայնիվ, մեր առաջարկությունները վերաբերում են SiteGround- ին, A2- ի հոստինգին և Dreamhost- ին.

Դոմեններ.

  • Եթե ​​վեբ հոստը բնակարան է, ապա դոմեյնը այդ բնակարանի հասցեն է: Օրինակ, այս կայքի տիրույթը hostingfacts.com է.
  • Սկսելու ձևը ձեր նախընտրած տիրույթի անունն ընտրելն է, այնուհետև այն գնել գրանցողից: Ահա համապարփակ ուղեցույց այն մասին, թե ինչպես կարելի է գնել դոմենի անուն, և ահա դոմենային անունների գեներատորների ցուցակը.

 

Դոմեյն անուն ընտրելու առաջարկներ և խորհուրդներ

Լավ, այնպես որ, դոմեյնային ռեգիստրների ինչ-որ տեղ գնալը և իրականում դոմեյն գնելը մի բան է, բայց ինչպես եք ընտրել ճիշտ տիրույթի անուն?

Մի քանի դպրոց կա.

  • Բրենդավորված դոմեյն անուններ. Դրանք տիրույթներ են, որոնք բաղկացած են գոյություն չունեցող բառերից: Մտածեք, Google.com- ի կամ Yahoo.com- ի նման բաներ: Մինչ այդ ընկերությունների գալը, այդ խոսքերը ոչինչ չէին նշանակում: Ֆիրմային դոմենային անվանման գլխավերևում այն ​​է, որ այն… լավ, շատ ապրանքանիշային, հիշարժան և հեշտ է տարբերակել ձեր կայքը մյուսներից.
  • Հիմնաբառերի վրա հիմնված անուններ. Դրանք բաղկացած են գոյություն ունեցող բառերից ՝ տեղադրված հաջորդականությամբ, որը նկարագրում է կայքի նպատակը: Մտածեք ՝ Pizza.com- ի կամ StartBloggingOnline.com- ի նման բաներ: Նման դոմեյն անունով ձեր այցելուները կկարողանան ճշգրիտ կանխատեսել այն տեսակի վեբ կայք, որը նրանք պարզապես պատրաստվում են այցելել: Դրական է, որ այդ տիրույթները, ընդհանուր առմամբ, ավելի քիչ ապրանքանիշ են.
  • Համակցված անուններ. Դրանք ապրանքանիշի տիրույթներ են և միասին հիմնված հիմնաբառեր պարունակող տիրույթներ: Մտածեք ՝ Facebook.com կամ Copyblogger.com: Նման անունները այցելուին առաջարկում են կայքի բնույթի «որոշ» մասը, բայց դրանք առայժմ բարձրակարգ են.

Որոշ ընդհանուր ցուցումներ, անկախ ձեր ընտրած տիրույթի տեսակից.

  • Դոմեյնը դյուրին դարձնել անգիր.
  • Դարձրեք այն կարճ և պարզ. Որքան երկար է տիրույթը, այնքան ավելի խառնաշփոթ է այն.
  • Ստացեք .com (հնարավորության դեպքում). .Com- ը մատչելի «ամենաբարձր մակարդակի տիրույթն» է: Այլևս մի լուծիր.
  • Փորձեք խուսափել կույտերից. Ստացեք ձեր անունը միանգամյա ձևով ՝ «cakerecipes.com» -ի փոխարեն ՝ «cake-recipes.com» -ի փոխարեն:

Այս գլխից հետո պատրաստ բաներ.

  • Դոմենի անուն.
  • Վեբ հաղորդավար.
  • Ձեր պատասխանների թերթիկը `ձեր կայքի նպատակները և այն, թե ինչպես է այն ծառայելու հանդիսատեսին.

Ավելի շատ օգնության կարիք ունե՞ք: Ահա ձեզ համար հետագա ընթերցումը.

  • Ինչու՞ համօգտագործել հոստինգը: Ընդունված հիմնական տիպերը
  • 10 բան, որոնք վեբ սերվերը լավ են դարձնում
  • Դոմենի ճիշտ անունը ընտրելու 12 կանոն
  • Համապարփակ կայք պլանավորման ուղեցույց

ԳԼՈՒԽ 2. Դիզայնը և մետաղալարերը

Վերցրեք մի թուղթ և գրիչ և քերծեք ձեր կայքի կառուցվածքի հետ միասին

Լավ, եկեք մուտքագրենք նախագծման փուլ.

Առաջին հերթին ՝ ահա աշխատանքային էթիկան, որով մենք կցանկանանք անցնել այստեղ.

  • Մենք օգտագործում ենք գրիչ և թուղթ այնքան ժամանակ, որքան հնարավոր է, և միայն դրանից հետո անցնում ենք համակարգչին: Հավատացեք մեզ, ձեր դիզայնի վրա թղթի վրա աշխատելիս ծախսած յուրաքանչյուր րոպեն մեկ ժամ է խնայում, երբ սկսում եք համակարգչում կատարել իրերը.
  • Մենք անում ենք կրկնվող աշխատանքներ … Մենք անում ենք »ստուգում ենք արդյունքները» բարելավում »ստուգում արդյունքները» կրկնում են մինչև վերջ.

1-ին գլխում մենք նշեցինք մի բան, որը մենք անվանեցինք կայքի կառուցման թիվ 1 կանոն: Այժմ ժամանակը # 2 կանոնն է.

Վեբ կայքի կառուցման թիվ 2 կանոն.

Նախ մտածեք բովանդակության մասին.

Բովանդակությունն այն է, ինչ կարևոր է կայքում: Ոչ թե դիզայնը: Բովանդակություն.

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

Երբեք մի սկսեք, թե ինչպես է ձեր կայքը նայում: Սկսեք բովանդակությունից: Բովանդակություն: Բովանդակություն: Բովանդակություն.

Այսպիսով, ի՞նչ նկատի ունենք «բովանդակություն» բառը: Մի խոսքով, դա այն բանն է, որ մարդիկ ուզում են ստանալ ձեր վեբ կայքից: Բլոգի հաղորդագրություններ, խանութի ապրանքներ, ֆորումի թեմաներ, եթե ֆորում եք ստեղծում, նորություններ հոդվածներ, ձեր բիզնեսի առաջարկ և այլն.

«Իսկապես: Տեսքը իսկապես նշանակություն չունի »: – Դուք հարցնում եք.

Փոխանակ մեզ դա ծեծելու փոխարեն, դուրս գրեք այս էջից.

Հասարակ կայք

Այս պարզ վեբ էջը առայժմ լավագույն բացատրությունն է այն բանի համար, թե որն է դիզայնը և ինչ նպատակով է այն ծառայում առցանց.

Այսպիսով, հիշեք, բովանդակությունը նախ!

Վեբ կայքի բովանդակությունը և կառուցվածքը

Լավ, այնպես որ, քանի որ բովանդակությունն ամենակարևորն է, հարկավոր է նախապես պատրաստել այն (հիմնականում): Կամ գոնե պետք է լավ պատկերացում ունենաք, թե որքան բովանդակություն է լինելու և ինչ ձևով.

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

Հաջորդ քայլը ձեզ համար անհրաժեշտ էջերի անհատական ​​տիպերն առանձնացնելն է (ինչպիսին է գլխավոր էջը, ապրանքի էջը, կատեգորիայի էջը, էջի մասին, կոնտակտային էջ, վաճառքի հիմնական էջը, որոշ տեղեկագրերի բաժանորդագրման վայրէջքի էջ, բլոգի հիմնական ցուցակագրումը, անհատական ​​գրառումները, գուցե խանութը և ամեն ինչ, ինչը անհրաժեշտ է թվում).

Մտածեք ՝ ո՞րն է կայքում ձեր բովանդակությունը կազմակերպելու ամենաարդյունավետ միջոցը?

Այս ամենը արեք թղթի վրա: Դա, հավանաբար, ձեզ համար ավելի հեշտ և արագ կլինի, քան տեղում սովորել գծապատկերային գծապատկերների մի ծրագիր.

Օրինակ:

բովանդակություն-կառուցվածքը

Միասին քերծեք Wireframe

Վեբ ձևավորման մեջ գաղտնալսվածքը պարզապես էջի սխեմատիկ կամ նախագիծ է. Վիզուալ ուղեցույց, որը ներկայացնում է կայքի շրջանակը (Վիքիպեդիան մեզ ասում է).

Wireframes- ը հիանալի է: Մենք օգտագործում ենք դրանք այն ամենի համար, ինչ անում ենք, ինչը նախատեսված է առցանց հայտնվել: Օրինակ ՝ ահա այս ուղեցույցի համար նախատեսված գաղտնի ծածկագիրը.

Միասին փորագրեք մետաղալար

Ինչպես տեսնում եք, դա կրկին թղթի վրա է: Չնայած որ այս տեսակի աշխատանքի համար կան բազմաթիվ ծրագրեր, մենք իրականում խորհուրդ չենք տալիս օգտագործել դրանք: Դրանք գուցե լավ կլինեն մասնագետ դիզայներների համար, բայց սկսնակը կամ միջնորդը միայն կկորցնեն իրենց սովորելու ժամանակը, և, ի վերջո, նրանք գրոշի և թղթի միջոցով շատ բան չեն բարելավելու այն, ինչին կհասնեին:.

Այսպիսով, ինչպես գաղտնալսել?

Դե, կա երկու մոտեցում, եթե դուք սկսնակ եք.

  • Գնացեք հոսքի հետ, եթե ձեզ ուժեղ եք զգում և պարզապես քաշեք (ոչ միշտ է կատարյալ լուծում).
  • Ձեռք բերեք արագ գիտելիքներ այն մասին, թե ինչպես պետք է պատշաճ կերպով ծածկել շրջանակը (սովորաբար ավելի լավ).

Վերջինիս համար գնացեք այստեղ `հիանալի ուղեցույց.

(Համոզվեք, որ ստեղծեք նախորդ կարևոր քայլի էջի յուրաքանչյուր կարևոր տեսակի գաղտնի ծածկագիր):

Այս գլխից հետո պատրաստ բաներ.

  • Կայքի բովանդակության մեծ մասը կամ գոնե դրա մեծ մասը կանխատեսել է (օրինակ, եթե ապավինում եք օգտվողի կողմից ստեղծված բովանդակությանը, ապա դժվար է նախապես դա ունենալ).
  • Ձեր կայքի բովանդակության կառուցվածքը պատրաստվել է որպես գրաֆիկ.
  • Ձեզ անհրաժեշտ էջերի անհատական ​​տիպի ծածկագիր.

Հետագա ընթերցում.

  • 9 քայլ `կայքի բովանդակության պլանավորման համար
  • Նոր եք վեբ ձևավորման համար: Սկսիր այստեղ.

ԳԼՈՒԽ 3. UX և UI

Երբեք մի թերագնահատեք օգտագործողի փորձի և օգտագործողի միջերեսի կարևորությունը

Ինչ վերաբերում է օգտագործողի փորձին և օգտագործողի միջերեսին.

WebDesignerDepot- ը մեզ տալիս է երկուսի բավականին բանաստեղծական սահմանում.

UI- ն թամբն է, իրարանցումները և թագավորությունները.

UX- ն այն զգացողությունն է, որ դուք կարող եք ձիավարել ձիով և պարանով անասուններ ձեռք բերել.

Ավելի գործնական սահմանման համար.

  • UI- ն այն է, ինչ օգտվողը տեսնում է, երբ նայում է ձեր կայքին.
  • UX- ն այն է, թե ինչպես են նրանք զգում այդ մասին.

Զույգը և որքանով այն կատարված, ըստ էության սահմանում է ձեր վեբ կայքի օգտակարությունը վերջնական օգտագործողի / այցելուի համար.

Թե UX- ը, թե UI դիզայնը ինքնին մեծ թեմաներ են, և կան շատ ավելի փոքր տարրեր, որոնք դեր են խաղում վերջնական արդյունքի մեջ.

Կարճ ասած, շատ բան կա սովորելու, թե հենց նոր եք սկսում ձեր ճանապարհը.

Այսպիսով, մեր փոխարեն փորձելով խստացնել UX և UI դիզայնի մի ամբողջ դասընթաց այստեղ, եկեք ուղղակի մատնանշենք մի քանի կարևոր տարրեր, այնուհետև ձեզ ուղարկենք այլ տեղ ՝ հետագա ընթերցման համար.

Օգտագործողի նպատակները

UX- ը վերաբերում է օգտագործողի նպատակներին … Ձեր նպատակներից ոչ այնքան … Օգտագործողի նպատակները.

Լավ, ի՞նչ է դա նշանակում: Նախևառաջ վերադառնանք ձեր կայքի նպատակին `այն բանը, որի վրա աշխատել եք նախորդ գլուխներում: Այն պատճառը, թե ինչու եք ստեղծում կայքը և ինչպես է այն օգնում օգտագործողին / այցելուին.

Ինչպե՞ս է այն վերածվում այցելուի նպատակի: … Ո՞րն է այն մի բանը, որ այցելուը ցանկանում է ձեռք բերել կամ հասնել, երբ նրանք գան ձեր կայք: Դա նրանց նպատակն է.

Որքան հեշտ են այդ նպատակները հասնելու համար?

Հաջորդը ՝ կենտրոնացեք հետևյալ հարցի վրա.

  • Կարո՞ղ է այցելուը հեշտությամբ հասնել իրենց նպատակին: – Կարո՞ղ են պարզ ձևով հասնել իրենց ստացած տեղեկատվության ճշգրիտ բաժին?

Դրան պատասխանելու համար հարկավոր է վերադառնալ ձեր ծածկապատկերին, բովանդակության կառուցվածքին և կրկնակի ստուգել իրերը.

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

Ըստ էության, այստեղ մենք համոզվում ենք, որ կայքը ձեր այցելուներին արժեք է տալիս.

Դժվար է այս ամենը ինքնուրույն պարզել, այդպես չէ?

Խստորեն խորհուրդ է տրվում ստուգել այս գլխի «հետագա ընթերցման» բաժնում նշված աղբյուրները… բայց կարող եք փորձել նաև «հակեր», այսպես ասած.

Այսինքն ՝ մտածեք, թե ինչն է ձեզ հիասթափեցնում, երբ այցելում եք այնպիսի կայքեր, որոնք նման են մեկին, որը ցանկանում եք կառուցել: Գուցե կան որոշ տեղեկություններ, որոնք իսկապես դժվար է հասնել կամ ինչ-որ ինտերֆեյսի տարր, որը կայքը շփոթեցնում է.

Գրառումներ կատարեք, եզրակացություններ արեք և միևնույն սխալները մի կատարեք ձեր կայքի հետ.

Զգացմունքն օգտագործել որպես գործիք

Ձեր կայքի UI- ի և UX- ի վրա աշխատելիս, այն, ինչին հիմնականում ուղղված եք, ձեր այցելուում որոշակի հույզեր հրավիրելն է.

Դուք ցանկանում եք, որ նրանք զգան որոշակի ձև, ինչը նրանց համոզելու է, որ իրենք որոշակի ձևով գործեն: Այսպիսով, ձեր կայքը իսկապես օգտակար դարձնելով.

Աշխատանքի հուզական մասի վրա աշխատելու համար լավագույն գործիքներից մեկը գույնն է.

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

Երբ հայտնվեք գնդակի գծում, թե ինչ գույներով եք ուզում (հնարավոր է) օգտագործել, գույների հետ աշխատելիս ահա մի քանի ընդհանուր ուղեցույց.

  • Ընտրեք մեկ հիմնական գունային սխեման, որը բաղկացած է մի քանի գույներից, որոնք լավ են ընթանում միասին: Ահա գունային սխեմաների մեծ գեներատոր.
  • Ընտրեք մեկ գույն, որը կլինի ձեր շեշտադրման գույնը. Գույնը, որը կօգտագործվի գործողության կոճակների վրա, կոճակներ ձեռք բերելու համար և այլն:.

Տիպագրություն

Շատ դեպքերում, տպագրությունն այն է, որտեղ դուք շահում եք (կամ կորցնում եք) կայքի կառուցման խաղը.

Դա այնքան հեշտ է, որ կարելի է ամբողջությամբ մոռանալ տպագրության մասին և պարզապես օգտագործել Arial- ը ամեն ինչի համար.

Խորհուրդ չի տրվում.

Այս օրերին սովորական տառատեսակների հետ աշխատելը շատ հեշտ է, և ձեզ հարկավոր չէ նույնիսկ որևէ բան անել տեխնիկական ՝ ձեր կայքում այդ սովորական տառատեսակները հնարավոր դարձնելու համար.

Խոշոր, հիանալի տպագրությունն այս օրերին շատ նորաձև է, և դա նաև հեշտացնում է դիզայներների աշխատանքը, հատկապես սկսնակ դիզայներների աշխատանքը:.

Ստուգեք այս կայքը, օրինակ.

բոնոբոս

Ոչինչ նկատե՞լ եք: Այո, տառատեսակները հսկայական են, և դրանք հիանալի տեսք ունեն!

Ահա, թե ինչպես կարելի է աշխատել այս ուղղությամբ.

  • Ընդհանուր առմամբ, յուրաքանչյուր կայքի ձևավորման համար հարկավոր է տեքստի երկու տեսակ. վերնագրեր և կետեր. Շատ դեպքերում, յուրաքանչյուրից ընդամենը մեկ տառատեսակ կանի.
  • Գնացեք Google Fonts – Google- ի անձնական տառատեսակների անհատական ​​գրադարան, որը կարող եք օգտագործել ձեր կայքում – և փնտրեք վերնագիր տառատեսակ, որը դուք իսկապես վայելում եք.
  • Հետո վերցրեք այդ տառատեսակի անունը և փնտրեք այն Font Pair- ում `դա նախապես պատրաստված տառատեսակների զուգադիպություն է, որը լավ է ընթանում միասին.
  • Ընտրեք զույգ, որը հիանալի տեսք ունի.
  • Նշեք երկու տառատեսակների անունները, դրանք ձեզ ավելի ուշ պետք կլինեն.

Դա անել այս եղանակով կարագացնի ձեր գործընթացը և դեռ ձեզ հիանալի արդյունք կտա.

Օրինակ ՝ Google Fonts- ում մենք գտանք մի տառատեսակ, որը կոչվում է Bree Serif:

Bree-Serif- ը

Այնուհետև մենք այն տարան Font Pair, և կայքը առաջարկեց, որ Bree Serif- ը լավ անցնի Open Sans- ի հետ: Կատարյալ:

Bree-Serif- ը `բաց

Վերջնական կառուցվածքը

Վերջապես, վերջին քայլը!

Այս գլխի ամբողջ իմաստն այն է, որ վայրէջք կատարեք այն վերջին դասավորության / կառուցվածքի վրա, որը պատրաստվում եք օգտագործել ձեր կայքի համար: Այս պահին դուք պարզապես պետք է վստահ լինեք այն նախագծերի և UI- ի հետ կապված այն բաների մասին, որոնք ցանկանում եք անել.

Այս գլխից հետո պատրաստ բաներ.

  • Ձեր օգտվողի նպատակները հստակ նշված են.
  • Ձեր wireframe- ը կրկնակի ստուգվել է ՝ համոզվելու համար, որ այդ նպատակները խառնաշփոթ չեն.
  • Ընտրված գունային սխեման.
  • Տպագրությունը պարզվեց.
  • Վեբ կայքի ձեր ամբողջ դասավորությունը / կառուցվածքը / կազմակերպությունը.

Հետագա ընթերցում. 

  • UX ամսագիր
  • UX տաղավար
  • Հոգեբանությունն ու զգացմունքները գույնի հետևում վեբ ձևավորման մեջ
  • Ի՞նչ է օգտագործողի փորձի ձևավորումը: Ակնարկ, գործիքներ և ռեսուրսներ
  • Խելացի բիզնեսի նպատակներ ստեղծելը կայքի համար
  • Արդյունավետ տպագրություն ստեղծելու 8 կանոն

ԳԼՈՒԽ 4. WordPress, HTML կամ ձևանմուշներ?

Որոշեք, թե որ երթուղին է գնում ՝ բովանդակության կառավարման համակարգեր կամ զրոյացրեք այն զրոյից

Ահա, որտեղ սկսվում է իրական, ձեռքերը կեղտոտ, ներքևի գլխարկով աշխատանքը!

Սա, հավանաբար, գործընթացի ամենասարսափելի մասն է (ընդունեք այն):.

Մի անգամ, ճիշտ ժամանակն է գրիչը և թուղթը մի կողմ դնել և սկսել աշխատել որոշ ծրագրաշարերով.

Եվ դարպասից դուրս, մի ​​տոննա հարցեր կան …

  • Պետք է HTML սովորեմ?
  • Ինչ վերաբերում է CSS- ին?
  • Պատրաստի HTML վեբ կայքի ձևանմուշները հնարք կլինեն ինձ համար?
  • Արդյո՞ք պետք է PHP- ի պես ծրագրավորման լեզու սովորեմ?
  • Ես լսել եմ, որ WordPress- ը կայքի ստեղծման ձևն է այս օրերին.
  • Ես տեսա այդ Squarespace Super Bowl- ի գովազդը: Ինչ է դա կապված?
  • Ինչ է կոչվում Joոմլա անունով այս բանը: Կամ Դրուպալ?
  • և՛ վրա, և՛ վրա և այլն.

Դրանց բոլորի պատասխանը ՝ այո.

Ինչ վերաբերում է, այո, դուք կարող եք անել այս կամ այն ​​ամենը, կամ միայն ձեզն է որոշում կայացնել, թե որ ուղին ընտրել.

Այն, ինչ մենք փորձում ենք ասել, այն է, որ այստեղ # 1 լավագույն մոտեցում չկա: Ամեն ինչ կախված է նրանից, թե որքանով եք ցանկանում զբաղվել վեբ կայքերի մշակմամբ, վեբ կայքի կառուցման հիմունքներից որքանով եք ուզում սովորել, թե որքան արագ է հարկավոր կատարված որակյալ կայք և որքան ցանկալի է, որ ցանկանում եք, որ այն հետո լինի:.

Ահա, թե ինչպես ենք մենք պատրաստվում անցնել այս գլխից առաջ: Առաջին, ընտրեք այն անձնավորությունը, որը ձեզ լավագույնս սահմանում է.

  • ա) Ես ուզում եմ իմանալ, թե ինչի մասին է վեբ զարգացումը, բոլոր հիմունքները, վեբ կայքի ներքին բոլոր աշխատանքները և վեբ կայքի աշխատանքը դարձնող բոլոր մեխանիզմները.
  • բ) Ես ուզում եմ սովորել, թե ինչպես օգտագործել հուսալի վեբ կայքեր, որը պատրաստվում է ծանրաբեռնվածության մեծ մասն ինձ համար.
  • գ) Չգիտեմ ինչ անել: Ես պարզապես ցանկանում եմ մի կայք, որը ես կարող եմ ինքս ստեղծել, և որը կգործի ինչպես հարկն է.

Պատասխանել ա)? Գնացեք դեպի Գլուխ 5.

Պատասխանեց բ)? Գնալ դեպի Գլուխ 6.

Պատասխանված գ)? Ազատորեն ստուգեք այս հոդվածը և այնուհետև վերադառնաք (այն կօգնի ձեզ ընտրել կատարյալ ուղին).

  • Վերանայվել են 8 լավագույն բլոգավարման և վեբ-կայքերի կառուցման պլատֆորմներ … Յուրաքանչյուր հարթակ նկարագրված է իր կողմնակիցների և դեմքերի հետ միասին, և ռեսուրսն առաջարկում է նաև լավագույն մատչելի ընտրությունը (Wix կամ SB) ձեր հատուկ կարիքների համար:.

Կարդացե՞լ եք: Հիանալի: Այսպիսով, վերը նշված անձերից որն է ձեզ ամենալավը նկարագրում – ա) կամ բ)?

Այն գործիքները, որոնք կարող են օգտակար լինել ճանապարհին.

  • Գրաֆիկա ՝ Paint.NET, Gimp, Pixlr.
  • Կոդ գրել. Նոթատետր ++, TextWrangler, SublimeText.
  • Աշխատանքի կառավարում.
  • Դիզայն ՝ գունային սխեմաներ, Google տառատեսակներ, գործիքներն այստեղից.
  • Լուսանկարչություն ՝ Unsplash, AllTheFreeStock

ԳԼՈՒԽ 5. HTML, CSS ներածություն & Javascript

Ինչպե՞ս են կայքերը ներկառուցված իրականություն

Այս գլխում մենք պատրաստվում ենք մատնանշել վեբ զարգացման մերկ հիմքերը, բացատրել ամենակարևոր պայմանները, այնուհետև ուղարկել ձեզ որոշակի ռեսուրսների, որտեղ կարող եք հետագայում կատարել ձեր գիտելիքներն ու հմտությունները.

HTML

HTML- ը կայքերի լեզուն է: Յուրաքանչյուր կայք ինչ-որ պահի կառուցվում կամ վերափոխվում է HTML.

Օրինակ ՝ այստեղ կարդացող այս ուղեցույցի HTML կառուցվածքը տեսնելու համար պարզապես սեղմեք «Ctrl + U» ձեր ստեղնաշարի վրա.

HTML- ը սահմանում է ձեր կայքէջում տեսած յուրաքանչյուր բլոկ: Օրվա վերջում որևէ կայքէջում որևէ բան ցուցադրելու համար հարկավոր է այն վերափոխել HTML.

HTML- ն արդյունավետ սովորելու համար խորհուրդ ենք տալիս գրանցվել համացանցում առկա (անվճար կամ վճարովի) դասընթացներից որևէ մեկի վրա: Լավագույններից ոմանք կարելի է գտնել Codeacademy- ում կամ Treehouse- ում.

Օրինակ ՝ ահա Codeacademy- ի հատուկ բաժինը ՝ ամբողջ HTML և CSS.

CodeCademy- ի գլխավոր էջ

Այնպես որ, սա համապարփակ մոտեցում է HTML- ին.

CSS

CSS- ը `ձանձրալի տեխնիկական մանրամասները բաց թողնելու համար, պատասխանատու է վեբ էջում տեսանելի ամեն ինչի համար.

CSS- ն վերցնում է HTML պիտակները, այնուհետև կառուցվածքները և դրանց վրա ոճավորում է ավելացնում: Նման բաներ ՝ համարձակ տեքստ, գույների ճշգրտում, ստվերներ, դասավորություն, նույնիսկ անիմացիա, այժմ արվում են հիմնականում CSS- ով.

Ավելի լավ հասկանալու համար, թե ինչպես է դա գործում ճիշտ, հուսալքվեք այս արագ դասընթացին Codeacademy- ում.

Ավելի խորը ուսուցման համար ստուգեք նաև CSS բաժինները կամ Codeacademy- ի կամ Treehouse- ի վրա.

JavaScript, jQuery, Bootstrap և այլն.

JavaScript- ը ծրագրավորման լեզու է, որը հնարավորություն է տալիս ներդնել որոշ դինամիկ գործողություններ ձեր կայքում: Օրինակ, կարող եք այնպիսի բաներ անել, ինչպիսիք են վավերացված վեբ ձևերը կամ շփվել օգտագործողի հետ ավելի պարզունակ եղանակով ՝ առանց դրանց վերաբեռնման էջը վերբեռնելու: Ահա մի գեղեցիկ ձեռնարկ `w3schools- ի կողմից.

Հաշվի առնելով դա, jQuery- ը JavaScript- ի գրադարան է, որը թույլ է տալիս ստեղծել առաջադեմ իրեր `ավելի քիչ կոդավորմամբ: Շատ հարմար է վեբ մշակողի համար: Իմացեք ավելին այստեղ.

Վերջապես, Bootstrap- ը շատ հետաքրքիր գյուտ է: Սկզբնապես ներդրվել է Twitter- ի կողմից, այն հիմնականում առջևի միջավայր է, որը արագացնում է վեբ կայքի կառուցման գործընթացը ՝ հասցնելով արդեն իսկ կառուցված բոլոր կայքի տարրերի մեծ մասը: Դա հնչում է բարդ, այդպես չէ?

Բայց դա այդպես չէ: Պարզապես ստուգեք այս մեկնարկային դասընթացը Codeacademy- ում (ի դեպ, այսպես մենք սովորեցինք Bootstrap- ը).

Այս գլխից հետո պատրաստ բաներ.

  • Ըստ էության, ձեր HTML / CSS կայքի առաջին նախագիծը ամբողջությամբ կառուցված է: Այնտեղից կարող եք սկսել այն կրկնել և բարելավել վերջնական արդյունքը.

ԳԼՈՒԽ 6. Կայքի կառուցման հարթակներ

Կարգավորեք ձեր առաջին կայքը: Փորձեք անվճար վեբ կայքեր, ինչպիսիք են WordPress- ը, Joomla- ն կամ Drupal- ը

Գլուխ 6. Վեբ կայքերի կառուցման հարթակներ

  • SquareSpace
  • WordPress- ը
  • Omոմլա & Դրուպալ

Այնտեղ ավելի շատ կայքեր կառուցողներ կան, քան կարող եք փայտ թափահարել: (Եթե դուք այն տեսակն եք, ով ցնցում է իրերը:)

Լավ, մի կողմ կատակներ.

Պարզ է, որ եթե ցանկություն չունեք սովորել, թե ինչպես ձեռքով կոդավորել իրերը, դրանք, անշուշտ, բազմաթիվ լուծումներ են, որոնք կարող են օգնել ձեզ.

Նշում. Խնդրում ենք հաշվի առնել, որ այն ամենը, ինչը մենք քննարկեցինք 1-4 գլուխներում, դեռ կիրառվում է այստեղ: Նույնիսկ եթե դուք գնում եք կայքերի լուծման միջոցով, որը ձեռնտու է, միևնույն է, պետք է զգույշ լինեք `վերջնական արտադրանքը բարեկամական դարձնելու համար օգտագործողներին և համահունչ լինելով բոլորի նպատակներին: Այդ կայքի ստեղծման գործիքները հենց դա են… գործիքները.

Սկսելով նրանցից, որոնք ամենադյուրին հասկանալն է.

SquareSpace

Միակ վեբ կայքէջը, որը գովազդում է Սուպերգավաթի ընթացքում.

Մի խոսքով, շատ հարմար լուծում, որը կարող է օգտագործվել որևէ մեկի կողմից: Նախնական հմտություններ չեն պահանջվում.

Այն թույլ է տալիս կառուցել դասական կայքեր, բլոգեր, նույնիսկ էլեկտրոնային առևտրի խանութներ, որոնց մասին մենք նույնիսկ գրել ենք ակնարկ: Ինտերֆեյսը և դրա օգտագործման ամբողջ գործընթացը բավականին հեշտ է հասկանալ, գումարած, որ Squarespace- ի տղաները տալիս են շատ հետաքրքիր դասընթացներ: Ստուգեք դրանք այստեղ.

WordPress- ը

Անկեղծ ասած, մենք սիրում ենք WordPress- ը.

Ժամանակի մեծամասնությամբ, այն կատարյալ հարթակ է վեբ կայք ստեղծելու համար: Այն կատարյալ հավասարակշռություն ունի բարդության և օգտագործման հեշտության միջև, և այն հիմնականում անվերջ կարգավորելի է.

WordPress անիմացիա

Բացի այդ, այն ներկայումս նրանցից ամենատարածված վեբ կայքն է: Ինչպես փոխանցում է WordPress- ի ստեղծող – Matt Mullenweg- ը, WordPress- ն այժմ լիազորում է ամբողջ ինտերնետի 25% -ը: Կարո՞ղ են բոլոր մարդիկ սխալվել?

Լավ, այնպես որ WordPress- ով սկսելու համար ձեզ հարկավոր է միայն ձեր տիրույթը և հոստինգը: WordPress ծրագիրը ինքնին անվճար է.

Սկսելու համար, ազատ զգալ հետևեք այս ուղիներից մեկին.

ա) «Արագ մեկնարկի ուղին»

  • Գնացեք այստեղ ՝ սովորելու WordPress- ի տեղադրման և ձեր կայքը ցերեկային ժամին գործարկելու պարզեցված եղանակը.
  • Ընտրեք անվճար թեման պաշտոնական գրացուցակից. Համոզվեք, որ այն համահունչ է ձեր կայքի նպատակներին, և որ դասավորությունը / ձևավորումը հեռու չէ ձեր ցանկալի կառուցվածքից (պատրաստվում եք դա մի փոքր կարգավորել).
    • Ստուգեք այս երկու ռեսուրսները ՝ սովորելու համար, թե ինչպես հարմարեցնել գոյություն ունեցող թեման.
    • Այլընտրանք, դուք կարող եք ընտրել մի քանի նպատակներով պրեմիում թեման, որը կարող է ճշգրտվել հարմարավետ միջերեսի միջոցով (դրանում ներառված չէ կոդավորումը): X թեման այսպիսի բանի լավ օրինակ է.
  • Լրացուցիչ լրացուցիչ հնարավորություններ ստանալու համար տեղադրեք ամենատարածված և լավագույն հավելյալներից մի քանիսը.

բ) «խորքային ուղին»

  • Սկսեք սովորել WordPress- ը առցանց դասընթացի միջոցով: Treehouse- ը առաջարկում է հիանալի մեկը.
  • Ընտրեք ձեր թեման և հավելվածները ճիշտ ինչպես վերևում: Այլապես, կառուցեք ձեր սեփական թեման `վերևից.

Ի վերջո, WordPress- ը, հավանաբար, շուկայում առավել բազմակողմանի վեբ կայք է: Դրանով դուք կարող եք կառուցել գրեթե ցանկացած տեսակի կայք, ոչ միայն բլոգեր կամ պարզ բիզնես կայքեր: Ահա WordPress- ի օգտագործման 47 (!) Տարբեր եղանակների ցուցակը ՝ պարզապես ձեզ մտածելու համար.

Omոմլան և Դրուպալը

Չնայած մի փոքր տարբերվում են միմյանցից, Joomla- ն և Drupal- ը երկուսն էլ բովանդակության կառավարման հիանալի համակարգեր են ավելի առաջադեմ վեբ նախագծերի համար.

Դրանք այնքան էլ ուժեղ նախագծված չեն, բայց դրանք շատ հարմարեցված են և ունակ են մշակել ցանկացած տեսակի կայք, որը կարող եք ծրագրել.

Ժամանակ առ ժամանակ, կախված ձեր նախագծի բարդությունից, նրանց կարող է շատ ավելի շատ ժամանակ պահանջվել տիրապետելու համար և դրանում շատ ավելի մեծ ջանքեր գործադրեք.

Ավելի խորը մարզման համար Lynda.com- ում կան հիանալի դասընթացներ, ինչպես Joomla- ի, այնպես էլ Drupal- ի համար.

Այս գլխից հետո պատրաստ բաներ.

  • Ձեր վեբ կայքի առաջին նախագիծը ամբողջությամբ կառուցված է ՝ անկախ նրանից, որ որոշեցիք օգտագործել WordPress- ը կամ որևէ այլ հարթակ.
  • Համոզվեք, որ այն համահունչ է ձեր նախնական նպատակներին, թիրախային լսարանին և լավ UX- ին է մատուցում.

ԳԼՈՒԽ 7. Բջջային պատասխանատու դիզայնը

Համացանցը դիտելու համար մարդկանց ավելի քան 60% -ը օգտագործում է բջջային հեռախոսներ և պլանշետներ

Բջջային արձագանքումը այժմ վեբ կայքերի կառուցման շատ կարևոր կողմ է, հավանաբար ավելին, քան երբևէ.

Ահա թե որն է ամբողջ հարցը.

Ըստ էության, հենց հիմա ավելի շատ մարդիկ կան, ովքեր բջջային սարքեր են օգտագործում համացանց մուտք գործելու համար, քան երբևէ: Փաստորեն, գնահատվում է, որ այժմ կան ավելի շատ բջջային ինտերնետ օգտագործողներ, քան աշխատասեղան ինտերնետի օգտագործողները (75.1% ընդդեմ 52.7%).

Բայց խնդիր կա.

Վեբ կայքերի յուրաքանչյուր դիզայն օպտիմիզացված կլինի շարժական սարքերում դիտելու իրավունքից.

Որոշ ընդհանուր խնդիրներ ներառում են.

  • տառատեսակները շատ փոքր են,
  • դասավորությունն ինքնին ընդհանրապես չի հարմարվում փոքր էկրանին,
  • կամ այն ​​կայքը, որն օգտագործվում է բջջային ցանցում մատչելի չլինելու համար.

Հենց այստեղ է գործարկվում բջջային արձագանքման գաղափարը.

Պատասխանատու կայքը պատասխանում է այն միջավայրին, որի վրա դիտվում են: Եթե ​​դա աշխատասեղանի համակարգիչ է, կայքը մատուցում է որոշակի ձևով: Եթե ​​դա շարժական է, այն մատուցում է այլ եղանակով.

Ահա ավելի լավ բացատրություն. Ո՞րն է կարիքը պատասխանատու վեբ ձևավորմանը?

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

Եթե ​​խնդիրներ կան, դուք պետք է դրանք շտկեք.

Որոշ լուծումներ.

  • Պատասխանատու վեբ ձևավորում `ինչպես-ինչպես
  • Ինչպե՞ս վեբ-կայքի պատասխանատու դարձնել շուրջ 15 րոպեի ընթացքում

ԳԼՈՒԽ 8. Այն բոլորը միասին բերելը

Դուք գիտեք հիմունքները, հիմա հերթը ձերն է

Կանգնեցեք, մենք գրեթե այնտեղ ենք!

Սա մեր վերջին երկար ճանապարհի վերջին գլուխն է.

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

Մի խոսքով, կոնգրադներ: Բայց դեռ մի քանի բան էլ արժե անել.

  • Կրկնակի ստուգեք մեր քննարկած բաները 1-ին և 2-րդ գլուխներում: Համոզվեք, որ նպատակներն իսկապես գործում են վերջնական օգտագործողի համար, և որ կայքը չի շփոթեցնում.
  • Վավերացրեք ձեր ծածկույթի կառուցվածքը W3C- ի նշագրման վավերացման ծառայության միջոցով.
  • Ստուգեք, թե կայքի հետ կապված անվտանգության որևէ խնդիր չկա: Դրա համար օգտագործեք սկաները Sucuri- ի կողմից.
  • Հետադարձ կապ համայնքից: Ստուգեք, թե ինչ են մտածում այլ մարդիկ ձեր աշխատանքի մասին: Sitepoint- ի ֆորումները կարող են լավ լինել դրա համար.

Եթե ​​սա ձեր ռեսուրսի առաջին կարդալն է, ապա մենք իսկապես խրախուսում ենք ձեզ մի քանի անգամ վերադառնալ դրան և վերաբերվել այն որպես հղման ֆայլ ձեր հետագա կրթության համար.

Ինչպես մենք ասացինք սկզբում, ազատ զգալ օգտագործեք TOC- ն և նավարկեք գլուխից գլուխ և ռեսուրսներ դեպի ռեսուրս, ինչպես տեսնում եք տեղին.

Վերջապես, մենք հետաքրքրասեր ենք… ո՞րն է ձեր ամենամեծ մարտահրավերը, երբ խոսքը վերաբերում է կայքի կայացմանը, վեբ զարգացմանը կամ դիզայնին: Խնդրում ենք կիսել մեկնաբանություններում կամ Twitter- ի միջոցով: Մենք բոլորս ականջներ ենք!

Շնորհակալ եմ կարդալու համար, հիանալի եք!

  • Ընդհանուր 116
  • Facebook116
  • Twitter0
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map