الملاحظات

Responsive Web Design توضيح مفهوم التصميم المتجاوب

ان قابلية الموقع بالتكيف مع حجم الشاشة المستخدمة او بتعبير اخر طرق تغيير نمط الموقع عند الدخول بأحجام شاشات مختلفة وما يسمى ايضا صياغة نهج الموقع لتقديم أفضل عرض ممكن

 
أدوات الموضوع انواع عرض الموضوع
قديم 05-11-2015   #1
مدونة المحترف
رابط مبدع
  • التسجيل: October 31
  • المشاركات: 354
  • تقييم المستوى: 6
  • مدونة المحترف
مدونة المحترف غير متصل
افتراضي Responsive Web Design توضيح مفهوم التصميم المتجاوب

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

Responsive Design المتجاوب mobile_vs_desktop-%D
وان هذا النوع من التصميم يسير شيئً فاشيئً من تصميم الويب بلفكر التقليدي وصولاً بنا لعالم المعايير القياسية.
إشارة: أوضحت بعض الدراسات في عام 2013 زيادة نسبة مبيعات الموبايل والتابلت مع انخفاض نسبة مبيعات أجهزة الكومبيوتر
ان الغريب في الامر ما علاقة كل من انخقاض نسبة مبيعات اجهزة الكومبيوتر وزيادة مبيعات اجهزة الموبايل والتابلت بالتصميم المتجاوب؟ سؤال قد يطرحه الجميع؟ ان ارتفاع نسبة مبيعات الموبايل واجهزة التابلت يدل على زيادة عدد مستخدميها – من البديهيات – وبلتالي يستطيع كل من مستخدميين تلك الاجهزة الدخول الى عالم الانترنت من خلال جهازة اي لو كان لديك موقع منشور على الشبكة العالمية فيجب ان تكون مدك ان نسبة كبيرة من الاشخاص بتصفحون موقعك عن طريق الموبايل او التابلت وبالتالي يجب ان تعرف شكل موقع في تلك الاجهزة. لتوفير أكبر عدد من الزوار للموقع هذا ما يسعى الية أصحاب المواقع ومن هنا انطلق مبد التصميم المتجاوب الذي ينص على أساس قابلية تكيف الموقع مع حجم الشاشة التي يستخدمها الزائر.
مثال توضيحي يبين لك طريقة عمل موقع متجاوب
Responsive Design المتجاوب responsive-web-desig
توضيح بعض المقاسات المهمة Responsive size و كيفية اختيارها

لنفرض الزوار يتصفحون موقعك بالأجهزة الثلاث -الكومبيوتر – التابلت – الموبايل يجب عليك اولاً معرفة حجم الشاشات بالنسبة للأجهزة الثلاث. سائل يسأل اختلفت احجام الشاشات للجهاز الواحد سواء كان الكومبيوتر او التابلت او الموبايل يمكن حل هذه المسائلة بعدة طرق
  • الطريقة الأولى: معرف أصغر حجم شاشة للجهاز الواحد ويمكنك اعتمادها بانها حجم شاشة الجهاز
  • الطريقة الثانية: معرف العدد الأكبر من المستخدمين لحجم الشاشة للجهاز الواحد ويمكنك اعتمادها بأنها حجم شاشة الجهاز
  • الطريقة الثالثة (وهي الطريقة المتبعة): احجام الشاشات المتفق عليها من قبل اغلب المصممين والتي تم دعمها من أداة ويب دي فلوبر المضافة للمتصفحات هي الموبايل (العرض 480) التابلت (العرض 768) ام بالنسبة لأجهزة الكومبيوتر (960 او 1024 او 1280) جميع القياسات أعلاه بوحدة قياس البيكسل



Responsive Web Design j,qdp lti,l hgjwldl hglj[h,f

 
اقتباس
قديم 06-11-2015   #2
emad mosaad
:: ادارة المجتمع ::
  • التسجيل: August 9
  • الدولة: بلاد العرب
  • المشاركات: 570
  • تقييم المستوى: 120
  • emad mosaad
emad mosaad غير متصل
افتراضي

شرج فى غايه الروعه بوركت اخى

 
اقتباس
قديم 08-11-2015   #3

الصورة الرمزية ريـاان
ريـاان
عضو مجتمع روابط
  • التسجيل: November 8
  • المشاركات: 4
  • تقييم المستوى: 0
  • ريـاان
ريـاان غير متصل
افتراضي

شكرا اخى

 
اقتباس
قديم 15-11-2015   #4

الصورة الرمزية محترفو السوق
محترفو السوق
Banned
  • التسجيل: November 13
  • المشاركات: 1
  • تقييم المستوى: 0
  • محترفو السوق
محترفو السوق غير متصل
افتراضي رد: Responsive Web Design توضيح مفهوم التصميم المتجاوب

أساسيات التحليل الأساسي في سوق العملات هي احد المقالات المهمة في مدونة الفوركس المهتمة بهدا المجال حيت ستجدون افضل الدروس و المقالات عن تجارة العملات .

 
اقتباس
قديم 26-12-2015   #5
مدونة المحترف
رابط مبدع
  • التسجيل: October 31
  • المشاركات: 354
  • تقييم المستوى: 6
  • مدونة المحترف
مدونة المحترف غير متصل
افتراضي رد: Responsive Web Design توضيح مفهوم التصميم المتجاوب

شكرا لمروركم

 
اقتباس
قديم 28-12-2015   #6
Wael Rboua
عضو مجتمع روابط
  • التسجيل: December 28
  • الدولة: مصر
  • المشاركات: 3
  • تقييم المستوى: 0
  • Wael Rboua
Wael Rboua غير متصل
افتراضي رد: Responsive Web Design توضيح مفهوم التصميم المتجاوب

شكراً لك يا أخي

 
اقتباس

مواقع النشر (المفضلة)

Responsive Web Design توضيح مفهوم التصميم المتجاوب



الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع