User:Maryam.Khaled/sandbox/التصميم المستجيب لمواقع الويب (Responsive Web Design)

التصميم المستجيب لمواقع الويب التصميم المستجيب لمواقع الويب (Responsive Web Design):هي أحد التقنيات المستخدمة في تصميم وتطوير مواقع الويب، حيث يكون للويب المستجيب القابلية للتغير بناء على خصائص الجهاز الذي يتم عرضه به.

ظهرت تقنية الويب المستجيب نتيجة لتنوع الأجهزة المستخدمة في تصفح مواقع الويب، و تهدف هذه التقنية إلى تجسين تجربة المستخدم إضافة إلى تقليل الجهد المبذول في تطوير الموقع، حيث يقوم مطور الويب ببناء نسخة واحده للموقع تعرض بالشكل الأمثل على جميع الأجهزة مما لايضطر المستخدم إلى تكبير أو تصغير عناصر الصفحة. لدى صفحة الويب المستجيبة القدرة على تغيير تخطيط الصفحة بناء على بعض خصائص الجهاز (مثل: طول شاشة العرض أو عرضها) وغالباً ما تستخدم خاصية عرض نافذة المتصفح (View Port) في بناء صفحة الويب المستجيبة، ويعني تخطيط الصفحة طريقة عرض العناصر داخل الصفحة مثل الصور و النصوص.

التاريخ:


 * 1) 1 التصميم باستخدام قياسات ثابتة (Fixed Design) و قياسات متغيرة (Relative Design): كانت القياسات الثابتة هي الشائعة في التصميم، حيث كانت العناصر تعطى قياسات ثابتة مثل البكسل و النقطة (Pixel and Point) وذلك لأن معظم شاشات العرض كانت بأحجام متقاربة (غالباً 1024 بكسل). مع بدايات الألفية الثالثة بدأت قياسات أخرى متغيرة في الظهور (مثل النسبة المئوية) والتي سيكون لها أثراً في ظهور الويب المستجيب.
 * 2) 2 تصفح المواقع من الأجهزة المحمولة: لم يكن تطوير مواقع يمكن تصفحها عن طريق الأجهزة المحمولة موضع اهتمام لدى مطوري الويب بسبب محدودية هذه الأجهزة وصعوبة التصفح من خلالها وذلك حتى ظهور جهاز IPhone. سهلت التقنيات الجديدة التي قدمها IPhone التصفح من خلال الأجهزة المحمولة، إلا أن صفحات الويب التي صممت للشاشات الكبيرة لم تكن تتناسب مع شاشة IPhone، لذا كان الحل المقدم من شركة Apple هو تصغير الصفحات مما أدى إلى ظهور العناصر بشكل صغير.
 * 3) 3 تصميم مواقع الويب للأجهزة المحمولة: أما الحل الذي قدمه مطور الويب فهو بناء نسختين من الموقع إحداها للشاشات الكبيرة والأخرى لجهاز آيفون.