Ինչպես գրել Վեբ էջերը բջջային սարքերի համար

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

Բայց իրականում ուզում եք ձեր էջը պարզապես աշխատել: Դիզայներների մեծ մասը ցանկանում է, որ իրենց էջերը փայլեն:

Երբ դուք կառուցեք վեբ էջ , դուք պետք է մտածեք, թե ով է դիտելու այն եւ ինչպես են դրանք դիտելու: Լավագույն կայքերից մի քանիսը հաշվի են առնում, թե ինչ տեսակի սարքի էջը դիտվում է, ներառյալ բանաձեւը, գունային ընտրանքները եւ մատչելի գործառույթները: Նրանք պարզապես չեն ապավինում սարքի վրա, պարզելու համար:

Բջջային սարքերի համար կայքի կառուցելու ընդհանուր ուղեցույցներ

• Փորձեք որքան սարքեր, որքան կարող եք: Առաջին բանը, որ դուք պետք է անեք, ձեր կայքը դիտում է iPhone- ում եւ ինչպես շատ տարբեր բջջային սարքեր կամ էմուլատորներ, որքան կարող եք: Թեեւ դուք կարող եք օգտագործել emulators ձեր բոլոր փորձարկումների, նրանք իսկապես չեն տալիս ձեզ նույն զգացողությունը, ինչպես փորձում է նավարկելու կայքում մի փոքրիկ փոքր էկրանին, այնպես որ, փորձեք իրական սարքեր որքան հնարավոր է.
• Ձեր էջերը դանդաղեցնում են նրբագեղ: Դուք կարող եք գրել ձեր էջերը Flash- ը թույլատրված, լայն էկրանի բրաուզերների համար, բայց համոզվեք, որ քննադատական ​​տեղեկատվությունը տեսանելի է նույնիսկ մի փոքրիկ մոնիտորում, որը չի կարող կարգավորել որեւէ առանձնահատկություններ (օրինակ, թխուկներ, Ajax, Flash, JavaScript, եւ այլն): XHTML Հիմքից բացի որեւէ բան չի լինի որոշ բջջային հեռախոսներից դուրս: Չնայած սմարթֆոնների մեծ մասը կարող է կարգավորել այդ ամենը (բացի Ֆլեշից, իհարկե, iPhone- ում), այլ շարժական սարքեր չեն կարող:
• Կառուցեք անլար կոնկրետ էջ եւ դյուրին գտնեք: Եթե ​​պատրաստվում եք բջջային հեռախոսի եւ անլար հաճախորդների համար հատուկ էջ կառուցել, այն հասանելի դարձնել: Մեծ ճանապարհն այն է, որ ձեր հղիչը անմիջական էջին վերագրեք ձեր փաստաթղթի վերին մասում, այնուհետեւ թաքցնի այդ հղումը ոչ շարժական սարքերից, օգտագործելով շարժական մեդիա տիպը: Ի վերջո, շատերը գալիս են ձեր տուն էջը, նույնիսկ բջջային հեռախոսներում, եւ եթե ձեր անլար էջին հղումը չլինի, թողնեն, եթե էջը չափազանց դժվար է օգտագործել:

Վեբ էջի դասավորությունը սմարթֆոնների համար

Առաջին բանը, որ դուք պետք է հիշեք սմարթֆոնների շուկայի համար գրելիս, այն է, որ դուք չեք ուզում որեւէ փոփոխություն կատարել, եթե չեք ցանկանում: Սմարթֆոնների մեծ մասը վերաբերում է այն, որ նրանք օգտագործում են Webkit բրաուզերները (Safari- ն iOS- ում եւ Chrome- ում Android- ում), վեբ էջեր ցուցադրելու համար, այնպես որ ձեր էջը Safari- ում կամ Chrome- ում նայում է, լավ տեսք կունենա սմարթֆոնների մեծ մասում (ընդամենը փոքր ): Բայց կան բաներ, որոնք կարող եք անել, զննարկման փորձը ավելի հաճելի դարձնելու համար.

• Հիշեք, որ էկրանը փոքր է: Սմարթֆոնները բոլոր սյուները կթողնեն փոքրիկ պատուհանի մեջ, եւ դա կարող է դրանք շատ դժվարացնել, առանց մեծացնելու: Շատ օգտագործողներ օգտագործվում են մեծացնելու համար, բայց դա կարող է հանգստանալ: Տեքստի մեկ երկար սյունակն ավելի հեշտ է կարդալ:
• Բառեր բաժանել փոքրիկ կտորների մեջ: Դժվար է կարդալ տեքստի երկար հատվածներ բջջային հեռախոսում, ուստի դրանք բազմապատկելով էջերը նրանց ավելի հեշտ է կարդալ:

Հղումներ եւ նավիգացիան iPhones- ում

• Որ URL- ները ավելի կարճ են, այնքան լավ: Եթե ​​դուք երբեւէ փորձել եք մուտքագրել բջջային հեռախոսի URL- ի մեջ, դուք կիմանաք, որ դա ցավ է (բացառությամբ, դեռահասների համար, որոնք օգտագործվում են շատ տեքստային հաղորդագրություններ ուղարկելու համար): Նույնիսկ iPhone- ում, ձանձրալի է երկար URL- ներ մուտքագրել: Պահպանեք դրանք:
• Սակայն երկար հղման տեքստը ավելի հեշտ է թակել: Երբ մի էջում, որտեղ մի քանի առանձին բառեր կապված են տարբեր հոդվածների հետ, բոլորը ճիշտ կողքին լինեն, դա կարող է շատ դժվար լինել, առանց խոշորացնել առանց ճիշտ: Շատերը պարզապես հրաժարվում են եւ գնում են ուրիշ տեղ: Նրանց հետ 3-5 բառով հղումներն ավելի հեշտ է սեղմել հեռախոսից, քան մեկ բառով հղումները:
• Ձեր նավիգացիան միացրեք էկրանի վերեւում: Չկա ավելի զայրացնող բան, քան այն, որ էջը պարունակեն էջերի միջոցով եւ հղումներով, ձեր ցանկալի տեղեկությունները գտնելու համար: Եթե ​​դուք նայեցիք բջջային հեռախոսների համար նախատեսված ինտերնետային էջերին, կտեսնեք, որ առաջին բաները, որոնք ցույց են տալիս, բովանդակությունն ու վերնագիրն են: Այնուհետեւ, ներքեւում նավարկություն է:
• Մի վախեցեք թաքցնել ձեր նավարկությունը: Թաքցնել նավիգացիոն հղումները CSS- ով կամ JavaScript- ով եւ դարձնել դրանք միայն այն դեպքում, երբ օգտվողը հարցնում է, թե ինչպես է սմարթֆոնի օգտագործողների համար էջը հեշտ դարձնելը:

Սմարթֆոնների վրա պատկերների վերաբերյալ խորհուրդներ

• Պատկերները պետք է լինեն փոքր: Այո, Android- ը եւ iPhones- ն կարող են zoom եւ unzoom պատկերների վրա , բայց փոքր չափերը, երկուսն էլ չափերի եւ ներբեռնման ժամանակ, ավելի երջանիկ կլինեն ձեր անլար հաճախորդները: Պատկերների օպտիմալացումը միշտ լավ գաղափար է, բայց բջջային հեռախոսի էջերի համար դա կարեւոր է:
• Պատկերները պետք է արագ ներբեռնվեն: Պատկերները վեբ էջերում շատ տեղ են զբաղեցնում, երբ դրանք դիտարկվում են բջջային սարքից: Եվ երբ նրանք հաճախ շատ գեղեցիկ են եւ էջերը ավելի լավ տեսք ունենան, երբ դիտվում են ամբողջական էկրանով վեբ բրաուզերում, նրանք հաճախ ստանում են բջջային սարքով: Plus, երբ սմարթֆոնի օգտագործողը բջջային ցանցում է, վերջին բանը, որը նրանք ցանկանում են վճարել, ներբեռնում են մի մեծ փուչիկների կամ նավիգացիայի պատկերակները:
• Էջի վերեւում մեծ պատկերներ դրեք: Ճիշտ ինչպես նավարկությունով, դա կարող է շատ հոգնեցուցիչ լինել սպասել այն պատկերին, որը վերցնում է 3-4 սքրին, բեռնված էջի վերեւում: Եվ սա խիստ տարածված է վեբ էջերում: Միակ բացառությունն այն է, եթե ընթերցողը գիտի, որ նրանք կստանան պատկեր, երբ նրանք սեղմում են, ասենք պատկերասրահում:

Ինչից խուսափեք բջջային հեռախոսի նախագծման ժամանակ

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

• Flash - ամենաշատ բջջային հեռախոսները չեն աջակցում Flash- ը, այնպես որ դա լավ գաղափար չէ այն ձեր անլար էջերում ներառելու համար:
• Տեղեկանիշներ - շատ բջջային հեռախոսներ չունեն cookie աջակցություն: iPhones- ն ունի cookie- ի աջակցություն:
• Շրջանակներ, նույնիսկ եթե զննարկիչը նրանց աջակցում է, մտածեք էկրանի չափսերի մասին: Շրջանակները պարզապես չեն աշխատում շարժական սարքերի վրա, դրանք շատ դժվար կամ անհնար է կարդալ:
• Սեղաններ - մի բջջային էջում օգտագործեք սեղանների դասավորությունը: Եվ փորձեք խուսափել ընդհանուր առմամբ սեղաններից: Նրանք չեն ապահովվում յուրաքանչյուր բջջային հեռախոսում (չնայած iPhones եւ այլ սմարթֆոններ նրանց աջակցում են), եւ դուք կարող եք հասնել տարօրինակ արդյունքների:
• Ներկված սեղանները, եթե դուք պետք է օգտագործեք սեղան, համոզվեք, որ այն այլ սեղանի մեջ չկառուցեք: Դրանք ծանր բջջային բրաուզերների համար դժվար է, եւ, ամենայն հավանականությամբ, էջը ավելի դանդաղ է դարձնում:
• Բացարձակ միջոցներ, այսինքն, չեն սահմանում բացարձակ չափերի օբյեկտների չափերը (նման պիքսել, միլիմետր կամ դյույմ): Եթե ​​դուք սահմանում եք ինչ-որ բան, որպես 100px լայնություն, մի բջջային սարքի վրա, որը կարող է կես մասշտաբը լինել էկրանին, եւ մյուսը կարող է լինել երկու անգամ լայնություն: Հարաբերական չափերը (ինչպես ems- ի եւ տոկոսների) աշխատում են լավագույնը:

• Տառատեսակներ - մի ենթադրեք, որ մուտք գործելու համար օգտագործված տառատեսակներից որեւէ մեկը հասանելի կլինի բջջային հեռախոսներում:

Կարդալ ավելին

• Ինչպես կատարել Ձեր կայքէջը բջջային հեռախոսով Օգտագործելով PHP- ը