إذا كانت الصفحة التي تم إنشاؤها في الكتلة الشاملة تبدو جيدة على الكمبيوتر، ولكن الموقع لن يعرض بشكل صحيح على شاشة الهاتف المحمول أو الجهاز اللوحي لأن حجم هذه الأجهزة مختلف.
معلومات أساسية
في الكتلة الشاملة، تحتاج إلى إعداد التكييف للجهاز اللوحي والهاتف في الوضعين الأفقي والعمودي.
- بالنسبة للكمبيوتر، حجم الكتلة هو 1200 بكسل.
- الجهاز اللوحي في الوضع الأفقي هو 960 بكسل
- الجهاز اللوحي في الوضع العمودي هو 640 بكسل
- الهاتف في الوضع الأفقي هو 480 بكسل
- الهاتف في الوضع العمودي هو 320 بكسل
توجد أداة في الكتلة لهذا الغرض، والتي عند التبديل تظهر تلقائيًا حجم الصفحة التي يجب أن تتسع فيها جميع العناصر التي تم إنشاؤها في الموقع: النصوص، الأشكال، الأزرار، مقاطع الفيديو، إلخ.
في البداية، نقوم بإنشاء تصميم للإصدار الكبير من الشاشة (الكمبيوتر)
بعد ذلك، نبدأ في تكييف الصفحة التي تم إنشاؤها، أولاً للجهاز اللوحي في الوضع الأفقي، وهكذا. للقيام بذلك، نستخدم شريط الأدوات في الكتلة، مع ضبط أحجام النصوص والعناصر بحيث لا تتجاوز الكتلة، وإلا فلن تكون مرئية على أجهزة مستخدمي الموقع.
فيما يلي بعض الأمثلة على كيفية ظهور الصفحة لكل حجم:
الجهاز اللوحي في الوضع الأفقي 960 بكسل
الجهاز اللوحي في الوضع العمودي 640 بكسل
الهاتف في الوضع الأفقي 480 بكسل
الهاتف في الوضع العمودي 320 بكسل
جميع الكتل الأساسية في منشئ المواقع تتكيف تلقائيًا مع حجم الشاشة المطلوب. اقرأ عن الكتل الأساسية في المقالات التالية.