كيفية تكييف صفحة في الكتلة الصفرية

في هذا المقال، سنشرح كيف ولماذا يتم تكييف صفحة أُنشئت في كتلة عالمية.

إذا كانت الصفحة التي تم إنشاؤها في الكتلة الشاملة تبدو جيدة على الكمبيوتر، لكن الموقع لن يعرض بشكل صحيح على شاشة الهاتف المحمول أو الجهاز اللوحي لأن حجم هذه الأجهزة مختلف.

معلومات أساسية

في الكتلة الشاملة، تحتاج إلى إعداد التعديلات للجهاز اللوحي والهاتف في الوضعين الأفقي والرأسي.

بالنسبة للكمبيوتر، يكون حجم الكتلة 1200 بكسل.
الوضع الأفقي للجهاز اللوحي هو 960 بكسل
الجهاز اللوحي في الوضع الرأسي هو 640 بكسل
الهاتف في الوضع الأفقي هو 480 بكسل
الهاتف في الوضع الرأسي هو 320 بكسل

توجد أداة في الكتلة لهذا الغرض، وعند تفعيلها تعرض تلقائيًا حجم الصفحة الذي يجب أن تناسبه جميع عناصر الموقع التي تم إنشاؤها: النصوص، الأشكال، الأزرار، مقاطع الفيديو، إلخ.

في البداية، ننشئ تصميمًا للإصدار الكبير من الشاشة (الكمبيوتر)

بعد ذلك، نبدأ في تكييف الصفحة التي تم إنشاؤها، أولًا للجهاز اللوحي في الوضع الأفقي، وهكذا. وللقيام بذلك، نستخدم شريط الأدوات في الكتلة، ونضبط أحجام النصوص والعناصر بحيث لا تتجاوز الكتلة، وإلا فلن تكون مرئية على أجهزة مستخدمي الموقع.

فيما يلي بعض الأمثلة على الشكل الذي يجب أن تبدو عليه الصفحة لكل حجم:

الجهاز اللوحي في الوضع الأفقي 960 بكسل