Ինտերնետից օգտվողները օգտագործում են մոնիտորների մեծ բազմազանություն `էկրանի տարբեր լուծումներով: Հետեւաբար, վեբ մշակողների համար առաջադրանքներից մեկը ցանկացած բանաձևով մոնիտորների վրա ճիշտ ցուցադրման համար կայք ստեղծելու և օպտիմալացնելու անհրաժեշտությունն է:
Հրահանգներ
Քայլ 1
Ձևավորեք ձեր վեբ կայքը նվազագույն օգտագործելի թույլատրելիությամբ `800 * 600 պիքսել և օգտագործեք ֆիքսված դասավորություն: Բայց այս մոտեցման հետ մեկ թերություն կա. Այն օգտվողների համար, ովքեր ունեն լայնէկրան մոնիտորներ, ձեր կայքի դիտման ժամանակ էկրանին կհայտնվեն լայն դաշտեր:
Քայլ 2
Օգտագործեք հեղուկի դասավորություն: Այս դեպքում էջերը հորիզոնականորեն կձգվեն այն մոնիտորների վրա, որոնց թույլատրելիությունն ավելի բարձր է, քան մշակման ժամանակ օգտագործվածը: Բայց այս մոտեցումը լավագույնս օգտագործվում է շատ տեքստային տեղեկատվությամբ և գրաֆիկական նվազագույն քանակով կայքեր ստեղծելու ժամանակ: Դա պայմանավորված է նրանով, որ որոշ տարրեր, ինչպիսիք են նկարները կամ երրորդ կողմի բաղադրիչները, կխեղաթյուրվեն տարբեր մոնիտորների վրա չափափոխելիս:
Քայլ 3
Իրականացման տեսանկյունից առավել ճիշտ, բայց միևնույն ժամանակ և ավելի բարդ է հարմարվողական դասավորության օգտագործումը: Սա կաուչուկի դասավորության ավելի բարդ տարբերակ է, որը հնարավորություն է տալիս ծրագրի կոդն օգտագործելիս տեղեկատվության հետ միասին սյունակների քանակը փոխել:
Քայլ 4
Բայց կայքի դասավորության համար ընտրված ցանկացած դասավորություն, կատարեք դրա դասավորությունը 1024 * 768 պիքսել էկրանի լուծաչափով: Սա ամենատարածված բանաձեւն է:
Քայլ 5
Բացի այդ, կայքի ճիշտ ցուցադրման համար, այլ բանաձևով մոնիտորների վրա, հետևեք որոշ կանոնների: Փորձեք էջի հիմնական բովանդակությունը պահել մեկ էկրանին ՝ ոլորումից խուսափելու համար: Տեղադրեք տեքստի տեղեկատվությունը նեղ սյունակում, որպեսզի այն «չտարածվի» էկրանի ամբողջ լայնությամբ: Հետևեք էջերի ընդհանուր ձևավորմանը, որպեսզի ամեն ինչ համաչափ լինի:
Քայլ 6
Ձեր դիզայնը մշակելիս հաշվարկեք էջի լայնության և բարձրության տոկոսը, այլ ոչ թե քանակը: Դրանից հետո էջը համամասնորեն կփոխվի ինչպես պայմանական, այնպես էլ լայն էկրանով:
