التطوير والتصميم

1. التطوير والتصميم

2. مراحل التطوير والتصميم • تنسيق عناصر محتويات المنهج على صفحات الويب • أسلوب عرض المعلومات على صفحات الويب • تنظيم المعلومات وفقا للمرحلة الدراسية • تنظيم ترابط صفحات الويب

3. 1) طرق تنظيم ترابط صفحات الويب • الأسلوب الخطي أو التسلسلي • التدريج الهرمي • التنظيم الشبكي او النسيج

4. 2) تنظيم المعلومات وفقا للمرحلة الدراسية • طلاب السنة الأولى • (الطالب المستجد) اسلوب خطي ينظم المادة بين كل موضوع واخر وذلك باستخدام كلمتي الربط ( التالي و السابق ) بين كل صفحة واخرى مثل : • طلاب السنة الثانية • (تدفق بسيط) خطي ايضا لكن يتفرع منه بعض الوصلات حيث يمثل الدرس الرئيسي (الوالد) وتمثل الفروع المنبثقة منه (الابناء) : الابناء الوالد الابناء

5. 2) تنظيم المعلومات وفقا للمرحلة الدراسية • طلاب السنة الثالثة • (اكتشاف المعرفة) اسلوب تنظيمي شبكي متشعب لوجود الكثير من الروابط بين مختلف المواضيع • طلاب السنة النهائية أسلوب هرمي اكثر تعقيدا يتيح الفرصة للطلبة لإظهار براعتهم وخبراتهم ويجب تعليم الطلبة كيفية تقييم الصفحات التي قاموا بزيارتها والعودة للموضوع الرئيسي

6. العرض الموجز • أسلوب الهرم المعكوس • 3) أسلوب عرض المعلومات على صفحات الويب *تحديد النقاط المهمة*تقسيم الموضوع الى مقاطع* تحديد عناوين المفاهيم * التغميق* التلخيص • التأكيد على المفاهيم المهمة • الاختيارات المقيدة

7. تنسيق عناصر محتويات المنهج على صفحات الويب تعتبر الروابط من الادوات الرئيسية الهامه للتنقل بين صفحات المنهج وكذلك للملاحة خارج صفحات المنهج أي انها تعمل كوصله ربط بين المصادر الخارجية والمنهج • 1-الروابط في صفحات الانترنت links • 2-العناوين • يفضل عنونه كل صفحه حسب مضمونها وألا تكون عناوين المواقع URLs معقده • كتابه العناوين الكبيرة في اعلى الصفحة لتوضيح محتويات الموقع • استخدام عناوين رئيسيه متدرجة في الحجم للإشارة للمستويات الاكثر اهميه • تسجيل كافه العناوين الالكترونية والبريدية وأرقام الهواتف والفاكس الخاصة بالمسؤولين والمشرفين واعضاء هيئيه التدريس لإتاحة الفرصة لمن ليس لديهم امكانية ان يستخدم العناوين التقليدية

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

9. تنسيق عناصر محتويات المنهج على صفحات الويب • 6-استخدام الشعارات • 5-مراعاة الخلفيات • 4-استخدام الالوان • 7- استخدام الرسومات هي الصفحة التي لا يتوفر فيها روابط تسمح بالانتقال الى الصفحة الرئيسية والصفحات التي تليها وتسبقها. لذلك يجب أن تتضمن الصفحة روابط للصفحة الرئيسية والصفحة السابقة والصفحة التي تليها. • 8-الصفحات اليتيمة ان ابقاء معلومات الموضوع الواحد المتصله افضل من تجزئتها الى نوافذ مستقله لكل منها عنوان URLمختلف عن الاخر لان هذا يسهل طباعه • 9-امكانية طباعة صفحة المنهج

10. تنسيق عناصر محتويات المنهج على صفحات الويب • 10-تصميم الصفحات الطويلة ان بعض المواقع الاكاديميه كثيرا ماتحتاج الى تلك الناحية لتنظيم الوصول الى معلومات المنهج بسهوله فى الحالات التالية :* اذا دعت الحاجه الى استخدام الصفحات الطويلهالمتصله فمن الافضل وضع روابط في نهايهوبدايه كل صفحه . * اذا كان عرض المعلومات يتطلب اكثر من صفحه واحده فينبغي ان تكون المعلومات الاكثر اهميه معروضه دائما في قمه الصفحه .* لاشك انه من الصعب قراءة الصفحات الطويله على الشبكه لذلك ينبغي تجزئتها الى مقاطع بينها فراغات .

11. تنسيق عناصر محتويات المنهج على صفحات الويب • 11-تحديث المعلومات أي تحديث معلومات الموقع باستمرار لمواكبة التطور والتغيرات".. من المناسب ان تحتوي الصفحة على مخطط تفصيلي للمنهج وذلك بان تكون صفحة واحده فقط حتى يمكن وضعها في المفضلة . • 12-تصميم خريطة للموقع تجعل عملية الوصول للمعلومات سهله وسريعة