Professional Documents
Culture Documents
مذكرة الحاسب الآلى تانية اعدادى الترم الثانى مستر مصطفى اسماعيل
مذكرة الحاسب الآلى تانية اعدادى الترم الثانى مستر مصطفى اسماعيل
مذكرة الحاسب الآلى تانية اعدادى الترم الثانى مستر مصطفى اسماعيل
االصدار الثاني
المطور للمذكرة
1
االصدار الثاني المطور للمذكرة
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
النموذج : Form
يستخدم األمر > <form> </formلتصميم نافذة الضافة مجموعة عناصر صفحة الويب مثل أزرار أو حقول
تستخدم فى ادخال بيانات بغرض ارسالها لموقع الويب ليتم تخزينها
الضافة صندوق نص Textالدخال بيانات نصية من الـ Keyboardليظهر صندوق كتابه يتم ادخال البيانات من
>"< input type = "text خالله يستخدم االمر
2
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
يتم اضافة صندوق النص علي صفحة الويب ويمكن الكتابه بداخله
ليظهر الرمز * عند كتابة كلمة المرور الخفاء كلمة المرور الحقيقة من خالل االمر
3
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
يستخدم زر Radio Buttonالختيار بديل واحد فقط من عدة بدائل مثل اضافة ازار الختيار النوع ذكر أو أنثى
من خالل الكود >" <input type ="radioويكون شكل زر االختيار كالتالي
><form
></form
في الشكل السابق نالحظ انه تم اختيار البديلين معا وهذا خطأ ولكي يتم اختيار احد الزرين فقط يتم االتي
الوحدة االولي – الفصل الثاني – تابع بعض ادوات النموذج – صندوق االختيار CheckBox
الختيار اكثر من بديل فى نفس الوقت مثل اختيار اللغة التى تجيدها من خالل الكود
>"<input type="checkbox
><form
></form
5
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
مالحظات :فى الكود السابق تم استخدام خاصية Valueلتحديد النص الذى يظهر على الزر button
يوجد ثالث انوع من األزرار التى يمكن اضافته على النموذج كاالتى :
-1زر االمر Buttonيتم اضافتها ويستخدم لتنفيذ مهام مطلوبة (تنفيذ حدث ( مثل اظهار رسالة ok -
-2زر Submitيستخدم الرسال البيانات
-3زر Resetيستخدم لحذف البيانات
زر االرسال Submitبالضغط عليه يتم ارسال البيانات التى تم ادخالها عن طريق النموذج لصفحة اخرى وذلك
بإضافة الخاصية Actionالخاصة بالـ Formويتم اضافته من خالل الكود التالى
>"<input type=" Submit
6
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
عند النقر على الزر Submitيتم االنتقال للصفحة Process.phpحيث يتم استقبال البيانات التى تم ادخالها عن
طريق أدوات التحكم ومعالجتها بواسطة كود هذه الصفحة المكتوبة بلغة PHP
يستخدم لحذف القيم التى سبق ادخالها والعودة للقيم االفتراضية لألدوات ويتم اضافة الزر من خالل الكود
حذف البيانات التي سبق ادخالها في صندوق النص علي سبيل المثال مثل االسم والسن
>"<input type="reset
والقيمة االفتراضية هي صندوق نص فارغ
7
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
صاديق االختيار
الختيار بدل او اكثر من
بديل
8
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
يمكن تحويل صفحة الويب الى صفحة تفاعلية لتسجيل البيانات والتاكد من ان البيانات المدخلة بالصفحة صحيحة من
خالل أكواد Java Scriptحيث ان لغة HTMLلن تمكن من التاكد من صحة البيانات المدخلة .
-5يوضع فى االعتبار حالة األحرف صغيرة أم كبيرة عند كتابة الجمل Statements
><Html
><head
><script> </Script
></head
><body اماكن كتابة كود Java Scriptداخل ملف Html
><script> </Script
><script> </Script يمكن كتابة اكواد > <script> </scriptبين headاو body
></body
></Html
تستخدم جملة ( ) alertلعرض رسالة داخل صندوق مما يجذب االنتباه لقرائتها من خالل االمر
; ("الرسالة" ) Alert مع مالحظة ان الرسالة يجب كتابتها بين عالمتي تنصيص
9
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
10
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
الوحدة الثانية – الفصل الثاني استدعاء كود Java Scriptبإستخدام امر Button
من خالل كود > <script> </scriptنالحظ انه تم تنفيذ الكود تلقائيا ويمكن تنفيذ الكود عند وقوع حدث مثل
الضغط بالفأرة على زر أمر Buttonمن خالل الدالة Function
الدالة : Function
هى مجموعة من األوامر التى تنفذ عند استدعائها ويجب اعطاء اسم مناسب للداله يدل على وظيفتها
-1اكتب األمر Functionثم اكتب اسم مناسب للدالة ( يفضل ان يدل على وظيفتها )
-2اكتب الكود الذى يتم تنفيذه ما بين قوسين } { حيث يتم تنفيذه عند استدعاء الدالة
-3الخاصية Onclickتكون قيمتها اسم الدالة المطلوب استدعائها ،ويكون الكود كاالتي
> " اسم الدالة المطلوب استدعائها "= >input type="button" onclick
-1يظهر صندوق نص وزر أمر " " click meبعد كتابة نص داخل هذا الصندوق
12
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
1 2
3
خطوات ظهور رسالة بالنص المكتوب داخل صندوق النص عند الضغط على زر buttonبصفحة الويب :
-1انشئ ملف نصى جديد بفتح برنامج Notepad
-2اكتب الكود التالى
-1اعطاء اسم للنموذج > <formوهو االسم form1عن طريق الخاصية name
-2اعطاء اسم لصندوق النص وهو االسم t1عن طرق الخاصية name
ظهور رسالة بأخذ القيمة من صندوق النص t1من نافذة النموذج Form1
التفرع : Branching
هو تنفيذ او عدم تنفيذ كود (اوامر او جمل) تبعا لنتيجة اختبار تعبير شرطي معين
مثال علي التعبير الشرطي (هل مجموع الدرجة اكبر من او تساوي 50درجة) يتم مقارنة درجة الطالب بالدرجة 50
هناك احتمالين
هل الدرجة اكبر او تساوي >=50 ( 50الدرجة ( ) IFنعم ) ينفذ الكود(االوامر)و يتم طباعة ( ناجح)
14
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
1 2
3
خطوات تصميم صفحة ويب الظهار كلمة ناجح فى حالة ان تكون الدرجة اكبر من او تساوى : 50
-3انشئ ملف نصى جديد بفتح برنامج Notepad
وضع زر وقيمته المجموع ،والحدث عند الضغط علي الزر ينفذ الدالة التي يتم استدعائها
الدالة
15
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
1
2
16
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
الظهار زر Submitوقيمته "ارسال" وعند الضغط حدث كليك يقوم بإستقبال القيمة الراجعة عند تنفيذ الدالة
f1
الرجاع قيمة الدالة false f1في حالة اذا ترك المستخدم الحقل فارغ
17
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
18
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
2
1
3
19
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
كود html
الظهار زر Submitوقيمته ارسال وعند الضغط حدث كليك يقوم بإستقبال القيمة الراجعة عند تنفيذ الدالة f1
إلرجاع قيمة الدالة f1ب falseفى حالة ادخال عدد حروف اقل من 8
20
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
1
2
3
4
21
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
الظهار زر Submitوقيمته ارسال وعند الضغط حدث كليك يقوم بإستقبال القيمة الراجعة عند تنفيذ الدالة f1
22
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
-4التحقق من صحة البيانات المدخله -منع ادخال نوع من البيانات مخالف لنوع الحقل
لمنع ادخال نوع من البيانات مخالف لنوع الحقل
تصميم صفحة ويب يظهر بداخلها
2 1
3
23
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
انشاء فورم
إلرجاع قيمة الدالة f1ب falseفى حالة ادخال قيمة غير عددية داخل صندوق النص
غير صحيح
24
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
الوحدة الثانية – الفصل السادس – التحقق من صحة البيانات -في صفحة تسجيل البيانات
استكمال مشروع موقع مدرستي بإضافة صفحة تسجيل البيانات علي ان يتم اجراء عملية التحقق من صحة البيانات
المدخله وذلك من حيث :
25
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
26
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
هى اصدار جديد من لغة HTMLظهر عام 2014وبه العديد من التحسينات من خالل استخدام
مجموعة من األدوات الجديدة التى تسهل من فكرة تصميم صفحة الويب
برامج مستعرض االنترنت مثل Google chromeو Firefoxو Internet Explorer
وغيرها ال يدعم بشكل كامل األوامر الجديدة الخاصة باالصدار HTML5لذا سيتم تحديد المستعرض
المطلوب لتنفيذ كل أمر سيتم تناوله
صندوق اللون color
يتيح للمستخدم اختيار لون من خالل صندوق االلوان
والضافة صندوق االلوان colorالى صفحة الويب من خالل االمر
>"<input type="color
ينفذ من خالل جوجل كروم
-1انشاء ملف نصى بكتابة التركيب االساسى للغة HTML
-2كتابة الكود >" <input type="colorداخل النموذج ><form
-3حفظ الملف النصى بامتداد htm
-4فتح الملف في مستعرض االنترنت
مالحظة اضافة صندوق اللون ) (colorالي صفحة الويب
27
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
28
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
مالحظات :
-تكتب القيمة المطلوب أدخالها فى صندوق أداة العدد ثم نضغط زر submit Query
-يقوم المستعرض بإختبار القيمة المدخلة وإذا كانت قيمة غير عددية تظهر رسالة تطلب ادخال قيمة عددية
-وفى حالة ادخال قيمة عددية يقوم المستعرض بالتاكد من انها محصورة بين القيمة الصغرى minوالقيمة
العظمى max
29
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
الحظ
انه عند الضغط على زر submitبدون ادخال اى قيمة فى صندوق النص سوف يظهر رسالة المستعرض
تطلبضرورة ادخال قيمة وعدم ترك الصندوق فارغ
30
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
-2وتتنوع هذه المخاطر ما بين االصابة بالفيروسات المدمرة للبيانات المخزنة على الجهاز واالختراق للعبث بملفات
المستخدم أو استغالل االخرين يقصد االساءة أو االبتزاز أو االنتحال أو سرقة البيانات الشخصية وغيرها من أنواع
المخاطر
-3فالكثير من االشخاص ال يدركون أن بعض المعلومات التى قد تبدو تافة ال معنى لها تعنى الكثير ألناس اخرين
31
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
المشكلة التى قد تحدث :قد يتعرض المستخدم للوقوع فى عمليات ابتزاز أو التشهير أو التعامل معها بشكل غير آمن
عن طريق برامج متخصصة فى الصور مثل الفوتوشوب وخالفه
قد يتعرض المستخدم للوقوع احيانا للسرقات المنزلية أو الخطف ،وخاصة إذا كان المستخدم من صغار السن وال
يوجد رقابة منزلية كافية عند التسجيل على هذه المواقع
32
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
عدم وضع تفاصيل شخصية أو معلومات هامة تخص المستخدم واألفضل اخفائها ،إذا لز األمر عند إنشاء صفحات
على مواقع تواصل أو منتديات والرقابة على صغار المستخدمين من قبل المنزل وعدم السماح لهم بتناول البيانات
الشخصية الهامة ونشرها فقط للمصادر الموثوقة
التحدث مع أشخاص غريبة بهدف التعارف وتبادل االراء والثقافات عبر مواقع التواصل االجتماعى
قد يحدث بعض الخداع من بعض االشخاص وخاصة أصحاب الشخصيات الوهمية ،وقد يؤدى هذا للوقوع فى كثير
من لمشكالت الحياتية لخطورة الموقف واطالع البعض على بعض االسرار العائلية واستغاللها
استخدام أحد مواقع التواصل االجتماعى بهدف زيادة الروابط واالجتماعيات بين االفراد ولكن البد ان يتم بمحاذيير
منها التاكد من بيانات الشخص وتحديد هويته الفعلية واالفضل عدم التعامل ع اشخاص يستخدمون اسماء حركية
وليست حقيقية وكذلك لمن يريد االطمئنان ان يكون هناك اصدقاء مشتركين للطرفين للتاكد من صحة هوية الشخص
قبل التعامل معه
التسجيل فى بعض الوظائف الكترونيا ً عن طريق استكمال استمارات فيها تفاصيل وبيانات شخصيه
قد يحدث بعض الخداع من بعض الشركات الوهمية عن طريق االعالن عن وظائفف غير حقيقة ،لمجرد دخول
المستخدم وكتابة بياناته الشخصية وارقام الهواتف لعمل قاعدة بيانات للمستخدمين واختيار العناصر المميزة
الستغاللها أو االستفادة منها الغراض معينة
التعامل مع الموقف:
التقديم األلكتروني نظام اصبح متعارف عليه عالميا ً توفيرا ً للوقت والجهد ولكن بمحاذيير
33
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
مثل التاكد من وجود هذه الشركاات فعال أو االماكن المعلنة عن وظائف عن طريق التحقق الفعلى من وجودها
ومعرفة عنوانها واالتصال الفعلى والمباشر معهم والتكد من اعالنهم عن التقديم لوظائف فعلية ويفضل التعامل مع
المؤسسات الحكومية أو الرسمية
-2فكر جيدا قبل نشر الصور الشخصية أو إرسال نصوص او ملفات صوت او فيديو عبر االنترنت
-3استئذن صاحب الشان قبل نشر صور الغير أو ارسال بريده اإللكترونى وتليفوناتهم لشخص آخر على االنترنت
-5ال تقم بإضافة آخرين لقائمة األصدقاء ما لم تكن تعرفهم معرفة شخصية
-7عليك ان تدرك أن عدم اتخاذ موقف حيال عمليات التعدى التى تشهدها يعد نوعا ً من التستر على التعدى ،لذا
بادر باتخاذ أجراء مناسب أو اخبار من تثق بهم من الكبار
-8تعلم كيفية حظر وصول بعض األشخاص إلى غرف الدردشة واإلبالغ عنهم وكيفية حفظ أو طباعة نسخة من أى
حوار فقد يحتاج واليك اإلبالغ عنها
-9تعلم ايضا حظر الرسائل العدائية أو استالم أية رسائل إلكترونية مزعجة من أشخاص بعينهم
-10إدراك ان الحوارات عبر االنترنت ليس ذات خصوصية فقد يقوم آخرون بنسخ هذه الحوارات وطباعتها وإطالع
اآلخرين على اى تعليقات أو صور تقوم بنشرها
34
إعداد أ /مصطفي اسماعيل الكمبيوتر – الصف الثاني االعدادي - 2017 – 2016ترم 2
ملحوظة هامة في درس االستخدام االمن وضعت فواصل ( )،بين الجمل وعندها يمكن للجملة ان تنتهي وتفيد المعني
كنوع من االختصار
35