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

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

Embed Size (px)

DESCRIPTION

التطوير والتصميم. مراحل التطوير والتصميم. تنسيق عناصر محتويات المنهج على صفحات الويب. أسلوب عرض المعلومات على صفحات الويب. تنظيم المعلومات وفقا للمرحلة الدراسية. تنظيم ترابط صفحات الويب. 1) طرق تنظيم ترابط صفحات الويب. الأسلوب الخطي أو التسلسلي. التدريج الهرمي. التنظيم الشبكي او النسيج. - PowerPoint PPT Presentation

Citation preview

Page 1: التطوير والتصميم

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

Page 2: التطوير والتصميم

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

عناصر تنسيقالمنهج محتويات

صفحات علىالويب

عرض أسلوبعلى المعلومات

الويب صفحات

المعلومات تنظيمللمرحلة وفقا

الدراسية

ترابط تنظيمالويب صفحات

Page 3: التطوير والتصميم

ترابط( 1 تنظيم طرقالويب صفحات

أو الخطي األسلوبالتسلسلي

الهرمي التدريج

او الشبكي التنظيمالنسيج

Page 4: التطوير والتصميم

وفقا( 2 المعلومات تنظيمالدراسية للمرحلة

األولى السنة طالب) المستجد) الطالب

الثانية السنة طالب) بسيط) تدفق

باستخدام وذلك واخر موضوع كل بين المادة ينظم خطي اسلوبالربط ) السابق كلمتي و مثل( :التالي واخرى صفحة كل بين

الدرس يمثل حيث الوصالت بعض منه يتفرع لكن ايضا خطيا( )الوالدالرئيسي ) منه المنبثقة الفروع ( :البناءوتمثل

االبناء

الوالد

االبناء

Page 5: التطوير والتصميم

الثالثة السنة طالب) المعرفة) اكتشاف

السنة طالبالنهائية

براعتهم إلظهار للطلبة الفرصة يتيح تعقيدا اكثر هرمي أسلوبقاموا التي الصفحات تقييم كيفية الطلبة تعليم ويجب وخبراتهم

الرئيسي للموضوع والعودة بزيارتها

من الكثير لوجود متشعب شبكي تنظيمي اسلوبالمواضيع مختلف بين الروابط

للمرحلة( 2 وفقا المعلومات تنظيمالدراسية

Page 6: التطوير والتصميم

الهرم أسلوبالمعكوس

على التأكيدالمفاهيم

المهمة

االختيارات المقيدة

الموجز العرض

أسلوب( 3عرض

المعلومات صفحات على

الويب

*تحديد النقاط المهمة*تقسيم الموضوع الى

مقاطع* تحديد عناوين المفاهيم

* التغميق* التلخيص

Page 7: التطوير والتصميم

العناوين- 2

صفحات- 1 في الروابطlinksاالنترنت

على المنهج محتويات عناصر تنسيقالويب صفحات

تعتبر الروابط من االدوات الرئيسية الهامه للتنقل بين صفحات المنهج وكذلك للمالحة

خارج صفحات المنهج أي انها تعمل كوصله ربط بين المصادر الخارجية والمنهج

يفضل عنونه كل صفحه حسب URLsمضمونها وأال تكون عناوين المواقع

معقده كتابه العناوين الكبيرة في اعلى

الصفحة لتوضيح محتويات الموقع استخدام عناوين رئيسيه متدرجة في

الحجم لإلشارة للمستويات االكثر اهميه تسجيل كافه العناوين االلكترونية

والبريدية وأرقام الهواتف والفاكس الخاصة بالمسؤولين والمشرفين واعضاء هيئيه التدريس إلتاحة الفرصة لمن ليس

لديهم امكانية ان يستخدم العناوين التقليدية

Page 8: التطوير والتصميم

المحتويات- 3 وضعإطارات في

على المنهج محتويات عناصر تنسيقالويب صفحات

لكي يمنع التكسر المحتويات او تغير مكانها في حالة تغير درجه الوضوح أي تغير خطوط طول الشاشة .

Page 9: التطوير والتصميم

استخدام- 7الرسومات

الشعارات- 6 استخدام

اليتيمة- 8 الصفحات

طباعة- 9 امكانيةالمنهج صفحة

االلوان- 4 الخلفيات- 5استخدام مراعاة

على المنهج محتويات عناصر تنسيقالويب صفحات

هي الصفحة التي ال يتوفر فيها روابط تسمح باالنتقال الى الصفحة الرئيسية والصفحات التي تليها وتسبقها. لذلك يجب أن تتضمن

الصفحة روابط للصفحة الرئيسية والصفحة ان ابقاء معلومات الموضوع الواحد المتصله السابقة والصفحة التي تليها.

افضل من تجزئتها الى نوافذ مستقله لكل مختلف عن االخر الن هذا URLمنها عنوان

يسهل طباعه

Page 10: التطوير والتصميم

الصفحات- 10 تصميمالطويلة

على المنهج محتويات عناصر تنسيقالويب صفحات

ان بعض المواقع االكاديميه كثيرا ماتحتاج الى تلك الناحية لتنظيم الوصول الى معلومات المنهج بسهوله فى

الحاالت التالية :* اذا دعت الحاجه الى استخدام الصفحات الطويله

المتصله فمن االفضل وضع روابط في نهايه وبدايه كل صفحه .

* اذا كان عرض المعلومات يتطلب اكثر من صفحه واحده فينبغي ان تكون المعلومات االكثر اهميه معروضه دائما

في قمه الصفحه .* الشك انه من الصعب قراءة الصفحات الطويله على

الشبكه لذلك ينبغي تجزئتها الى مقاطع بينها فراغات .

Page 11: التطوير والتصميم

المعلومات- 11 أي تحديث معلومات الموقع باستمرار لمواكبة التطور والتغيرات"..تحديث

على المنهج محتويات عناصر تنسيقالويب صفحات

من المناسب ان تحتوي الصفحة على

مخطط تفصيلي للمنهج وذلك بان تكون

صفحة واحده فقط حتى يمكن وضعها في

المفضلة .

للموقع- 12 خريطة تصميمالوصول عملية تجعل

وسريعة سهله للمعلومات