تابع مشروع العمل من المنزل الدرس الثالث
كيف نبني موقع أنترنت جذاب
في الجزء الثاني تعرفنا على أهمية محتوى الموقع و دوره في الحفاظ على زوارك و سمعة
الموقع ، ثم تعرضنا إلى أسرار جلب المحتوى لموقعك (خاصة إذا كان بلغة أجنبية)
واليوم سنتعرض لعنصر لا يقل أهمية ألا و هو :
العرض :
إن عرض محتوى موقعك بشكل جذاب يجني تعاطف زوارك ، و ربما زيارات دائمة .
ثم إن موقعا يعرض صفحاته بشكل جذاب و يسهل على المستعملين التصفح و التنقل بصفة
سلسة و ممتعة يجعل بينه و بين مواقع أخرى تعالج نفس الموضوع فرقا كبيرا . نحن هنا
لا نتحدث عن العرض الجمالي (الغرافيك) و إنما عن إعدادات الصفحات و تناسقها و
تنظيم الموضوعات و غعطائها القيمة التي تستحقها ، إبراز ألوان النصوص و العناوين
بشكل مناسب و تكبير الخط أو تصغيره على حسب طبيعة الموضوعات ..
و لتحسين التنسيق ، تستطيع استعمال الجداول و الخطوط الفاصلة . معالجة العرض بشكل
دقيق يضمن لك شكل مريح لنصوصك داخل صفحات الموقع . و تنظيم الموضوعات في أقسام يسهل
على القارئ إيجاد ما يريد بشكل سهل و سريع .
من بين العناصر الأكثر أهمية في العرض ، حجم الخط ، لا يجب أن يكون صغيرا جدا حتى
يتعب عيني القارئ أو كبير جدا حتى لا يشعر الزائر بالتهجم ..
تجنب قدر المستطاع استعمال التأثيرات الخاصة مثل الجافا على النصوص أو فلاش لأن ذلك
يجعل التصفح بطيء و في بعض الأحيان لا يتم العرض نهائيا و هذا لا يخدم مصلحة موقعك
1 - استعمل الجداول و خلفيات الألوان :
لكي تبني موقعك دون أن تثقل كاهله بالصور و الرسومات ، استعمل خلفية الجداول بمختلف
الأحجام و بمختلف الألوان. الجداول “المبرمجة” لا تحتاج إلا إلى بضعة حروف من شيفرة
الـ “html” و تترك موقعك ذو تصفح سريع لزوارك .
عليك أن تترك لتناسق الألوان مجالا حتى لا يصبح موقعك فوضى الألوان. استعمل الجداول
أيضا لتنظيم النصوص ، القوائم و المعلومات المختلفة و التفريق بينها بشكل دقيق.
2 - تعلم أنماط CSS :
من السهل جدا ان تتعلم برمجة أنماط CSS و معرفة اللغة المستعملة و التي تترجمعها
أغلب برامج التصفح التي يستخدمها مستعملي الانترنت عبر العالم.
أنماط CSS تسمح بالتحديد المسبق لموقعك طريقة عرض ألوان النصوص و الروابط و القوائم
و الجداول … و ذلك عن طريق سكريبت وحيد يتم تحميله في بداية كل صفحة . تستطيح أن
تحدد ما إذا كانت الروابط في موقعك مسطرة أم لا ، هل تغير لونها عندما يمرر
المستخدم المؤشر فوقها أم لا ، تحدد ألوان إطار المتصفح ، تحدد بعض الأجزاء من
الإستمارات الخاصة بك ، الأزرار أو القائمة المنسدلة …الخ
حدد الأنماط مرة واحدة في ملف يمثل الأهمية القصوى لتحديث أنماط الألوان للموقع
دفعة واحدة ، و بسهولة .
3 - استعمل ثلاث أشكال من الخطوط على الأكثر :
لكي لا تثقل موقعك من غير ضرورة ، يستحسن ألا تستعمل في النصوص أكثر من ثلاث خطوط
مختلفة . تعدد أنواع الخط لا يعطي الانطباع بجدية موقعك .. هذا الخطا شائع كثيرا
عندما نقدم على إنشاء موقعنا لأول مرة .
4 - اختر عناوين جذابة :
عليك أن تحمس زوارك لقراءة موضوعاتك ، أو لقضاء وقت طويل في تصفح موقعك ، لتحقيق
ذلك ، عليك ان تجعل عناوينك الرئيسية و الروابط النصية جذابة . بمعنى آخر يجب ان
تجلب الانتباه و تثير الفضول و تحث على القراءة
إليك بعض الامثلة :
اكتب : انقر هنا لاكتشاف الصور الجديدة للموقع
بدلا من : مجموعة الصور الأولى
أو أكثر من ذلك العبارة التالية : أنقر لمعرفة الخدع الجديدة باستعمال الـ html
عوضا عن : أنقر لمعرفة كيف تستعمل الـ html
5- أدرج قائمة بزر الرجوع للرئيسية في كل صفحة
ليس هناك شيء أكثر إزعاجا عندما نتصفح موقع ثم لا نجد كيفية العودة للصفحة البداية
(الرئيسية) . لكي تتفادى التفخيخ اللاإرادي لزوار موقعك ، ننصحك إذن بإدراج قائمة
يمكن الوصول إليها من جميع صفحات موقعك ، و قد تكون هذه القائمة هي قائمة التصفح
الرئيسية أو روابط في أعلى او أسفل الصفحات . هذه القائمة تسمح بالعودة السريعة
لصفة الاستقبال او للصفحة العامة للمجموعة أو القسم .
6 - استلهم افكارك من المواقع الاخرى :
لكي تجد بسهولة أفكار تصميمية ، و تنسيقية و أفكار الألوان .. فمن الأحسن تصفح
العديد من المواقع و تسجيل ملاحظاتك عن الأفكار و الجديدة و المبدعة التي تصادفها .
و حتى تتمكن من تحقيق هذا الهدف عليك ان تنظم بحثك ، مثلا إذا كنت تبحث عن افكار
لتصميم موقعك وجه بحثك للمواقع المتخصصة في التصميم الاحترافي و الغرافيك و وكالات
الإشهار لأن مهنتهم تجبرهم على تحسين نوعية التصاميم الخاصة بمواقعهم . و لكي تجد
بعض السكريبتات لتحسين خدمات موقعك و تنظيم محتواه ما عليك إلا زيارة المنتديات
المتخصصة في هذا المجال .
في الأخير عليك أن تعلم أن هوية موقعك و تميزه عن الآخرين يكمن في مدى سهرك على
تحسينه و إعطائه الشكل اللائق به و بمحتوى صفحاته و الخدمات التي يقدمها
{ منقول للإفادة }