.jpg)
ماهو التصميم التجاوبي ؟ كيف يعمل التصميم التجاوبي ؟ وماالفائدة في تصميم موقع تجاوبي ؟
أعلم أن هته الأسئلة تراودك و أنت تقرأ هته المقالة , لكن لاتستعجل سوف نجيب على كل هته الأسئلة في صلب مقالتنا اليوم .
1- ماهو التصميم التجاوبي؟
التصميم التجاوبي (Responsive Design) هو التصميم الذي يتناسق مع جميع المتصفحات و يلائم جميع أحجام الشاشات , فلو قمت بالدخول إلى موقع لايسخدم هته التقنية من الهاتف مثلا سوف تلاحظ أن هناك صعوبة في تحميل الموقع و تصفحه , وهنا يكمن دور التصميم التجاوبي حيث يوفر لك امكانية عمل تصميم يظهر في الهاتف فقط أوفي الأجهزة اللوحية فقط , هذا على حسب مقاسات الشاشة .
2-كيف يعمل التصميم التجاوبي ؟
التصميم التجاوبي بكل بساطة يتم عمله بCss و بخاصية @Media Screen حيث تحدد أقصى حجم الشاشة الذي تريد أن تظهر فيه التغييرات و تقوم بعمل أكواد Css بداخله ,هذا فقط وكما توضح الصورة أسفله .
3-ماالفائدة من تصميم موقع تجاوبي ؟
مع الإنتشار الواسع للأجهزة اللوحية و الأجهزة الذكية أصبح العديد يتصفح الأنترنيت من خلال هته الأخيرة أي أن نسبة الزوار لموقع ستكون من هته الأجهزة و بالتالي يتوجب عليك تصميم موقع تجاوبي وجعل زوارك يتمتعون به و يتمتعون بتصفح أفضل وسريع للموقع وذلك من أجل كسب الزيارات و المزيد من الأرباح عوض التفكير في صنع تطبيق لهاتفك الذي قد يكلفك الكثير من المال .
4-ماهي طريقة تصميم موقع تجاوبي ؟
لتصميم موقع تجاوبي توجد طريقتين , الأولى كما ذكرت في الصورة أعلاه الخاصة ب @Media Screen و الثانية هي عن طريق استعمال إطارات العمل مثل البوتستراب Bootstrap أو اطار العمل Foundation أو Gumby هذا سيساعدك بشكل كبير على تصميم موقع تجاوبي .
أتمنى أن تنال هته المقالة اعجابكم , و أنا بدوري أفكر في إنشاء دورة خاصة بتصميم موقع تجاوبي , إن أعجبتك الفكرة أكتبها في تعليق و ان رأيت الكثير تفاعل مع الموضوع سوف أقوم لكم بدورة تطبيقية أشرح فيها كل ماقلته في المقالة .
دمت في رعاية الله .
إشترك بالنشرة البريدية
1 التعليقات:
اضف تعليقالتعليقاتنقدم لجميع الشركات افضل العروض فى نسب الخصم على خدمات تصميم مواقع انترنت ، شركة سوقني وفريق العمل الخبير
رد01008745590
تحويل كودإخفاء محول الأكواد الإبتساماتإخفاء