Վեբ էջի դասավորությունը կարող է կատարվել երկու տարբեր ձեւերով.
- Fixed Width Layouts - Սրանք դասավորություններ, որտեղ ամբողջ էջի լայնությունը սահմանվում է հատուկ թվային արժեքով:
- Հեղուկ Layouts - Սրանք դասավորություններ, որտեղ ամբողջ էջի լայնությունը ճկուն է, կախված նրանից, թե որքան լայն է հեռուստադիտողի զննարկիչը:
Գոյություն ունեն լավ հիմքեր օգտագործելու երկու դասավորության մեթոդները, բայց առանց հասկանալու եւ թե յուրաքանչյուր մեթոդի հարաբերական առավելություններն ու թերությունները, դուք չեք կարող լավ որոշում կայացնել, որի վրա կօգտագործեք ձեր վեբ էջը:
Ֆիքսված լայնությունը Layouts
Հաստատված դասավորությունները դասավորությունն են, որոնք սկսվում են որոշակի չափով, որը որոշվում է վեբ դիզայների կողմից : Նրանք շարունակում են մնալ այդ լայնությունը, անկախ էջի դիտարկիչի պատուհանի չափից: Ֆիքսված լայնության դասավորությունը թույլ է տալիս դիզայներին ավելի ուղղակի վերահսկողություն ունենալ, թե ինչպես է էջը տեսնելու առավել իրավիճակներում: Նրանք հաճախ նախընտրում են դիզայներների կողմից տպագիր ֆոնին, քանի որ թույլ են տալիս դիզայներին դարձնել դասավորության համար րոպե ճշգրտումներ եւ պահել դրանք համահունչ բրաուզերների եւ համակարգիչների միջեւ:
Հեղուկի դասավորությունները
Հեղուկի դասավորությունը դասավորությունը, որոնք հիմնված են ընթացիկ դիտարկիչի պատուհանի չափերի վրա: Նրանք զովացնում են պատուհանի չափը, նույնիսկ եթե ներկայիս դիտողը փոխում է իր զննարկիչի չափը, երբ դիտում է կայքը: Հեղուկի լայնության դասավորությունը թույլ է տալիս շատ արդյունավետ օգտագործել տարածքը տրամադրված ցանկացած վեբ դիտարկիչի պատուհանով կամ էկրանին: Նրանք հաճախ նախընտրում են դիզայներները, որոնք շատ տեղեկություններ ունեն, հնարավորինս քիչ տարածություն ստանալու համար, քանի որ դրանք շարունակում են մնալ չափի եւ հարաբերական էջերի կշիռների նկատմամբ, անկախ նրանից, թե ով է դիտում էջը:
Ինչն է ցցում:
Ձեր կայքի դիզայնի ընտրված մեթոդը ավելի մեծ ազդեցություն կունենա ձեր պարզապես դիզայնի վրա : Կախված այն բանից, թե ինչ եք ընտրում, դուք կանդրադառնա ձեր ընթերցողների կարողությունը ձեր տեքստը փնտրելու, գտնելու այն, ինչ փնտրում են կամ երբեմն նույնիսկ ձեր կայքը: Բացի այդ, դասավորության ոճը կնպաստի Ձեր վեբ կայքի մարքեթինգի, անշարժ գույքի առկայության եւ ձեր կայքի գեղագիտության միջոցով մարելու ձեր ջանքերին:
Fixed Width Layouts- ի օգուտները
- Կայուն լայնությամբ դասավորությունը թույլ է տալիս դիզայներին ստեղծել այնպիսի էջեր, որոնք նույնքան էլ նույնն են լինելու, թե ով է նրանց նայում:
- Ֆիքսված լայնության տարրերը, ինչպիսիք են պատկերները, չեն կարողանում ավելի փոքր մոնիտորինգի ենթարկել տեքստը, քանի որ ամբողջ էջի լայնությունը պարունակում է այդ տարրերը:
- Թերթի երկարությունը չի ազդի տեքստի մեծ հատվածների վրա, անկախ նրանից, թե որքան լայն է վեբ բրաուզերը:
Հեղուկ Layouts- ի օգուտները
- Հեղուկի լայնության դասավորությունը ընդլայնվում է եւ պայմանագրերը լրացնելու առկա տարածքը:
- Օգտագործվում է բոլոր հասանելի անշարժ գույք, որը թույլ է տալիս դիզայներին ցույց տալ ավելի մեծ բովանդակություն ավելի մեծ մոնիտորների վրա, սակայն դեռեւս կենսունակ է փոքր դիսփլեյների վրա:
- Հեղուկի դասավորությունը ապահովում է հետեւողականությունը հարաբերական լայնություններում, ինչը հնարավորություն է տալիս էջին ավելի դինամիկ կերպով արձագանքել հաճախորդի կողմից կիրառվող սահմանափակումներին, ինչպիսիք են ավելի մեծ տառատեսակների չափերը:
Դժվարություններ դեպի ֆիքսված լայնության դասավորությունները
- Ֆիքսված լայնության դասավորությունը կարող է առաջացնել փոքր դիտարկիչի պատուհաններ հորիզոնական գցել: Եվ մարդկանց մեծամասնությունը չի սիրում ոլորել հորիզոնական:
- Նրանք կարող են նաեւ հանգեցնել մեծ հեռավորության վրա թափանցիկության մեծ մոնիտորների, արդյունքում շատ չօգտագործված տարածքի եւ ավելի թափանցիկ ուղղահայաց, քան կարող է այլապես անհրաժեշտ է:
- Հաստատուն լայնության դասավորությունները չեն կարգավորում հաճախորդի փոփոխությունները տառատեսակների չափսերով: Տառաչափի փոքր չափերի համար դրանք կարող են լինել լավ, բայց ավելի մեծ աճի համար դասավորությունը կարող է փոխզիջվել:
Հեղուկի դասավորությունների թերությունները
- Հեղուկի դասավորությունը թույլ է տալիս շատ քիչ հստակ վերահսկել էջի տարբեր տարրերի լայնությունը:
- Նրանք կարող են հանգեցնել տեքստերի սյունակներին, որոնք չափազանց լայն են, հարմարավետորեն սկանելու համար, կամ ավելի փոքր բրաուզերների վրա, որոնք բառերի համար շատ հստակ երեւում են:
- Հեղուկի դասավորությունը կարող է խնդիրներ ունենալ, երբ հեղեղի սյունակում տեղադրված է ֆիքսված լայնության տարրը, ինչպիսին է պատկերը: Եթե սյունակը պատկերի համար բավարար տարածք չի ցուցադրվում, որոշ զննարկիչներ կբարձրացնեն սյունակի լայնությունը, հաշվի չառնելով դիզայների ցուցումները, իսկ մյուս բրաուզերները կհանգեցնեն տեքստի եւ պատկերների համընկնման մասին, որպեսզի հասնեն ճիշտ տոկոսներին:
Եզրակացություն
Շատ կայքեր, որոնք ունեն շատ տեղեկություններ, որոնք անհրաժեշտ են որպես հնարավորինս փոքր տարածություն փոխանցել, լավ կգործեն հեղուկի դասավորությամբ: Սա թույլ է տալիս նրանց օգտվել այն բոլոր անշարժ գույքից, որոնք մեծ մոնիտորներ ապահովում են, իսկ չնվազող փոքր ցուցանակները:
Կայքերը, որոնք պահանջում են հստակ վերահսկողություն, թե ինչպես են էջերը տեսնում յուրաքանչյուր իրավիճակում, լավ կլիներ օգտագործել ամրագրված լայնածավալ դասավորությունը: Սա ապահովում է ավելի շատ վստահություն, որ ձեր վեբ կայքի բրենդը հետեւողական է եւ հստակ, անկախ այն բանից, թե ինչ չափի դիտարկումը դիտվում է:
Դասավորության նախապատվություն
Շատերը գերադասում են խառը մոտեցում: Դրանք չեն սիրում հեղեղի դասավորության օգտագործումը տեքստի մեծ բլոկների համար, քանի որ դա կարող է տեքստը կամ անընթեռնելի լինել փոքր մոնիտորի վրա կամ մեծ մասում անսասան: Այսպիսով, նրանք հակված են էջերի հիմնական սյուններին կայուն լայնություն դարձնել, սակայն վերնագրեր, ստորագրություններ եւ կողմնակի սյուներ ավելի ճկուն են վերցնել մնացած անշարժ գույքն ու չկորցնել ավելի մեծ բրաուզերների հզորությունը:
Որոշ կայքեր օգտագործում են սցենարներ ձեր դիտարկիչի պատուհանի չափը որոշելու համար եւ այնուհետեւ համապատասխանաբար ցուցադրման տարրերը փոխելու համար: Օրինակ, եթե դուք նման կայք բացեք շատ լայն պատուհանում, կարող եք ստանալ ձախ կողմում լրացուցիչ սյունակ, որ փոքր մոնիտորներ ունեցող հաճախորդները չեն կարող տեսնել: Բացի այդ, գովազդի շուրջ տեքստերի փաթաթումը կախված է նրանից, թե որքան լայն է ձեր զննարկիչի պատուհանը: Եթե դա բավականաչափ լայն է, կայքը կպցրեք տեքստը դրա շուրջ, հակառակ դեպքում այն կցուցադրի ստորեւ նշված հոդվածի տեքստը: Թեեւ շատ կայքեր չեն պահանջում այդ բարդության մակարդակը, այն ցույց է տալիս ավելի մեծ էկրանների օգտվելու ձեւ, առանց փոքր էկրանների ցուցադրման ազդեցության: