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



شرح معنى 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 - 2018, Jelsoft Enterprises Ltd
جميع الحقوق محفوظة © nmisr.com نجوم مصرية