Հարմարվողական դասավորությունը կայքերում

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

Ներկայիս միտումը

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

Որոնել Շարժիչներ արագ արձագանքել են այս միտումը. Խոշոր կորպորացիաները «Յանդեքս» եւ Google լուրջ փոփոխություններ են իրենց ալգորիթմների համար բարձրաստիճան կայքերը որոնման արդյունքներից, հաշվի առնելով առկայությունը համալրման դիրքով եւ դիզայնի. Պարզապես, web- ի վրա հիմնված ռեսուրսներ, որոնք օպտիմիզացված բջջային հեռախոսների, սմարթֆոնների եւ պլանշետների, կունենա առավելություն են իրենց մրցակիցներին:

Սահմանում adaptive դիրքով

Հարմարվողական դասավորությունը մի մեթոդը շրջանակի ստեղծման վեբ էջերի, ավտոմատ կերպով փոխել, գտնվելու վայրը, բլոկների `համաձայն լուծման էկրանի սարքի վրա, որը դա դիտարկվում: Այսինքն, այս մոտեցմամբ դուք ստեղծել առանձին ոճեր մի շարք թույլտվությունների. Այս ազդեցություն է հասնել հատուկ գրենական CSS ֆայլեր. խնդիրը լուծվեց փոքր այլ կերպ առաջ: Մշակողները պետք է կատարել շատ ավելի «Ակնարկ», ստեղծելով vorstku եւ դիզայնը բազային տարբերակի կայքում, եւ նույնը դարձնելու համար բջջային. Կախված նրանից, թե որ սարքի էկրանին, որն արդեն դիտվել է ինտերնետ-նախագիծը, ինչպես նաեւ առկա բջջային պլատֆորմի վրա, ասված է համապատասխան տարբերակը կայքում.

Այս մոտեցումը շատ առումներով այլեւս արդարացված, եւ մեծ մասը Վեբ վարպետների չի սահմանել ստեղծելու մասին բջջային տարբերակը: Այժմ փոխարինել այդպիսի հրաման եկավ հարմարողական դասավորությունը. Երբ ստեղծելով կայքը շրջանակ օգնությամբ այս տեխնոլոգիան, վեբմաստերի է կենտրոնացնելով իր բոլոր ջանքերը ստեղծելու տարբերակը նախագծի, եւ այցելուները կարող են ունենալ նույն մակարդակի հարմարավետության, դիտել այն որպես մեծ համակարգչի էկրանին, եւ Ձեր բջջային հեռախոսի, սմարթֆոնի կամ պլանշետի:

Առավելությունները adaptive դիրքով

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


Երբ այնտեղ առաջին անգամ իրականացվել վայրում երկու հարթակներ vorstku կատարված փոփոխություններին պահանջվող աշխատանքային տարբերակը, եւ հետո - ի բջջային. Եթե փոփոխությունները օրենսգրքի էին բավականին զգալի է, որ գործընթացը դարձնելու համար նման փոփոխություններ կարող է մեծապես հետաձգվել: Երբ հարմարվողական vorstke աշխատանքը կայքի վրա իրականացվում է մեկ ֆայլում: Փոփոխությունները վեբ էջի դասավորության կլինի նույնը, շուտով հանդես գալ որպես մի աշխատանքային տարբերակը, եւ բջջայինի:

Որ downside Այս մոտեցման, որոշ Վեբ վարպետների համար կոչվում է բարդությունը դրա իրականացման համար: Բայց գալուստը CSS 3 ստեղծելու հարմարվողական դասավորությունը Կաղապար էր, շատ պարզ է. Ոչ նույնիսկ ամենափորձառու Վեբ վարպետների համար կարող եք կատարել Ձեր կայքը հեշտ է տեսնել բջջային սարքի.

Այն սկզբունքները եւ առանձնահատկությունները հարմարվողական դասավորությունը

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

- Օգտագործումը "ռետինե» տիպի դասավորությունը.

- «ռետինե» նկարը:

- Օգտագործեք ԶԼՄ-ների հարցումներ (մեդիա-հարցումներ):

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

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

1. Դիզայն եւ ստեղծում կայքի դիզայնի, հաշվի առնելով աշխատանքի վրա ողջ տեսականու բանաձեւերի `սկսած բջջային խոշոր ֆորմատի ցուցադրում.

2. Դիրքավորման օգտագործելով cascading ոճը թերթերով լրատվամիջոցների հարցումների, օգտագործելով տեխնոլոգիա, որը հայտնվել է CSS 3.

3. Ծրագրավորում կողմում, այնպես էլ հաճախորդի եւ սերվերի համար փոխանցող պատկերները բջջային սարքերի փոքր չափի եւ լուծման.

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

Ինչից սկսել vorstku adaptive դիրքով.

Շատ կայքեր կատարվում են այնպես, որ սմարթֆոնների եւ պլանշետային էկրանների հայտնվում Ոլորել Բառեր, որոնք ոչ թե որպես հեշտ է surf, իսկ նախագծում եւ դասավորությունը շատ ինտերնետ նախագծերի պարզապես «բոց»: Վեբ կայքերի, ստեղծվել է սովորեցնել վեբ դիզայն, պարունակում է մի շարք բանաձեւերում էկրանին տարբեր սարքերի, որը կրում է typeset էջերը Ձեր կայքում.
Հարմարվողական դասավորությունը, որոնցից կարելի է շատ հաճախ, ունի բազմաթիվ առավելություններ: Ինչ է հիշում այդ մոտեցման ստեղծման մի էջ դասավորությունը.

Getting է աշխատել Կաղապար, դա կարեւոր է պարբերաբար ստուգել, թե ինչպես լավ ցուցադրվում բովանդակությունը եւ դասավորությունը է բլոկների տարբեր էկրանների. Որպեսզի դա անել, երբեմն պարզապես փոխել լայնությունը պատուհանում. Ֆայլի հետ ոճերի ստացած ԶԼՄ-ների հարցմանը եւ փոխել դիրքը բլոկների, էական փոփոխություններ: Լավ միջոց է փորձարկել հարմարվողական շեղման ձեւանմուշ կարող է լինել կայքեր, որոնք նմանակող էկրանները բջջային սարքերի տարբեր մոդելներ. Այս ծառայությունները թույլ կտա ուշադիր քննել եւ գնահատել, թե ինչպես է դիզայնի նայում է դրսեւորումների մի շարք շարժական սարքերի համար.

Չնայած նրան, որ տեխնոլոգիան է հարմարվողական դիրքով չէ, որ պարզ է, դրա զարգացումը պտուղ շատ շուտով: