تصميم للويب والأجهزة اللوحية - تصميم مستجيب

• قد 3, 2024

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

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

عندما اضطررنا فقط لتصميم مواقع الويب لأجهزة الكمبيوتر المكتبية والكمبيوتر المحمول ، كان اهتمامنا الرئيسي هو كيفية التأكد من أن صفحة الويب تعرض نفسها بغض النظر عن الكمبيوتر أو متصفح الويب. كانت الإجابة هي تصميم أفضل متصفحات الويب ودقة الشاشة الأكثر شيوعًا. التي عملت لفترة قصيرة. أصبحت مشكلة أخرى واضحة لأن هذه المعايير ظلت تتغير. كان حجم شاشة جهاز الكمبيوتر الأول 800 × 600 وأحببته على أي حال. ثم 1024 × 800 أصبح هو القاعدة. الآن نمت أجهزة الكمبيوتر إلى 27 بوصة وأكبر. لذلك فإن القرار المستهدف لموقع ويب ظل يتغير.

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

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

تعليمات الفيديو: طريقة جعل موقعك متوافق مع جميع الاجهزة (قد 2024).