බොහෝ වෙබ් අඩවි ගොඩනැඟීමේදී බොහෝ නිර්මාණකරුවන් සිතන්නේ සැලසුම් කිරීම සඳහා වන යෝජනාවයි. මෙය ඇත්ත වශයෙන්ම තීරණය වන්නේ ඔබේ සැලසුම් කොතරම් පුළුල් විය යුතුද යන්න තීරණය කිරීමයි. සම්මත වෙබ් පළලක් ලෙස එවන් දෙයක් එවැන්නක් නැත.
යෝජනාවක් සලකා බලන්නේ ඇයි?
1995 දී සම්මත 640x480 නිරාකරණ නිරීක්ෂකයන්ට තිබූ විශාලතම සහ හොඳම මොනිටරයන් විය. මෙයින් අදහස් කළේ එම විභේදනයේ අඟල් 12 සිට 14 දක්වා අඟල් තිරයක් මත වෙබ් බ්රව්සර්වල හොඳ පෙනුමක් ඇති පිටු සෑදීම සඳහා වෙබ් නිර්මාණකරුවන් අවධානය යොමු කළ බවයි.
මේ දිනවල, 640x480 විභේදනය බොහෝ වෙබ් අඩවි මාර්ගයෙන් සියයට 1 ට අඩු වේ. 1366x768, 1600x900 සහ 5120x2880 ද ඇතුලත්ව ජනතාවගේ ඉහළ විභේදනයන් සහිත පරිගණක භාවිතා කරයි. බොහෝ අවස්ථාවන්හිදී, 1366x768 විභේදක තිරයක් නිර්මාණය කිරීම.
අප වෙබ් අඩවි නිර්මාණ ඉතිහාසයේ එක් ස්ථානයක සිටිමු. අපට විසඳුමක් ගැන කණගාටු නොවන්නට අපට අවශ්ය නැත. බොහෝ අය විශාල, විශාල තිර සහිත මොනිටර තිබෙන අතර ඔවුන්ගේ බ්රවුසර් කවුළුව උපරිම නොකරයි. එබැවින්, ඔබ පික්සල් 1366 ට වැඩි නොවන පිටුවක් නිර්මාණය කිරීමට තීරණය කළහොත්, වැඩි විභේදන සහිත විශාල මොනිටරවල පවා බොහෝ වෙබ් බ්රවුස් කවුළුවෙහි හොඳ පෙනුමක් ඇති වනු ඇත.
බ්රවුසර් පළල
"හොඳයි, මම මගේ පිටු 1366 පළලක් පළ කරන්නම්" මෙම කතාවට වැඩි යමක් තිබේ. වෙබ් පිටුවක පළල තීරණය කිරීමේදී ඔබේ ගනුදෙනුකරුවන්ගේ බ්රව්සරයන් කොතරම් විශාලදැයි විමසනු ලැබේ. විශේෂයෙන්, සම්පූර්ණ තිර ප්රමාණයෙන් තම බ්රවුසරයේ උපරිමය උපරිම කිරීමට හෝ සම්පූර්ණ තිරයට වඩා කුඩා ඒවා තබා ගන්නේද?
සමාගම්-සම්මත සම්මත 1024x768 විභේදක ලැප්ෙටොප් එකක් භාවිතා කළ සමෝධානිකයන්ෙග් එක් අවිධිමත් සමීක්ෂණයක් තුලදී, ඔවුන්ෙග් සියලු ෙයදුම් උපරිමෙයන් තබා ගන්නා ලදී. විවිධ හේතු නිසා විවිධ ප්රමාණයේ වින්ඩෝස් විවෘත විය. මෙයින් පෙන්නුම් කරන්නේ ඔබ මෙම සමාගමේ අන්තර්ජාල පිවිසුම සැලසුම් කර ඇත්තේ 1024 පික්සල් පළලකින් නම්, පරිශීලකයින්ගෙන් සියයට 85 ක්ම මුළු පිටුවම බැලීම සඳහා තිරස් අනුචලනය කිරීමට සිදුවනු ඇති බවයි.
ඔබ උපරිම ලෙස භාවිතා කරන හෝ නොදන්නා ගනුදෙනුකරුවන්ට පසුව, බ්රවුසර් දේශසීමා පිළිබඳව සිතා බලන්න. සෑම වෙබ් බ්රවුසරයක්ම එහි අනුක්රමික තීරුව සහ සීමාවන් ප්රමාණයෙන් 800 සිට 740 පමණ දක්වා අඩු හෝ 800x600 විභේදන සහ අඩු 980 පික්සල පමණි. මෙය බ්රවුසරය "ක්රෝම්" යනුවෙන් හැඳින්වේ, සහ ඔබේ පිටු නිර්මාණය සඳහා භාවිතා කළ හැකි ඉඩෙන් ඉවත් කළ හැකිය.
ස්ථාවර හෝ දියර පළල පිටු
ඔබේ වෙබ් අඩවියෙහි පළල නිර්මාණය කිරීමේදී ඔබ සිතා ගත යුතු එකම දෙය වන්නේ සැබෑ සංඛ්යාත්මක පළල නොවේ. ඔබ ස්ථාවර පළල හෝ ද්රව පළලක් තිබේදැයි තීරණය කිරීමටද අවශ්ය වේ. වෙනත් වචනවලින් කිවහොත්, ඔබ යම්කිසි නිශ්චිත සංඛ්යාවක් (ස්ථාවර) හෝ ප්රතිශතයකට (ද්රවයක්) වෙත යන්නෙහිද?
ස්ථාවර පළල
ස්ථාවර පළතුරු පිටු හරියටම ශබ්දයක් වගේ. පළල නිශ්චිත සංඛ්යාවක් සවි කර ඇති අතර එය බ්රවුසරයේ විශාල හෝ කුඩා කොතැනකවත් වෙනස් නොවේ. ඔබේ පාඨකයින්ගේ බ්රව්සර් කොතරම් පුළුල් පරාසයක් හෝ පටු එකක් වුවද, ඔබේ නිර්මාණයන් ඔබේම නිර්මාණයක් අවශ්ය නම්, මෙම ක්රමය ඔබේ පාඨකයින් සැලකිල්ලට නොගනී. ඔබේ නිර්මාණයට වඩා සැරිසැරූ බ්රව්සර සමඟින් තිරස් අතට සිදුරු කිරීමට සිදු වනු ඇත, පුළුල් බ්රව්සරයන්හි සිටින පුද්ගලයින් තිරය මත විශාල ප්රමාණ ප්රමාණයක් ඇත.
නිශ්චිත පළල පිටු නිර්මාණය කිරීම සඳහා, ඔබේ පිටු බෙදීම්වල පළල සඳහා නිශ්චිත පික්සල් අංක භාවිතා කරන්න.
දියර පළල
දිගු පළල පිටු (සමහර විට නම්යශීලී පළල පිටු හැඳින්වේ) බ්රවුසර කවුළුව කොතරම් පළලක් ද යන්න අනුව පළල වෙනස් වේ. ඔබේ ගනුදෙනුකරුවන්ට වැඩි අවධානයක් යොමු කරන පිටු නිර්මාණය කිරීමට මෙය ඔබට ඉඩ සලසයි. ද්රව පළල පිටු සම්බන්ධ ගැටළුව ඔවුන් කියවීමට අපහසු විය හැකිය. පාඨයේ ස්කෑන් දිග 10 සිට 12 දක්වා දිග හෝ වචන 4 සිට 5 ට වඩා කෙටි නම් එය කියවීමට අපහසු විය හැකිය. මෙයින් අදහස් කරන්නේ විශාල හෝ කුඩා බ්රවුසර් ජනේල සහිත පාඨකයන්ට ගැටළු ඇති බවයි.
සරිලන පළල පිටු නිර්මාණය කිරීම සඳහා, ඔබේ පිටුව අංශයන්ගේ දිගුවන් සඳහා ප්රතිශතයන් හෝ ems භාවිතා කරන්න. ඔබ CSS max-width දේපළ සමඟ මුණගැසී තිබිය යුතුය. මෙම ගුණාංගය ඔබට ප්රතිශතයක පළලක් පිහිටුවීමට ඉඩ ලබා දෙයි, නමුත් එය එය කියවීමට නොහැකි තරම් විශාල නොවන නිසා එය සීමා කරන්න.
ජයග්රාහකයා: CSS මාධ්ය විමසුම්
මේ දිනවල හොඳම විසඳුම වන්නේ CSS මාධ්ය විමසීම් සහ ප්රතිචාරාත්මක මෝස්තරය භාවිතා කිරීම සඳහා බ්රවුසරයේ පළල දක්වාම ගැලපෙන පිටුවක් නිර්මාණය කිරීමටයි. ප්රතිචාරාත්මක වෙබ් නිර්මාණයක් ඔබ භාවිතා කරන වෙබ් පිටුවක් ඔබ එය නරඹන්නේද නැතහොත් පික්සල් 5120 ක හෝ පික්සල 320 ක් පළල වේද යන්න සෑදීමට එම අන්තර්ගතය භාවිතා කරයි. විවිධ ප්රමාණයේ පිටු වෙනස් නමුත් ඒවා අන්තර්ගතය එකම අන්තර්ගතයකි. CSS3 මාධ්යයේ විමසුමක් ඇතිව, එක් එක් උපාංගය එහි ප්රමාණයෙන් විමසා බලා පිළිතුරු ලබා දෙන අතර එම දිග ප්රමාණය වෙනස් වේ.