نجوم مصرية
منتديات نجوم مصرية منتدى المدونين واصحاب المواقع منتدى لغات البرمجة



شرح معنى responsive web design

 

السلام عليكم
سابدا في هذا المقال تفسير مفهوم responsive design و في مواظيع اخرى انشاء الله نزيد التعمق اكثر .

اذن تصميمات الويب المتجاوبة كما اطلق عليها هذا الاسم بعظ الاخوة العرب ، يعني بالاحرى the reponsive disgne or smart designe
انتشرت لسبب واحد ، وهي الحاجة المتنامية لمثل هذا النوع من تصميمات المواقع . حيث هذه الايام لم نعد نجد حريف يطلب موقع ويب دون ان يطالب بنسخته على الهتف الذكي او المحمول و التابليت و الواب تيفي .
فبين سنة 2005 و 2008 فقط اكتشف وجود 400 قياسات شاشة جديدة للحواسيب و ادوات التصفح الجديدة . و بالطبع من المنطقي لن نقوم بتحظير جميع هذه القياسات للموقع ، لذلك الحل يطرح نفسه بالنسبة لهذا المشكل وهو the reponsive disgne.





تعريف التصميمات المتجاوبة


التقنية الجديدة سهل وهي ، نفس الموقع يجب ان يتجاوب مع كل قياسات الشاسة للحاسوب منها او المحمول..
كما تبين المرافقة
[ALT="شرح معنى responsive web design"]http://johnpolacek.github.io/scrolldeck.js/decks/responsive/img/responsive_web_design.png[/ALT]

اذن محتويات الموقع لن تصبح ثابتة بل ستتحول من مواقعها لتاخذ الحجم المحدد لها ، كما ياخذ الماء مساحة اي وعاء.
الصور ستتغير احجامها , العناوين القوائم كل المحتويات ستتناسب مع الشاشة لتصبح عملية الابحار على الموقع مريحة و سهلة .
الحل التقني الذي ذهب اليه مطورو الويب ، هو عمل شبكة ، مثلا اذا كان على شاسة المحمول يستعمل 12 وحدة ، اما على التابليت يسعمل 9 و الهاتف 3 كمثال .
[ALT="reponsive grid"]http://www.agencyofrecord.com/library/resources338/images/articles/responsive_web_design_grids.jpg[/ALT]
شكرا لمتابعتكم هذا المقال الاول لي في هذا المنتدى الرائع ، انشاء الله المقال القادم سيكون حول بعض CSS framewok التي يمكن استعمالها لتفعيل التصبيب المتجاوب في موقعك. شكرا للمتابعة







تابع نجوم مصرية على أخبار جوجل، إضغط هنا





المقال "شرح معنى responsive web design" نشر بواسطة: بتاريخ:



اسم العضو:
سؤال عشوائي يجب الاجابة عليه

الرسالة:


رابط دائم

Powered by vBulletin Version 3.8.8
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd
جميع الحقوق محفوظة © fmisr.com منتديات نجوم مصرية