المحاضرة التاسعة الدليل المصور ويبلي

1. 1
‫التعليم‬ ‫في‬ ‫الحاسوب‬
EDCT 579
‫الدكتورة‬ ‫لسعادة‬/‫عائشة‬‫بليهش‬‫العمري‬

2. 2
2
‫اآللي‬ ‫بالحاسب‬ ‫التعريف‬,‫المكونات‬ ‫على‬ ‫والتعرف‬ ‫أهميته‬ ‫ومميزاته‬
‫التخزين‬ ‫ووسائط‬ ‫الحاسوب‬ ‫في‬ ‫األساسية‬
‫في‬ ‫المستخدمة‬ ‫اللغات‬ ،‫الحاسوب‬ ‫أجيال‬ ،‫للحاسوب‬ ‫التاريخي‬ ‫التطور‬
‫الحاسوب‬ ‫برمجة‬.
‫التقديمية‬ ‫العروض‬ ‫انتاج‬ ‫مهارات‬ ‫على‬ ‫المتعلمين‬ ‫تدريب‬‫الصوت‬ ‫وتسجيل‬
‫باستخدام‬Audacity‫المصدر‬ ‫المفتوحة‬ ‫برامج‬ ‫أشهر‬ ‫أحد‬.
‫وتدريب‬ ‫تعليمي‬ ‫موقع‬ ‫تصميم‬ ‫وخطوات‬ ‫التعليم‬ ‫في‬ ‫االنترنت‬ ‫تطبيقات‬ ‫أهم‬
‫االنترنت‬ ‫على‬ ‫ونشره‬ ‫تصميمه‬ ‫على‬ ‫الطالبات‬
‫مرحلة‬ ‫المحوسبة‬ ‫التعليمية‬ ‫البرمجيات‬ ‫وانتاج‬ ‫تصميم‬ ‫وخطوات‬ ‫مراحل‬(
‫التقويم‬ ،‫التنفيذ‬ ،‫التجهيز‬ ،‫السيناريو‬ ‫كتابة‬ ،‫التصميم‬ ،‫االعداد‬)
‫التعليم‬ ‫في‬ ‫الحاسوب‬ ‫استخدامات‬:‫التعليم‬ ‫ومعوقات‬ ‫مميزات‬
‫بمساعدة‬‫الحاسوب،الحاسوب‬‫التعليمية‬ ‫اإلدارة‬ ‫في‬ ‫كأداة‬.
‫معايير‬ ‫وتحديد‬ ‫ومكوناتها‬ ‫وأنماطها‬ ،‫التعليمية‬ ‫البرمجيات‬ ‫مفهوم‬
‫ضوء‬ ‫في‬ ‫وتقييمها‬ ‫الجيدة‬ ‫التعليمية‬ ‫البرمجيات‬ ‫وتصميم‬ ‫اختيار‬
‫العالمية‬ ‫المعايير‬.
‫العرض‬ ‫برنامج‬‫التقديمي‬(power point)‫البرنامج‬ ‫خصائص‬ ،
‫العرض‬ ‫برنامج‬ ‫مهارات‬ ،‫وإمكاناته‬‫التقديمي‬(power point.)
‫الكلمات‬ ‫معالج‬ ‫برنامج‬((Microsoft Office Word 2007‫عن‬ ‫مقدمة‬ ،
‫البرنامج‬ ‫مهارات‬ ‫أهم‬ ،‫ميزاته‬ ،‫البرنامج‬
‫التعليمية‬ ‫البرمجيات‬ ‫تصميم‬ ‫إليها‬ ‫تستند‬ ‫التي‬ ‫النظرية‬ ‫األسس‬،‫نظريات‬
‫التعلم‬،‫السلوكية‬ ‫النظريات‬،‫ا‬‫التع‬ ‫نظريات‬ ، ‫المعرفية‬ ‫لنظريات‬‫ليم‬،
‫النظم‬ ‫نظرية‬ ، ‫االتصال‬ ‫نظرية‬.
،‫ومسحه‬ ‫عنه‬ ‫الكشف‬ ‫وطرق‬ ‫وأعراضه‬ ‫الحاسوب‬ ‫فيروس‬ ‫تعريف‬
،‫الحاسوب‬ ‫مع‬ ‫للتعامل‬ ‫الصحيحة‬ ‫الطرق‬‫الحاسوب‬‫حياتنا‬ ‫في‬.
‫العرض‬ ‫برنامج‬ ‫مهارات‬‫التقديمي‬
(power point.)
‫التعليم‬ ‫في‬ ‫االنترنت‬ ‫استخدام‬:‫واستخدامات‬ ‫تطبيقات‬ ،‫اإلنترنت‬ ‫مفهوم‬
‫مجموعات‬ ،‫البريدية‬ ‫القوائم‬ ،‫اإللكتروني‬ ‫البريد‬ ،‫التعليم‬ ‫في‬ ‫اإلنترنت‬
‫بعد‬ ‫عن‬ ‫االتصال‬ ،‫المخاطبة‬ ‫أو‬ ‫المحادثة‬ ‫برامج‬ ،‫األخبار‬

3. 3
‫التعليم‬ ‫في‬ ‫الحاسوب‬
EDCT 579

4. 4
‫ـرض‬‫ـ‬‫ـ‬‫ـ‬‫ـ‬‫ـ‬‫ـ‬‫ـ‬‫ـ‬‫ـ‬‫ـ‬‫ـ‬‫ع‬‫ال‬ ‫ـويات‬‫ـ‬‫ـ‬‫ـ‬‫ـ‬‫ت‬‫مح‬
‫األهداف‬‫املحاضرة‬‫األسئلة‬
‫الطالبات‬‫تطبيق‬
‫املحاضرة‬ ‫على‬

5. 5
‫ا‬‫التاسعة‬ ‫لمحاضرة‬
‫ر‬‫املصو‬‫الدليل‬
‫موقع‬ ‫باستخدام‬‫مجاني‬‫ويب‬ ‫موقع‬ ‫تصميم‬ ‫لطريقة‬
weebly

6. 6
‫األهداف‬:
‫أن‬ ‫على‬ ‫قادرة‬ ‫الطالبة‬ ‫تكون‬ ‫المحاضرة‬ ‫نهاية‬ ‫في‬ ‫يتوقع‬:
‫أن‬‫يتعرف‬‫ويبلي‬‫موقع‬ ‫على‬ ‫املتعلم‬weebly.
‫أن‬‫املتعلم‬ ‫يعدد‬(3)‫ويبلي‬‫موقع‬‫يقدمها‬‫التي‬ ‫املواقع‬ ‫انواع‬ ‫من‬weebly.
‫فيه‬ ‫التسجيل‬ ‫وكيفية‬‫املوقع‬ ‫واجهة‬ ‫على‬‫التعرف‬.
‫مجاني‬ ‫ويب‬ ‫موقع‬ ‫لتصميم‬ ‫ويبلي‬‫موقع‬‫استخدام‬ ‫كيفية‬ ‫على‬ ‫املتعلم‬ ‫يتعرف‬ ‫أن‬.
‫استخدامها‬ ‫وكيفية‬‫فيها‬ ‫األدوات‬ ‫أهم‬ ‫و‬‫الرئيسة‬‫الصفحة‬ ‫على‬ ‫املتعلم‬ ‫يتعرف‬ ‫أن‬.
‫املتعددة‬‫الوسائط‬ ‫إضافة‬ ‫مع‬ ‫به‬ ‫خاصة‬‫مجانية‬ ‫ويب‬‫صفحة‬ ‫املتعلم‬ ‫يصمم‬ ‫أن‬.

7. 7
‫ر‬‫املصو‬ ‫الدليل‬
‫موقع‬‫باستخدام‬ ‫مجاني‬‫ويب‬ ‫موقع‬‫تصميم‬‫لطريقة‬
weebly
‫إعداد‬:‫الحجيلي‬ ‫سمر‬
‫د‬:‫بنت‬ ‫عائشة‬‫بليهش‬‫ي‬‫العمر‬

8. 8
•‫ويبلي‬(weebly)‫ب‬ ‫خاص‬ ‫موقع‬ ‫تصميم‬ ‫على‬ ‫املستخدم‬ ‫يساعد‬ ‫مجاني‬ ‫موقع‬ ‫هو‬‫ه‬
‫الخيا‬ ‫من‬ ‫العديد‬ ‫تقديم‬‫مع‬ ‫البرمجة‬ ‫لغات‬‫على‬ ‫االعتماد‬ ‫ن‬‫دو‬‫ق‬‫الطر‬ ‫بأسهل‬‫ات‬‫ر‬
‫حس‬‫املواقع‬ ‫من‬ ‫انواع‬ ‫ثالثة‬‫على‬‫ستحصل‬ ‫له‬‫استخدامك‬ ‫فعند‬ ، ‫املتنوعة‬‫ب‬
‫ك‬‫ر‬‫اختيا‬(‫ويب‬ ‫موقع‬ ‫او‬‫متجر‬ ‫او‬ ‫مدونة‬)‫مواقع‬ ‫عشرة‬‫صنع‬ ‫يمكنك‬ ‫كما‬
‫فيهم‬ ‫والتحكم‬‫واحد‬ ‫ويبلي‬ ‫بحساب‬‫بسهولة‬.
•‫ابط‬‫ر‬‫ال‬ ‫طريق‬ ‫عن‬ ‫املوقع‬‫إلى‬‫ل‬‫الدخو‬ ‫يتم‬www.weebly.com

9. 9
‫ويب‬ ‫موقع‬ ‫استخدام‬ ‫كيفية‬ ‫عن‬ ‫مفصل‬ ‫دليل‬ ‫يلي‬ ‫فيما‬‫لي‬
‫مجاني‬ ‫ويب‬ ‫موقع‬ ‫لتصميم‬:

10. 10
‫املوقع‬ ‫واجهة‬
‫الموقع‬ ‫في‬ ‫التسجيل‬‫الدخول‬ ‫تسجيل‬

11. 11
‫املوقع‬ ‫شعار‬

12. 12‫قم‬
ً
‫أوال‬‫ب‬‫املوقع‬ ‫في‬ ‫التسجيل‬:
‫االسم‬
‫االلكترو‬ ‫البريد‬‫ني‬
‫المرور‬ ‫كلمة‬
‫التسجيل‬

13. 13
‫االلكترون‬ ‫البريد‬‫إدخال‬ ‫طريق‬ ‫عن‬ ‫للموقع‬ ‫ل‬‫الدخو‬ ‫يمكنك‬‫ذلك‬ ‫بعد‬‫وكلمة‬ ‫ي‬
‫تسجيلها‬‫املسبق‬‫ر‬‫و‬‫املر‬:
‫المرور‬ ‫كلمة‬
‫االلكترو‬ ‫البريد‬‫ني‬
‫الدخول‬ ‫تسجيل‬

14. 14
‫باخ‬ ‫قم‬‫مدونة‬ ‫أو‬ ‫متجر‬ ‫أو‬ ‫موقع‬ ‫إنشاء‬‫إمكانية‬ ‫املوقع‬ ‫لك‬‫يتيح‬‫تيار‬
‫موقع‬
‫موقع‬ ‫اختر‬

15. 15
‫ثيمات‬‫البرنامج‬‫يقدم‬‫مختلفه‬‫من‬ ‫املناسب‬‫اختيار‬ ‫يمكنك‬‫ها‬:
1-‫الثيمات‬ ‫أحد‬ ‫اختر‬
2-‫هنا‬ ‫أضغط‬

16. 16
‫اختيار‬ ‫بعد‬‫الثيم‬‫اختي‬ ‫منك‬ ‫يطلب‬‫حيث‬ ‫النافذة‬ ‫هذه‬ ‫لك‬‫ستظهر‬ ‫املناسب‬‫ار‬
‫املجال‬(‫النطاق‬: )
1-‫المجاني‬ ‫النطاق‬ ‫هذا‬ ‫اختر‬
‫بك‬ ‫الخاص‬ ‫الموقع‬ ‫اسم‬ ‫واكتب‬
2-‫هنا‬ ‫أضغط‬

17. 17
‫وفي‬‫الرئيسية‬ ‫موقعك‬‫صفحة‬ ‫إلى‬ ‫املوقع‬‫سينقلك‬ ‫ذلك‬ ‫بعد‬‫شرح‬‫يلي‬‫ما‬
‫لها‬:
‫بالموقع‬ ‫الخاصة‬ ‫االعدادات‬‫الموقع‬ ‫صفحات‬‫الصفح‬ ‫في‬ ‫العمل‬‫ة‬
‫الموقع‬ ‫تصميم‬
‫الموقع‬ ‫اسم‬
3‫افتراضيه‬ ‫صفحات‬
‫ترتيبه‬ ‫تغيير‬ ‫يمكنك‬‫ا‬
‫واالضافة‬ ‫واعداداتها‬
‫عليها‬
‫يمكنك‬ ‫االدوات‬ ‫شريط‬
‫والتعامل‬ ‫أداة‬ ‫أي‬ ‫سحب‬
‫مباشرة‬ ‫معها‬
‫النش‬‫ر‬
‫الموق‬ ‫ترقية‬‫ع‬
‫الرئيسي‬ ‫العنوان‬
‫بك‬ ‫خاص‬ ‫متجر‬

18. 18
‫وكتاب‬ ‫هنا‬ ‫بالنقر‬ ‫قم‬‫ة‬
‫الرئيسي‬ ‫العنوان‬
‫هذا‬ ‫خالل‬ ‫من‬ ‫النص‬ ‫تنسيق‬ ‫يمكنك‬
‫عند‬ ً‫ا‬‫تلقائي‬ ‫يظهر‬ ‫الذي‬ ‫الشريط‬
‫الكتابة‬‫ه‬ ‫بالنقر‬ ‫قم‬‫نا‬
‫اسم‬ ‫وكتابة‬
‫الموقع‬

19. 19
ً
‫استخداما‬ ‫وأكثرها‬ ‫األدوات‬ ‫ألهم‬‫شرح‬ ‫هنا‬:
‫نص‬
‫صور‬ ‫مجموعة‬
‫خريطة‬
‫عنوان‬
‫صور‬
‫متسلسة‬ ‫صور‬
‫مسافه‬ ‫وضع‬
‫لالتصال‬ ‫نموذج‬

20. 20
‫فاصل‬ ‫خط‬
‫ازرار‬ ‫البحث‬ ‫مربع‬
‫صوت‬
‫فيديو‬
‫يوتي‬ ‫من‬ ‫فيديو‬‫وب‬
‫ملف‬
‫فالش‬

21. 21
‫التالية‬ ‫الخطوات‬‫اتبع‬‫عنوان‬ ‫إلضافة‬:
1-‫أيقون‬ ‫بسحب‬ ‫قم‬‫ة‬
‫المحدد‬ ‫للمكان‬ ‫عنوان‬ 2-‫والتح‬ ‫العنوان‬ ‫لكتابة‬ ‫انقر‬‫رير‬

22. 22
‫التالية‬ ‫الخطوات‬‫اتبع‬‫نص‬ ‫إلضافة‬:
1-‫أيقون‬ ‫بسحب‬ ‫قم‬‫ة‬
‫المحدد‬ ‫للمكان‬ ‫نص‬
2-‫والتحر‬ ‫النص‬ ‫لكتابة‬ ‫انقر‬‫ير‬

23. 23
‫التالية‬‫الخطوات‬‫اتبع‬‫ة‬‫ر‬‫صو‬ ‫إلضافة‬:
1-‫أيقون‬ ‫بسحب‬ ‫قم‬‫ة‬
‫المحدد‬ ‫للمكان‬ ‫صورة‬
2-‫صورة‬ ‫إلضافة‬ ‫انقر‬

24. 24
3-‫جهازك‬ ‫من‬ ‫الصورة‬ ‫لتحميل‬ ‫هنا‬ ‫اضغط‬

25. 25
4-‫على‬ ‫أضغط‬ ‫ثم‬ ‫الصورة‬ ‫اختر‬open

26. 26
5-‫ادراج‬ ‫سيتم‬
‫الصورة‬
6-‫الصورة‬ ‫مع‬ ‫التعامل‬ ‫يمكنك‬
‫عليها‬ ‫بالنقر‬ ‫وتحريرها‬
7-‫الصورة‬ ‫لحذف‬
‫إزالة‬ ‫على‬ ‫اضغط‬

27. 27
‫التالية‬‫الخطوات‬‫اتبع‬ ‫فيديو‬ ‫إلضافة‬:
2-‫إلضافة‬ ‫هنا‬ ‫اضغط‬
‫يوت‬ ‫على‬ ‫فيديو‬ ‫رابط‬‫يوب‬
1-‫بسحب‬ ‫قم‬
‫أيقونة‬you
tube‫للمكان‬
‫المحدد‬

28. 28
3-‫رابط‬ ‫بلصق‬ ‫قم‬
‫اليوتيو‬ ‫على‬ ‫الفيديو‬‫ب‬
‫هنا‬

29. 29
4-‫الفي‬ ‫تحميل‬ ‫سيتم‬‫ديو‬
‫التحك‬ ‫يمكنك‬ ‫و‬ ‫مباشرة‬‫م‬
‫هنا‬ ‫من‬ ‫بالفيديو‬

30. 30
‫التالية‬ ‫الخطوات‬‫اتبع‬‫ملف‬ ‫من‬‫فيديو‬ ‫إلضافة‬:
1-‫أيقون‬ ‫بسحب‬ ‫قم‬‫ة‬
‫المحدد‬ ‫للمكان‬ ‫ملف‬
2-‫فيديو‬ ‫ملف‬ ‫إلضافة‬ ‫انقر‬

31. 31
3-‫فيديو‬ ‫ملف‬ ‫لتحميل‬ ‫انقر‬

32. 32
4-‫جهاز‬ ‫من‬ ‫الفيديو‬ ‫لتحميل‬ ‫انقر‬‫ك‬

33. 33
5-‫ثم‬ ‫الفيديو‬ ‫اختر‬‫إضغط‬‫على‬open

34. 34
6-‫الفيدي‬ ‫تحميل‬ ‫تم‬‫و‬
7-‫نشر‬ ‫على‬ ‫اضغط‬

35. 35
‫من‬‫ل‬‫الدخو‬ ‫يمكنك‬ ‫املوقع‬ ‫تصميم‬ ‫لتغير‬DESIGN:
‫أي‬ ‫على‬ ‫النقر‬ ‫يمكنك‬
‫وتغيير‬ ‫قائمه‬
‫يناسب‬ ‫بما‬ ‫االعدادات‬‫ك‬

36. 36
‫والتحكم‬‫للموقع‬‫جديدة‬ ‫صفحات‬ ‫إلضافة‬‫باعداداتها‬‫من‬PAGES:
‫جديد‬ ‫صفحة‬ ‫إلضافة‬ ‫هنا‬ ‫اضغط‬‫ة‬
‫صف‬ ‫أي‬ ‫اعدادات‬ ‫لتحرير‬ ‫السهم‬ ‫على‬ ‫الضغط‬ ‫يمكنك‬‫حة‬

37. 37
‫ين‬ ‫بما‬ ‫االعدادات‬ ‫وتغيير‬ ‫الصفحة‬ ‫بتسمية‬ ‫قم‬‫اسبك‬

38. 38
‫تبويب‬‫يستخدم‬STORE‫بداخله‬‫وامللفات‬‫ر‬‫الصو‬‫لحفظ‬:

39. 39
‫تبويب‬‫يستخدم‬SETTINGS‫املوقع‬‫اعدادات‬‫لتغيير‬:

40. 40
‫من‬‫املوقع‬‫بنشر‬‫نقوم‬ ‫االخير‬ ‫في‬PUBLISH‫كالتالي‬:
1-‫هنا‬ ‫اضغط‬
2-‫النافذه‬ ‫هذه‬ ‫تظهر‬ ‫سوف‬
3-‫التالي‬

41. 41
4-‫الظاهر‬ ‫الكود‬ ‫بإدخال‬ ‫قم‬
‫أمامك‬
5-‫هنا‬ ‫اضغط‬

42. 42
6-‫ترقي‬ ‫ويمكنك‬ ‫الموقع‬ ‫نشر‬ ‫تم‬‫ته‬
‫أيضا‬

43. 43
‫الدليل‬ ‫نهاية‬

44. 44
: ‫التقويمية‬ ‫األسئلة‬
44
‫ماهو‬‫ويبلي‬ ‫موقع‬weebly‫؟‬
‫ويبلي‬ ‫يقدم‬weebly‫؟‬ ‫أذكريها‬ ‫املواقع‬ ‫من‬ ‫أنواع‬ ‫ثالثة‬
‫ويبلي‬ ‫ات‬‫ز‬‫ممي‬ ‫ز‬‫أبر‬ ‫ماهي‬weebly‫؟‬

45. 45
‫املحاضرة‬ ‫على‬‫الطالبات‬‫تطبيق‬
‫افيك‬‫ر‬‫انفوج‬

46. 46
‫المحاضرة‬ ‫انتهت‬
‫لكم‬ ‫شكرا‬