بسم الله الرحمن الرحيم

وبه نستعين

التصميم الجرافيكي / دور متصفح الويب

The Role of the Web Browser

 

المتصفح (نافذة شبكة الويب)

Browsers: Window on the Web

متصفحات الإنترنت Internet browsers هي بالضبط ما يُقال عنها - وسيلة لتصفح شبكة الويب العالمية، وهي تمامًا مثل تصفح صفحات مجلة أو كتاب. المتصفح ليس مسؤولاً عن الاتصال بالإنترنت، بل يتم ذلك بواسطة أداة الاتصال المدمجة في نظام تشغيل الكمبيوتر (Mac OS أو Windows).

المتصفح إذن هو مجرد أداة لقراءة وعرض الملفات الموجودة على أجهزة الكمبيوتر الأخرى المتصلة بالإنترنت. فيتم إدخال عنوان البحث (والذي عادةً ما يبدأ بـ "http://www"، أي "بروتوكول نقل النص التشعبي، World Wide Web") والذي يُرشد جهاز الكمبيوتر إلى مكان البحث عن الصفحة.

تُترجم الأحرف والأرقام في العنوان إلى الموقع الفعلي لبيانات الصفحة باستخدام جداول البحث التي يديرها ISPs. يرسل المتصفح طلبًا إلى الجهاز الذي تحدده هذه العملية، وإذا استجاب الجهاز كما هو متوقع، يحصل على بيانات صفحة الويب ردًا على ذلك. ثم يعرض الصفحة وفقًا لتعليمات التنسيق الواردة.

إذا وجد المتصفح إشارات إلى رسومات أو محتوى "وسائط غنية rich media" آخر، فإنه يعود إلى الكمبيوتر البعيد ويطلب تلك العناصر. تُعرض نتائج كل هذه البيانات على الشاشة بأفضل ما يمكن للمتصفحات. تُمثل رسائل الخطأ والصفحات الفارغة ورموز "الروابط المعطلة" مشاكل في العثور على بيانات الصفحة أو تفسيرها.

الشيفرة الخفية

The Hidden Code

في معظم الصفحات، يحمل النص غالبية المعلومات. من المؤكد أن تنسيق HTML ليس أكثر أشكال الكتابة مرونة أو إثارة؛ فخيارات النمط والخطوط والتباعد محدودة، على الرغم من أن CSS (أوراق الأنماط المتتالية)، وهو تحسين حديث نسبيًا ولكنه أصبح الآن معياريًا، حيث أنه يوفر بعض التحكم المطبعي.

يمكن ضبط النص باستخدام فلاش Flash، أو تقديمه كصورة للكلمات الجاهزة. قد تكون هذه حلولاً فعّالة للعناوين الرئيسية وعناصر التنقل، لكنها غير كافية للنص الرئيسي للموقع، إذ لا تستطيع محركات البحث قراءة النص، وقد لا يتمكن المستخدمون ذوو الإعاقة من رؤيته بسهولة أو معالجته باستخدام أدوات مساعدة.

يمكن للمتصفحات عرض النصوص والصور دون مساعدة، ولكنها تتطلب برامج إضافية للتعامل مع الوسائط الأخرى مثل فيديو كويك تايم QuickTime video أو رسوم فلاش المتحركة Flash animations. يتم توفير مساعدة إضافية عبر "الإضافات plug-ins" للمتصفح - وهي برامج إضافية تُوسّع إمكانيات المتصفح.

تُقدّم الإضافات إما كجزء من حزمة المتصفح الأساسية، أو تُثبّت مع التطبيقات المشتراة، أو يمكن العثور عليها على أقراص أغلفة المجلات أو تنزيلها من مواقع ويب الشركات المصنعة للبرامج. معظمها مجاني، لأن الشركات المصنعة ترغب في أن تُصبح تقنياتها مستخدمة على نطاق واسع قدر الإمكان.

تشمل الإضافات الشائعة Macromedia Flash وShockwave (للمحتوى التفاعلي المتحرك)، وRealPlayer (لمقاطع الفيديو والصوت)، وApple QuickTime (لمحتوى فيديو ولصوت متنوع).

المتصفحات الحديثة

Modern Browsers

بعد ظهور عملاق المتصفحات جوجل Google، تتميز متصفحات اليوم بقدرات أكبر بكثير من الأدوات البسيطة التي بدأت مع ظهور الإنترنت. يهيمن متصفح إنترنت إكسبلورر Microsoft's Internet Explorer من مايكروسوفت على السوق بشكل كبير، حيث نجح في التغلب على منافسه الرئيسي، Netscape. أما على أجهزة ماك، فقد أثبت متصفح سفاري Safari، التابع لشركة آبل، فعاليته الكبيرة.

لدرجة أن مايكروسوفت أوقفت إنتاج إكسبلورر لأجهزة ماك. ومن المتصفحات الأخرى التي تتنافس حاليًا على حصة السوق: Opera وFirefox. يجب العلم أن لكل متصفح نقاط قوة ونقاط ضعف، ولكل مستخدم تفضيلاته الشخصية، ولكن المبدأ الأساسي هو أن كل صفحة ويب مُبرمجة بشكل صحيح يجب أن تظهر بشكل صحيح - وإن لم يكن بالضرورة متطابقًا - في جميع المتصفحات.

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

لذلك، أصبح من المُرهق على مُصممي الويب مُراجعة سلوك الصفحات في مُختلف المتصفحات وإجراء أي تعديلات ضرورية. ينصبّ التركيز الآن بشكل كبير على الالتزام بالمعايير، وإذا كان المُصمم واثقًا من توافق كود الموقع، فمن المُتوقع أن تُعالجه المتصفحات بشكل صحيح. حيث يجب تقليل أي تعديلات تُجرى للتغلب على مشاكل مُحددة في مُتصفحات مُعينة إلى الحد الأدنى.

أمثلة عن المتصفح (نافذة شبكة الويب)

Examples of The Browsers: Window on the Web

مثال (1)

يأتي متصفح مايكروسوفت إنترنت إكسبلورر Microsoft Internet Explorer (القديم) مثبتًا على جميع أجهزة الكمبيوتر تقريبًا، ومتصفح سفاري Safari على جميع أجهزة آبل ماك Apple Macs. لا مفر من أن تُهيمن هذه المتصفحات على منصاتها، وهو وضع قد لا يكون دائمًا في مصلحة المستخدمين. وخاصةً في حالة مايكروسوفت، التي تُفضل أحيانًا تحديد معاييرها الخاصة بدلًا من اعتماد المعايير المُعتمدة من قِبل بقية الشركات في هذا المجال. تختار أقلية صغيرة، وإن كانت مؤثرة، من المستخدمين متصفحات بديلة مثل أوبرا Opera وفايرفوكس Firefox.

مثال (2)

يُوفر موقع ويب مونكي www.webmonkey.com، الذي يُديره مُحترفون في هذا المجال، موردًا حيويًا لمطوري ومصممي الويب. يُقدم الموقع إحصاءات ونصائح مفيدة حول مشاكل تصميم الويب الشائعة، بما في ذلك المتصفحات التي تدعم الميزات المختلفة. على سبيل المثال، يُقارن هذا الجدول بين المتصفحات الشائعة الاستخدام في نظام التشغيل ماك أو إس إكس Mac OS X. تُغطي جداول مُماثلة أنظمة ويندوز Windows ويونيكس Unix ومنصات كمبيوتر أخرى.

مثال (3)

تستخدم جميع المتصفحات أسلوبًا متطابقًا في تصفح مواقع الويب، حيث تطلب من المستخدم إدخال عنوان ويب أو "URL:" (محدد موقع الموارد الموحد uniform resource locator) في مربع أعلى النافذة. يؤدي الضغط على مفتاح الرجوع Return key إلى طلب تحديد موقع العنوان على الإنترنت.

تشترك جميع المتصفحات أيضًا في بعض الوظائف الأخرى - بما في ذلك أزرار "التقديم Forward" و"الرجوع Backward" و"الإيقاف Stop" و"إعادة التحميل Reload" و"الإشارات المرجعية bookmarks" (أو "المفضلة favourites") لتخزين عناوين URL التي ترغب في تذكرها. ولكل منها ميزاتها الخاصة، مثل علامات تبويب Safari، التي تتيح إبقاء صفحات ويب متعددة مفتوحة دون تشويش من الشاشة.

مثال (4)

يأتي متصفح Microsoft Internet Explorer مجانًا مع كل جهاز كمبيوتر جديد تقريبًا يُباع. يوفر التطبيق متصفحه الخاص، Safari، لأجهزة Mac. لا يتوفر أي منهما لنظامي التشغيل الآخرين. وتتوفر متصفحات بديلة لكلا النظامين.

مثال (5)

هناك العديد من الآراء المتناقضة حول استخدامات الويب وكيفية عرض المحتوى. ومنهم السيد/ جاكوب نيلسن في (www.useit.com) والذي يؤمن إيمانًا راسخًا بضرورة بقاء الويب متجذرًا في وظائفه.

 

بينما يسعى القائمون على موقع www.typographic.com إلى أن يكون الويب غنيًا بصريًا وجذابًا قدر الإمكان. ما يهم أي موقع هو التزامه بمبادئ تصميم أساسية معينة، وملاءمته للمحتوى واحتياجات الجمهور. ومن هذا المنطلق، يتميز كلا الموقعين بتصميم جيد.

 

أرجو أن تنال التدوينة إعجابكم وإلى لقاء قريب بإذن الله

 

المراجع والمصادر

الدليل الكامل للتصميم الجرافيكي الرقمي.

The Complete Guide to Digital Graphic Design

 

لمزيد من التواصل تابعونا على وسائل التواصل الاجتماعي

حساب "مدونة ألوان" على فيسبوك.

حساب "مدونة ألوان" على انستجرام.

حساب "مدونة ألوان" على تويتر.