1

التعليم في الحاسوبEDCT 579

/ العمري بليهش عائشة الدكتورة لسعادةالتعليمالحاسوب في

2

2

  اآللي , بالحاسب أهميته التعريف ومميزاتهالمكونات على في والتعرف األساسية

التخزين ووسائط الحاسوبالحاسوب، أجيال للحاسوب، التاريخي التطور

الحاسوب برمجة في المستخدمة .اللغات

العروض انتاج مهارات على المتعلمين تدريبباستخدام التقديمية الصوت أحد Audacityوتسجيل

. المصدر المفتوحة برامج أشهر

وخطوات التعليم في االنترنت تطبيقات أهمعلى الطالبات وتدريب تعليمي موقع تصميم

االنترنت على ونشره تصميمه

البرمجيات وانتاج تصميم وخطوات مراحل ( التصميم، االعداد، مرحلة المحوسبة التعليمية

) التقويم التنفيذ، التجهيز، السيناريو، كتابة

: مميزات التعليم في الحاسوب استخداماتالتعليم ومعوقات

اإلدارة في كأداة الحاسوب،الحاسوب بمساعدةوأنماطها .التعليمية التعليمية، البرمجيات مفهوم

وتصميم اختيار معايير وتحديد ومكوناتهاضوء في وتقييمها الجيدة التعليمية البرمجيات

العالمية التقديمي ).المعايير العرض خصائص( power pointبرنامج ، Xالعرض برنامج مهارات وإمكاناته، البرنامج

(.power pointالتقديمي )

الكلمات ) معالج ، Microsoft Office Word 2007)برنامجالبرنامج مهارات أهم ميزاته، البرنامج، عن مقدمة

تصميم إليها تستند التي النظرية األسسالتعليمية، التعلم البرمجيات النظريات ، نظريات

التعليم ا ، السلوكية نظريات ، المعرفية ، لنظرياتالنظم نظرية ، االتصال .نظرية

وطرق وأعراضه الحاسوب فيروس تعريفللتعامل الصحيحة الطرق ومسحه، عنه الكشف

XX،الحاسوب حياتنا الحاسوبمع في .

التعليمالحاسوب في

التقديمي العرض برنامج مهارات( power point.)

: اإلنترنت، مفهوم التعليم في االنترنت استخدامالتعليم، في اإلنترنت واستخدامات تطبيقات

مجموعات البريدية، القوائم اإللكتروني، البريدعن االتصال المخاطبة، أو المحادثة برامج األخبار،

بعد

3

التعليم في الحاسوبEDCT 579

التعليمالحاسوب في

4محتـــــويات العــــــــــــرض

األسئلةالمحاضرةاألهداف

تطبيق الطالباتعلى المحاضرة

التعليمالحاسوب في

5

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

لطريقة تصميم موقع ويب مجاني weeblyباستخدام موقع

التعليمالحاسوب في

6:األهداف

أن : على قادرة الطالبة تكون المحاضرة نهاية في يتوقع

المتعلم على موقع ويبلي يتعرف أنweebly.

( من انواع المواقع التي يقدمها 3يعدد المتعلم ) أن .weeblyموقع ويبلي

. التعرف على واجهة الموقع وكيفية التسجيل فيه

أن يتعرف المتعلم على كيفية استخدام موقع ويبليلتصميم موقع ويب مجاني .

أن يتعرف المتعلم على الصفحة الرئيسة و أهم األدواتفيها وكيفية استخدامها .

أن يصمم المتعلم صفحة ويب مجانية خاصة به مع إضافة.الوسائط المتعددة

التعليمالحاسوب في

7

الدليل المصورإعداد : سمر الحجيليweebly لطريقة تصميم موقع ويب مجاني باستخدام موقع

د: عائشة بنت بليهش العمري

8

( هو موقع مجاني يساعد المستخدم weeblyويبلي ) •على تصميم موقع خاص به بأسهل الطرق دون االعتماد

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

من المواقع حسب اختيارك ) مدونة او متجر او موقع ويب ( كما يمكنك صنع عشرة مواقع بحساب

ويبلي واحد والتحكم فيهم بسهولة .يتم الدخول إلى الموقع عن طريق الرابط •

www.weebly.com

9

فيما يلي دليل مفصل عن كيفيXة استخدام موقع ويبلي لتصميم موXقع ويب مجاني :

واجهة الموقع10في التسجيل

الموقعتسجيل الدخول

شعار الموقع11

أوالً قم بالتسجيل في الموقع :12

االسم

البريد االلكتروني

كلمة المرور

التسجيل

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

كلمة المرور

البريد االلكتروني

تسجيل الدخول

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

اختر موقع

يقدم البرنامج ثيمات مختلفه يمكنك اختيار 15المناسب منها:

أحد- 1 اخترالثيمات

أضغط- 2هنا

بعد اختيار الثيم المناسب ستظهر لك هذه النافذة حيث 16: يطلب منك اختيار المجال ) النطاق (

النطاق- 1 هذا اختراسم واكتب المجاني

بك الخاص الموقع

هنا- 2 أضغط

بعد ذلك سينقلك الموقع إلى صفحة مـوقعك 17الرئيسية وفيما يلي شرح لها :

الخاصة االعداداتبالموقع

صفحات الموقع

في العملالصفحة

تصميم الموقع

اسم الموقع

صفحات 3يمكنك افتراضيه

ترتيبها تغييرواعداداتها

عليها واالضافة

االدوات شريطسحب يمكنك

أداة أيمعها والتعامل

مباشرة

النشر

ترقية الموقع

العنوان الرئيسي

خاص متجربك

18

هنا بالنقر قمالعنوان وكتابة

الرئيسي

من النص تنسيق يمكنكالذي الشريط هذا خالل

الكتابة عند تلقائياً يظهر

قم بالنقر

هنا وكتابة اسم

الموقع

هنا شرح ألهم األدوات وأكثرها استخداماً :19

نص

مجموعة صور

خريطة

عنوان

صور

صور متسلسة

وضع مسافه

نموذج لالتصال

20

خط فاصل

ازرار مربع البحث

صوتفيديو

من فيديويوتيوب

ملف

فالش

إلضافة عنوان اتبع الخطوات التالية :21

بسحب- 1 قمعنوان أيقونة

المحدد للمكانالعنوان- 2 لكتابة انقر

والتحرير

إلضافة نص اتبع الخطوات التالية :22

بسحب- 1 قمنص أيقونة

المحدد للمكان

النص- 2 لكتابة انقروالتحرير

إلضافة صورة اتبع الخطوات التالية :23

بسحب- 1 قمصورة أيقونة

المحدد للمكان

صورة- 2 إلضافة انقر

24

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

25

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

26

سيتم- 5ادراج

الصورة

مع- 6 التعامل يمكنكوتحريرها الصورة

عليها بالنقر

لحذف- 7الصورة

على اضغطإزالة

إلضافة فيديـو اتبع الخطوات التالية :27

هنا- 2 اضغطرابط إلضافةعلى فيديو

يوتيوب

قم- 1بسحب

youأيقونة tube للمكان

المحدد

28

بلصق- 3 قمالفيديو رابطاليوتيوب على

هنا

29

تحميل- 4 سيتممباشرة الفيديوالتحكم يمكنك و

هنا من بالفيديو

إلضافة فيديـو من ملف اتبع الخطوات التالية :30

بسحب- 1 قمملف أيقونة

المحدد للمكان

ملف- 2 إلضافة انقرفيديو

31

ملف- 3 لتحميل انقرفيديو

32

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

33

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

34

تحميل- 6 تمالفيديو

على- 7 اضغطنشر

:DESIGNلتغير تـصميم الموقع يمكنك الدخول من 35

النقر يمكنكقائمه أي على

وتغيير بما االعدادات

يناسبك

إلضافة صفحات جديدة للموقع والتحكم 36 :PAGESباعداداتها من

إلضافة هنا اضغطجديدة صفحة

لتحرير السهم على الضغط يمكنكصفحة أي اعدادات

37

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

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

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

PUBLISHفي االخير نقوم بنشر الموقع من 40كالتالي :

اضغط- 1هنا

هذه- 2 تظهر سوفالنافذه

التالي-3

41

الكود- 4 بإدخال قمأمامك الظاهر

اضغط- 5هنا

42

ويمكنك- 6 الموقع نشر تم ً أيضا ترقيته

43

نهاية الدليل

44

44

ـاـلـتـقـوـيـمـية : ـاأـلـسـئـلـة ماهو موقع ويبليweebly؟

يقدم ويبليweebly ثالثة أنواع من

المواقع أذكريها ؟

ماهي أبرز مميزات ويبليweebly؟

التعليمالحاسوب في

45

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

التعليمالحاسوب في

46

المحاضرة انتهتلكم ً شكرا

التعليمالحاسوب في