خطوات تصميم موقع
تصميم موقع
عزيزي :-
1:- قبل ان تبداء في تصميم صفحات موقعك والدخول في الأمور التقنية. أمسك ورقة وقلما واكتب ما الذي تريدة من هذا الموقع وما الذي سيحصل علية الزائر عند دخولة للموقع وما الذي سيجعل الزائر يعاود الزيارة
لموقعك مرة اخرى ومن ثم ابداء ب :
ا : تحديد موضوع موقعك وما سيحتاجه من معلومات .
ب : ابدأ في جمع المعلومات والملفات وكل ما يحتاجه موقعك .
ج: ابدأ في تحرير النصوص التي ستضعها في موقعك بواسطة المفكرة ( Notbad ) المرفقة بويندوز واحفظها في جهازك .
د : ابدأ بصنع الصور والعناوين التي ستدرجها في صفحات موقعك وذلك بواسطة أي برنامج رسم تجيد استخدامه مثل : فوتو شوب - بينت شوب - كورل درو - فلاش ... إلخ .
ه: تحديد البرنامج الذي ستستخدمه لتصميم صفحات الويب لموقعك هناك العديد من البرامج التي تقوم بنفس العمل ... ولكني أنصح ببرنامج الفرونت بيج xp لأنة سهل الأستخدام 00 وهو برنامج قوي تستطيع أن تصمم صفحات
بمستوى احترافي بواسطته. وهذة مجموعة من الروابط لكيفية أستخدام البرنامج
http://www.albakr.net/new_page_1.htm
http://learning.8m.com/
http://www.asdaff.com/FrontPage/
2:- من أجل بث الحياة في الموقع عليك بالصور في الموقع . وخاصة اذا كانت تمثل أضافة للمحتوى الموجود بالموقع .
ولكن انتبة فهي سلاح ذو حدين فهي قد تكون طاردا للزوار اذا كانت الصور التي تستخدمها كبيرة الحجم وتحتاج وقتا طويلا حتى يتم انزالهامن الموقع . يوجد برامج كثيرة للتعامل مع الصور التي تستخدم غلى صفحات
الأنترنت ووظيفتها تخفيض حجم الصور الى اقل حجم ممكن .
ادخل الى هذا الموقع لتختار احدى هذة البرامج
http://www.tucows.com/
3:- أختر نوع الصور المناسب ومن اشهر انواع الملفات المستخدمة (jpg) او (gif) . ولكن يجب ان تختار النوع المناسب فالصور التي تضم حروفا او لوجو او كلمات فمن الأفضل ان تكون (gif) اما باقي الصور في الموقع
فنختار لها (jpg) المضغوط. واذا كامنت الصورة كبيرة فمن الأفضل ان تقسمها الى عدد من الأجزاء الصغيرة ويمكنك استخدام برنامج Jpeg Optimizer وعليك بزيارة الموقع التالي
http://www.xat.com/
4:- حاول قدر الأمكان ان تبتعد عن الرسوم المتحركة والكلمات التي تتحرك بعرض الشاشة والأضواء التي تضيء وتطفي لأنها ترهق العين وهي موضة كانت سابقا . والأن الزائر يبحث عن التصميم البسيط والموضوعي . وحاول
ان تكون خلفية الموقع لونا واحدا.
5:- من المهم ان تظهر النصوص في صفحات موقعك بنفس اشكال الحروف ونفس المقاس للخط .
6:- الصفحة الأولى هي اكثر الصفحات اهمية .. فحاول ان تكون جذابة 000 وان لا تستغرق فترة تحميلها اكثر من 10 ثواني 00
7:- الأنطباع في الثواني الأولى الذي يتكون عند المستخدم حين زيارتة للصفحة الرئيسيةللموقع . اذا كان جيدا فيستمر المستخدم في التنقل بين صفحاتة 000 وهو الهدف الذي يجب ان نسعى من اجلة 000 اما اذا كان
الأنطباع سلبيا لدى الزائر فلن يتردد بالخروج من الموقع 000 ضع هذة القاعدة نصب ع**** 000
8:- حاول ان يكون الأبحار سهلا في موقعك 000 حاول ايجاد المفاتيح لأبواب موقعك في كل صفحة 000 حتى ينتفل الزائر الى اي صفحة يريد ومن اي صفحة.
9:- أختبر موقعك جيدا بأنة يعمل بشكل سليم على جميع أنواع برامج التصفح ونظم التشغيل . وخاصة اذا كان الموقع باللغة العربية.
10:- من المهم ان نختبر صفحات الموقع على درجات مختلفة من الجودة (resolution) الموقع التالي يفيد
http://www.applythis.com/browsersizere
11:- حاول عدم استخدام النوافذ (pop-up) التي تفتح بعد الدخول الى احدى الصفحات في الموقع . وهي عادة تستخدم للدعاية .لأن مستخدمي شبكة الأنترنت يكرهون هذة النوافذ لأنها تاخذ منها وقتا اضافيا لتسكيرها او
تجبرهم على استخدام برامج منع عرض هذة النوافذ (pop-up killer).
12:- ابتعد عن التعامل مع البرامج والأدوات التي لا تجعل الصفحة تظهر بشكل جيد الا اذا قام الزائر بتحميل برامج
(plug-in) على حاسبة 00 لأنها تسبب عبئا على الزائر . يجب ان يكون الموقع سهل التصفح للزائر العادي ولا نتوقع ان يكون الزوار كلهم خبراء انترنت
13:- أختيار عنوان الموقع
عند اختيارك لعنوان الموقع فيجب ان تكون حريصا لأنة من الصعب تغييرة في المستقبل
ا: أستخدم الحروف الصغيرة (small letters) للعنوان
ب: تأكد من ان العنوان الذي اخترتة لم يكن محجوزا لأحد من قبل على الشبكة والموقع التالي يقوم بالأختبار
http://www.netnames.com/
ج: عنوان الموقع يتكون من عادة من اربعة مقاطع وهي :
المقطع الأول : www وهو جزء ثابت لمعظم مواقع الشبكة وهو يدل على لن الموقع يستخدم تقنية
world wide web
المقطع الثاني : وهو يدل على صاحب الموقع وانت تقوم باختيارة
المقطع الثالث : com وهو اختصار ل commercial اي موقع لة نشاط تجاري او org وهو اختصار
organization اي مؤسسة او منظمة او net وهو اختصار network اي شبكة وهي تشمل الشبكات الاخبار والأنترنت ... الخ او mil اختصار military وهي مواقع عسكرية او edu اختصار education اي مواقع تعليمية... المقطع
الرابع : ويتكون من حرفين ويدل على الدولة الذي ينتمي الية الموقع مثل:
jo الأردن ... sa السعودية ... eg مصر ... uk بريطانيا .... الخ . اما امريكا فهي مستثناة من
المقطع الرابع .
د: حاول ان يكون عنوان الموقع قصيرا
14:- دع محركات البحث العالمية تتعرف على موقعك
ا: عمل الميتاتاغ مهم جدا للموقع : الميتاتاغ هو امر يكتب في صفحات html وهي تحتوي على معلومات وكلمات مفتاحية منتقاة من صفحات موقعك ويتم اضافتها في راس الصفحة من اجل ان تتعرف محركات البحث على موقعك .
فكن حريصا على انتقاء الكلمات التي تشمل موقعك بالكامل
ب: تعدد الأطارات في الصفحة (frames) يؤدي الى اعاقة محركات البحث من التعرف على موقعك فحاول تجنبها
اما كيفية حجز مساحة للموقع وكذلك نقل الملفات والصفحات الى المساحة التي حجزتها وكذلك اضافات لا تستطيع عملها بواسطة برنامج الفرونت بيج ، مثل : سجل الزوار - عداد الزوار - قوائم الاستفتاء - قوائم بريدية
- محركات البحث.... الخ , فيمكنك من الدخول الى هذة المواقع لمساعدتك في ذلك
http://www.des4arab.com/home/index.php
http://qatardr.net/showcat.php?catid=1
عند اختياركم لموقع الأستضافة (hosting) عليكم مراعاة مستوى الخدمة التي يقدمها الموقع ومنها
1:- درجة استقرار الحاسبات في الموقع
ان حدوث اي خلل في بالحاسب الخادم الذي يستضيف الموقع قد يؤدي الى توقف الموقع عن العمل
2:- الدعم الفني
يجب ان نحصل على دعم فني من طاقم من المهندسين والخبراء عالى الكفاءة لكي يساعدنا على تخطي المشكلات التي قد تواجهنا مثل تحديت الصفحات في الموقع او في خدمة لا تعمل بشكل جيد 000 الخ
3:- سرعة الموقع
يجب ان تكون سرعة الأتصالات (band width) عالية في موقع الأستضافة وذلك لضمان وصول صفحات الموقع الى حاسب المستخدم في فترة زمنية قليلة جدا (uptimes) ولا يجب ان تزيد عن بضع ثواني
