Computer 2nd-preparatory-second-term- (8)

‫اآللي‬ ‫احلاسب‬ ‫يف‬ ‫التبسيط‬ ‫سلسلة‬–‫الثاني‬ ‫للصف‬‫اإلعدادي‬–‫الثاني‬ ‫الدراسي‬ ‫الفصل‬
0‫األستاذ‬‫إعداد‬/‫األ‬‫حممد‬‫رخس‬
0111 26 49 231 altokhey@yahoo.comwww.quesna.org

‫األوؿ‬ ‫الموضوع‬
‫لغة‬HTML–‫الهموذج‬FORM–‫الهموذج‬ ‫أدوات‬ ‫بعض‬...
‫مقدمة‬، ‫ّالطالبات‬ ٘‫الطلب‬ ٜٙ‫أبيا‬‫خبري‬ ‫ّأىته‬ ‫عاو‬ ‫نل‬،
‫يف‬ ‫اىتَٔيا‬‫الرتو‬‫ّاليت‬ ‫مدزضيت‬ ‫مْقع‬ ‫صفخات‬ ً‫م‬ ‫عدد‬ ‫تصنٔه‬ ً‫م‬ ‫األّل‬‫فكط‬ ‫علَٔا‬ ‫االطالع‬ ‫ٓته‬ ٘‫املدزض‬ ً‫ع‬ ‫معلْمات‬ ‫تعسض‬
ٌّ‫بد‬ً‫م‬ ٘‫معاجل‬‫م‬ ّ‫أ‬ ‫خاللو‬ًٓ‫الصاٜس‬ ‫خالل‬ ً٘‫ثابت‬ ‫صفخات‬...ٛ‫بإىصا‬ ‫الفصل‬ ‫ٍرا‬ ‫يف‬ ‫ىكْو‬ ‫ّضْف‬٘ٔ‫تفاعل‬ ‫ّٓب‬ ٘‫صفخ‬
‫خالله‬ ‫من‬ ‫الشخصية‬ ‫البيانات‬ ‫ادخاؿ‬ ‫يتم‬ ‫لنموذج‬ ‫مثاؿ‬
‫النموذج‬Form
<form>…</form>
❶‫االسم‬ ‫حقل‬ ‫إضافة‬:
‫ىص‬ ‫صيدّم‬‫الضافة‬Text‫ا‬ ‫لْحة‬ ً‫م‬ ‫الصيدّم‬ ‫داخل‬ ‫الهتابة‬ ‫طسٓل‬ ً‫ع‬ ‫ىصٔة‬ ‫بٔاىات‬ ‫الدخال‬ ‫ٓطتخدو‬‫الرى‬‫ملفاتٔح‬
Keyboardٌْ‫ٓه‬ :‫االمس‬ ‫خالل‬ ً‫م‬< input type = "text">
ُ‫خالل‬ ً‫م‬ ‫البٔاىات‬ ‫ادخال‬‫ٓته‬ ‫نتابة‬ ‫صيدّم‬ ‫ٓظَس‬<<<
‫الْٓب‬ ٘‫بصفخ‬ ‫ىص‬ ‫صيدّم‬ ٘‫اضاف‬ ‫خطْات‬:
1-‫بضْاَر‬ ‫بفتح‬ ‫دزٜز‬ ٢‫ْص‬ ‫ًَف‬ ٧‫اْؾ‬Notepad١‫يًػ‬ ٢٥‫ايبٓا‬ ٌ‫اهلٝه‬ ١‫ٚنتاب‬HTML
2-‫ايتاىل‬ ‫ايهٛر‬ ‫انتب‬<input type="text">‫منٛسز‬ ٌ‫راخ‬<form></form>
3-‫باَتزار‬ ٢‫ايٓص‬ ‫املًف‬ ‫اسفغ‬Htmٚ‫أ‬HTML
4-‫ايٓص‬ ‫صٓٛم‬ ٌ‫راخ‬ ١‫ايهتاب‬ ‫ٚتغتطٝع‬ ‫االْرتْت‬ ‫نُغتعضض‬ ‫املًف‬ ‫افتح‬
: ‫مجال‬١‫ايٓتٝذ‬ ‫تعٗض‬ ‫املغتعضض‬ ٢‫ف‬ ‫املًف‬ ٌٝ‫تؾػ‬ ِ‫ث‬ ٌ‫املكاب‬ ‫ايهٛر‬ ١‫نتاب‬
: ‫ملخوظة‬‫امهاى‬ ‫مع‬ ‫الويب‬ ‫صفخة‬ ‫إىل‬ ‫اليص‬ ‫صيدوم‬ ‫إضافة‬ ‫مت‬ُ‫بداخل‬ ‫الهتابة‬ ‫ية‬
‫الوح‬‫ــ‬‫األول‬ ‫دة‬‫ــ‬‫ى‬..‫الْٓب‬ ‫مْاقع‬
| ‫انتثسيط‬

❷‫املرور‬ ‫كلمة‬ ‫حقل‬ ‫إضافة‬
‫املسّز‬ ‫نلنة‬‫حكل‬ ‫إضافة‬ ‫ٓته‬‫املسّز‬ ‫نلنة‬‫إلدخال‬ ‫حكل‬ ‫الضافة‬Password‫السمص‬ ‫لٔظَس‬‫نتابة‬ ‫عيد‬
‫احلكٔكة‬‫املسّز‬ ‫نلنة‬‫مهْىات‬ ‫الخفاء‬ ‫ّذلو‬ ‫املسّز‬ ‫نلنة‬.
‫االمس‬ ‫خالل‬ ً‫م‬< input type = "password">
‫ٓظ‬‫ادخال‬‫ٓته‬ ‫نتابة‬ ‫صيدّم‬ ‫َس‬ُ‫خالل‬ ً‫م‬ ‫املسّز‬ ‫نلنة‬<<<
‫املسّز‬ ٘‫نلن‬ ‫حكل‬ ٘‫إضاف‬ ‫خطْات‬Password:
1.‫دزٜز‬ ٢‫ْص‬ ‫ًَف‬ ٧‫اْؾ‬
2.‫ايتاىل‬ ‫ايهٛر‬ ‫انتب‬<input type=" password ">‫منٛسز‬ ٌ‫راخ‬<form></form>
3.‫باَتزار‬ ٢‫ايٓص‬ ‫املًف‬ ‫اسفغ‬Htm
4.‫االْرتْت‬ ‫نُغتعضض‬ ‫املًف‬ ‫افتح‬
: ‫مجال‬١‫نتاب‬١‫ايٓتٝذ‬ ‫تعٗض‬ ‫املغتعضض‬ ٢‫ف‬ ‫املًف‬ ٌٝ‫تؾػ‬ ِ‫ث‬ ٌ‫املكاب‬ ‫ايهٛر‬
‫مالحظة‬:ُ‫بداخل‬ ‫الهتابة‬ ‫امهاىية‬ ‫مع‬ ‫الويب‬ ‫صفخة‬ ‫اىل‬ ‫املسوز‬ ‫نلنة‬ ‫ادخال‬ ‫حكل‬ ‫إضافة‬ ‫مت‬.
‫املسوز‬ ‫نلنة‬ ‫تأنيد‬ ‫حكل‬ ‫اضافة‬ ‫ميهييا‬ ‫وباملجل‬
❸‫السن‬ ‫حقل‬ ‫إضافة‬
‫خ‬ ً‫م‬ ً‫الط‬ ‫الدخال‬ ‫ىص‬ ‫صيدّم‬ ‫اضافة‬ ‫تطتطٔع‬‫الل‬‫األمس‬<input type="text">
: ‫الْٓب‬ ٘‫بصفخ‬ ‫ىص‬ ‫صيدّم‬ ٘‫اضاف‬ ‫خطْات‬
1.‫دزٜز‬ ٢‫ْص‬ ‫ًَف‬ ٧‫اْؾ‬
2.‫ايتاىل‬ ‫ايهٛر‬ ‫انتب‬<input type="text">‫منٛسز‬ ٌ‫راخ‬<form></form>
3.‫باَتزار‬ ٢‫ايٓص‬ ‫املًف‬ ‫اسفغ‬Htm
4.‫ايٓص‬ ‫صٓٛم‬ ٌ‫راخ‬ ١‫ايهتاب‬ ‫ٚتغتطٝع‬ ‫االْرتْت‬ ‫نُغتعضض‬ ‫املًف‬ ‫افتح‬
❹‫إض‬‫واحد‬ ‫بديل‬ ‫اختيار‬ ‫زر‬ ‫افة‬Radio Button
‫ٓطتخدو‬‫ّاحد‬ ‫بدٓل‬ ‫اختٔاز‬ ‫شز‬Radio Button‫بدائل‬ ‫عدة‬ ً‫م‬ ‫فكط‬ ‫ّاحد‬ ‫بدٓل‬ ‫الختٔاز‬.
‫ذنس‬ ‫اليْع‬ ‫الختٔاز‬ ‫اشاز‬ ‫اضافة‬ ‫مثل‬/‫أىثى‬
‫ذلو‬ٌْ‫ّٓه‬‫خالل‬ ً‫م‬‫األمس‬<input type ="radio">
‫بدٓل‬ ‫اختٔاز‬ ‫شز‬ ٘‫إضاف‬ ٘‫اضاف‬ ‫خطْات‬‫ّاحد‬Radio Button: ‫الْٓب‬ ٘‫بصفخ‬
1-‫دزٜز‬ ٢‫ْص‬ ‫ًَف‬ ٧‫اْؾ‬
2-‫ايتاىل‬ ‫ايهٛر‬ ‫انتب‬<input type=" radio ">‫منٛسز‬ ٌ‫راخ‬
<form>‫َضتني‬ ‫ايهٛر‬ ‫ٖشا‬ ‫ٜٚهضص‬. ٢‫ٚأْج‬ ‫سنض‬ ٜٔ‫ارتٝاص‬ ‫الظٗاص‬
3-‫باَتزار‬ ٢‫ايٓص‬ ‫املًف‬ ‫اسفغ‬Htm
4-َِٗٓ ٌٜ‫بز‬٣‫ا‬ ‫حتزٜز‬ ‫ٚتغتطٝع‬ ‫االْرتْت‬ ‫نُغتعضض‬ ‫املًف‬ ‫افتح‬

<form>
<input type = "password">
</form>
‫انسن‬23
‫أنثى‬ ‫ركش‬
<form>
<input type = "radio" >
<input type = "radio" >
</form>

‫مال‬‫هامة‬ ‫حظة‬:
‫ذنس‬ ‫حتدٓد‬ ‫ّعيد‬‫أ‬‫اىثى‬ ُّ‫أى‬ ‫ىالحظ‬‫أىثى‬ ّ ‫ذنس‬‫االختٔاز‬ ًٓ‫شز‬‫حتدٓد‬ ‫مت‬. ‫الْقت‬ ‫ىفظ‬ ‫فى‬
‫باآلتى‬ٌْ‫ٓه‬ ‫حدث‬ ‫ما‬ ‫جتيب‬ ‫(أى‬ ‫ّاحد‬ ‫شز‬‫اختٔاز‬ ‫فى‬‫السغبة‬ ‫حالة‬ ‫ّفى‬:
‫اخلاصٔة‬ ‫اضتخداو‬ ‫ٓته‬name
‫ّتطتخدو‬‫اخلاصٔة‬name‫أح‬ ‫اختٔاز‬ ‫ٓته‬ ٕ‫ّله‬ .‫االختٔاز‬ ‫أشزاز‬‫أمساء‬ ‫لتخدٓد‬ٕ‫التال‬‫ىتبع‬ ،‫مسة‬ ‫نل‬‫يف‬ ًٓ‫الصز‬ ‫د‬
1-‫ب‬‫مثل‬ ‫اضه‬ ‫اعطاء‬a‫االّل‬ ‫االختٔاز‬ ‫لصز‬
2-ّ‫االضه‬ ‫ىفظ‬ ‫اعطاء‬a‫الثاىى‬ ‫االختٔاز‬ ‫لصز‬
‫التالي‬ ‫بالهود‬ ‫ننا‬ ‫معا‬ ً‫الصزي‬ ‫اختياز‬ ‫مييع‬ ‫حتى‬ ‫وذلو‬
‫ّتدزٓبات‬ ٘‫ٍام‬ ٘‫أضٝل‬... ‫املْضْع‬ ٙ‫عل‬
: ‫اآلتية‬ ‫العبارات‬ ‫على‬ ‫الدال‬ ‫العلنى‬ ‫املصطلح‬ ‫أكتب‬
1-‫ٜغ‬‫َٛقع‬ ٢ً‫ع‬ ٕ‫ختظ‬ ٢‫يه‬ ‫ٚاصعاهلا‬ ‫بٝاْات‬ ٍ‫ارخا‬ ‫بػضض‬ ‫ايٜٛب‬ ١‫يصفش‬ ١‫املطاف‬ ٍٛ‫ٚاذتك‬ ‫األطصاص‬ ‫َع‬ ّ‫تدز‬
‫ايٜٛب‬(......................................)
2-ٌ٥‫بزا‬ ٠‫عز‬ َٔ ‫فكط‬ ‫ٚاسز‬ ٌٜ‫بز‬ ‫باختٝاص‬ ‫يو‬ ‫ٜغُح‬(......................................)
3-‫بٝاْات‬ ٍ‫إلرخا‬ ‫ايٜٛب‬ ١‫يصفش‬ ‫ٜطاف‬ً٘‫راخ‬ ١‫ايهتاب‬ ‫طضٜل‬ ٔ‫ع‬ ١ٝ‫ْص‬(......................................)
: ‫االتية‬ ‫العبارات‬ ‫أكنل‬
1-‫بٝاْات‬ ٌٝ‫تغذ‬ ١‫صفش‬ ُِٝ‫يتص‬‫ايطايب‬‫َٓٗا‬ ‫عٓاصض‬ ١‫زتُٛع‬ ٘‫ب‬ ‫منٛسز‬ ١‫إلضاف‬ ‫ضتتاز‬....................................
ٚ...............................................‫بٝاْاتو‬ ٍ‫إلرخا‬ ‫باعتدزاَٗا‬ ّٛ‫تك‬.
2-١‫اضاف‬ ِ‫ٜت‬ ‫ايطايب‬ ِ‫اع‬ ٍ‫الرخا‬ ٌ‫سك‬ ١‫إلضاف‬..................................................‫ايٜٛب‬ ١‫يصفش‬
3-‫ايضَظ‬ ‫ٜعٗض‬‫َهْٛات‬ ٤‫ألخفا‬ ‫ٚسيو‬ ١‫ايهتاب‬ ‫عٓز‬...................................١‫اذتكٝك‬
4-/ ‫سنض‬ ( ‫ايٓٛع‬ ٍ‫إلرخا‬‫ايٜٛب‬ ١‫يصفش‬ ‫ْطٝف‬ ) ٢‫أْج‬.............................................................
‫إخرت‬‫من‬‫العنود‬(‫ب‬)‫العنود‬ ‫من‬ ‫سناسبه‬ ‫ما‬(‫أ‬):
) ‫أ‬ () ‫ب‬ (
<input type="password">‫انىية‬ ‫نصفحة‬ ‫نص‬ ‫صنذوق‬ ‫إلضافة‬
< input type ="radio">‫نصفح‬ ‫انمشوس‬ ‫كهمة‬ ‫حقم‬ ‫إلضافة‬‫انىية‬ ‫ة‬
<input type ="text">‫انىية‬ ‫نصفحة‬ ‫واحذ‬ ‫تذيم‬ ‫اختياس‬ ‫صس‬ ‫إلضافة‬
: ‫اخلطأ‬ ‫العبارة‬ ‫خطأأمام‬ ‫وعالمة‬ ‫الصحيحة‬ ‫العبارة‬ ‫أمام‬ ‫صح‬‫عالمة‬ ‫ضع‬
1-‫ختظٜٓٗا‬ ِ‫يٝت‬ ‫ايٜٛب‬ ‫َٛقع‬ ‫اىل‬ ١ً‫املزخ‬ ‫ايبٝاْات‬ ٍ‫اصعا‬ ِ‫ٜت‬ ٢‫يه‬ ‫منٛسز‬ ‫ٚدٛر‬ ‫ٜؾرتط‬ ‫ال‬ ‫ايٜٛب‬ ١‫صفش‬ ٢‫ف‬()
2-‫اختٝاص‬ ١ْٝ‫اَها‬ ٤‫إليػا‬١ٝ‫ارتاص‬ ّ‫ْغتدز‬ ‫ايٛقت‬ ‫ْفػ‬ ٢‫ف‬ ‫ٚاسز‬ ٌٜ‫بز‬ ‫اختٝاص‬ ‫طص‬nameِ‫االع‬ ‫ْفػ‬ ٤‫إلعطا‬
ٜٔ‫يًظص‬) (
3-‫ايٓص‬ ‫صٓزٚم‬ ١‫اضاف‬ ِ‫ٜت‬ ‫ايطايب‬ ِ‫اع‬ ٍ‫إلرخا‬ ٌ‫سك‬ ١‫إلضاف‬Radio) (
4-
‫أنثى‬ ‫ركش‬
 .

5-
6-
‫لغة‬HTML–‫الهموذج‬ ‫أدوات‬ ‫بعض‬ ‫تابع‬...
‫والطلبة‬ ‫الطالبات‬،
ٔ‫اخت‬ ‫بعد‬‫ذنس‬ ( ‫لليْع‬ ‫ازىا‬ّ‫أ‬..... ‫بدٓل‬ ً‫م‬ ‫أنجس‬ ‫ميَا‬ ‫اختٔاز‬ ‫ىطتطٔع‬ ٚ‫أخس‬ ‫اختٔازات‬ ‫إىل‬ ٘‫حاج‬ ٙ‫ف‬ ً‫ذم‬ ) ٙ‫أىج‬
‫االختيار‬ ‫صندوؽ‬:Checkbox
: ُ‫تعسٓف‬‫الْقت‬ ‫ىفظ‬ ‫فى‬ ‫صيدّم‬ً‫م‬ ‫أنثس‬‫اختٔاز‬ ،‫االختٔاز‬ ‫صيدّم‬‫طسٓل‬ ً‫ع‬ ً‫ميه‬.
: ُ‫اضتخدام‬
‫لغة‬ ‫تطنح‬ ‫حيح‬HTML‫ننا‬ )‫بدائل‬ ‫(عدة‬ ‫الوقت‬ ‫ىفظ‬ ‫يف‬ )‫(صيدوم‬ ‫اختياز‬ ً‫م‬ ‫أنجس‬ ‫اختياز‬ ‫بإمهاىية‬
‫التالي‬ ‫بالشهل‬٢‫عضب‬٣ٚ‫فضْغا‬٣‫اصتًٝظ‬٢ْ‫أملا‬
‫الْٓب‬ ‫لصفخة‬‫االختٔاز‬ ‫صيدّم‬‫ّإلضافة‬‫با‬ٕ‫التال‬ ‫ألمس‬:<input type = "checkbox">
: ٘‫ملخْظ‬‫ميه‬‫ييا‬‫تهساز‬‫الطابل‬ ‫األمس‬‫الويب‬ ‫لصفخة‬ ‫اختياز‬ ‫صيدوم‬ ً‫م‬ ‫أنجس‬ ‫إلضافة‬
٘‫إضاف‬ ‫خطْات‬‫االختٔاز‬ ‫صيدّم‬ ‫نْد‬:
1.‫دزٜز‬ ٢‫ْص‬ ‫ًَف‬ ٧‫اْؾ‬.
2.‫ايتاىل‬ ‫ايهٛر‬ ‫انتب‬<input type = "checkbox">‫منٛسز‬ ٌ‫راخ‬<form></form>
١‫املتاس‬ ٌ٥‫االختٝاصات/ايبزا‬ ‫بعزر‬ ‫األَض‬ ‫ٖشا‬ ‫ٜٚهضص‬
3.ٓ‫اي‬ ‫املًف‬ ‫اسفغ‬‫باَتزار‬ ٢‫ص‬Htm
4.‫االْرتْت‬ ‫َغتعضض‬ ٢‫ف‬ ‫املًف‬ ‫افتح‬
‫و‬‫بعدٍا‬‫يضاف‬‫الويب‬ ‫صفخة‬ ‫فى‬ ‫نرلو‬.
‫األمر‬ ‫زر‬:Button
: ُ‫تعسٓف‬. ‫الْظائف‬ ً‫م‬ ‫بالعدٓد‬ ‫ٓكْو‬ُٔ‫عل‬ ‫الطػط‬ ‫عيد‬
: ُ‫اضتخدام‬
‫ّإلضافة‬‫األمس‬ ‫شز‬Button‫الْٓب‬ ‫لصفخة‬‫با‬ٕ‫التال‬‫ألمس‬:">button<input type = "
‫الموضوع‬‫الثاني‬

<form>
<br>
<input type = "checkbox">
</form>
‫األداة‬ ‫شهل‬
OK

٘‫إضاف‬ ‫خطْات‬‫األمس‬ ‫شز‬ ‫نْد‬Button:
1-‫دزٜز‬ ٢‫ْص‬ ‫ًَف‬ ٧‫اْؾ‬.
2-‫ايتاىل‬ ‫ايهٛر‬ ‫انتب‬<input type = "button">‫منٛسز‬ ٌ‫راخ‬<form>
4-‫َغ‬ ٢‫ف‬ ‫املًف‬ ‫افتح‬‫االْرتْت‬ ‫تعضض‬
‫وبعدٍا‬‫يضاف‬‫الويب‬ ‫صفخة‬ ‫فى‬ ‫نرلو‬
٘‫ملخْظ‬٘‫ٍام‬:‫اخلاصية‬ ‫اضتخداو‬ ‫مت‬ ‫الطابل‬ ‫الهود‬ ‫يف‬value‫الصز‬ ‫على‬ ‫يظَس‬ ‫الري‬ ‫اليص‬ ‫لتخديد‬
‫ال‬ ‫األشزاز‬ ‫مو‬ ‫انواع‬ ‫ثالثة‬ ‫يوجد‬‫الر‬ ‫الهموذج‬ ‫اىل‬ ‫اضافتها‬ ‫ميكو‬ ‫يت‬‫ى‬‫بتصميمه‬ ‫تقوم‬‫وهى‬:
1-‫طص‬button:‫اضاف‬ ِ‫ٜت‬‫ي‬ ّ‫ٜٚغتدز‬٘‫ت‬‫ا‬ ّ‫املٗا‬ ‫أسز‬ ‫تٓفٝش‬٢‫يت‬١‫نتاب‬ ٍ‫خال‬ َٔ ‫بتٛصٝفٗا‬ ّٛ‫تك‬‫نٛار‬.
2-‫طص‬submit:‫ٜٚغت‬‫ايبٝاْات‬ٍ‫إلصعا‬ ّ‫دز‬.
3-‫طص‬reset:‫ايبٝاْات‬ ‫ذتشف‬ ّ‫ٜٚغتدز‬
‫اإلرساؿ‬ ‫زر‬:Submit
‫اإلزضال‬ ‫شز‬Submit‫أخسى‬ ‫لصفخة‬‫الينْذج‬ ‫عياصس‬ ‫طسٓل‬ ً‫ع‬ ‫بإدخاهلا‬ ‫قنت‬ ‫اليت‬‫بٔاىاتو‬ ‫ازضال‬ ‫ٓته‬ُٔ‫عل‬ ‫بالطػط‬
‫اخلاصية‬ ‫بإضافة‬ ‫ذلو‬ ٌ‫(ويهو‬Action‫بالــ‬ ‫اخلاصة‬m. For
‫اإلزضال‬ ‫شز‬‫إلضافة‬submitٕ‫التال‬ ‫األمس‬‫ىطتخدو‬ ‫الْٓب‬‫صفخة‬ ‫اىل‬
<input type = "submit">
٘‫إضاف‬ ‫خطْات‬‫نْد‬‫اإلزضال‬ ‫شز‬Submit:
2-‫ايتاىل‬ ‫ايهٛر‬ ‫انتب‬<input type = "Submit">‫منٛسز‬ ٌ‫راخ‬<form>
4-‫االْرتْت‬ ‫َغتعضض‬ ٢‫ف‬ ‫املًف‬ ‫افتح‬
٘‫ملخْظ‬‫ايظص‬ ٢ً‫ع‬ ‫ايٓكض‬ ‫عٓز‬submit١‫يًصفش‬ ٍ‫االْتكا‬ ِ‫ٜت‬process.phpِ‫ٜت‬ ‫سٝح‬
‫ايبٝاْات‬ ٍ‫اعتكبا‬٢‫ايت‬ٛ‫ن‬ ١‫بٛاعط‬ ‫َٚعادتتٗا‬ ِ‫ايتشه‬ ‫أرٚات‬ ‫طضٜل‬ ٔ‫ع‬ ‫ارخاهلا‬ ‫مت‬ٙ‫ٖش‬ ‫ر‬
١‫بًػ‬ ‫املهتٛب‬ ١‫ايصفش‬php(٘‫قادم‬ ٘ٔ‫دزاض‬ ‫ضيْات‬ ‫يف‬ ‫الهْد‬ ‫ٍرا‬ ‫تفاصٔل‬ ٙ‫عل‬ ‫ىتعسف‬ ‫ّضْف‬)
<form>
<input type = "button" value="ok">
</form>
OK
Submit Query
<form action="process.php">
<input type = "submit">
</form>

‫الحذؼ‬ ‫زر‬:Reset
: ُ‫اضتخدام‬‫شز‬‫ٓطتخدو‬Reset‫لألدّات‬ ‫االفرتاضٔة‬ ‫للكٔه‬ ‫ّالعْدة‬ ‫ادخاهلا‬ ‫ضبل‬ ‫اليت‬ ‫الكٔه‬‫حلرف‬(‫حمتْٓات‬ ‫مطح‬‫احلكْل‬)
‫ا‬ ‫شز‬‫إلضافة‬‫حل‬‫رف‬Reset‫األمس‬ ‫ىطتخدو‬ ‫الْٓب‬ ‫صفخة‬‫اىل‬<input type = "reset">
٘‫إضاف‬ ‫خطْات‬‫أّامس‬‫احلرف‬ ‫شز‬Reset:
2-‫ايتاىل‬ ‫ايهٛر‬ ‫انتب‬<input type = "reset">‫منٛسز‬ ٌ‫راخ‬<form>
‫الينوذج‬ ‫وأشزاز‬ ‫حكول‬ ‫وتلخيص‬form: ‫باآلتى‬
<form>
<input type = "reset">
</form>
Reset
!!‫ترنس‬

7-
8-
... ‫املشــــــروع‬
‫بإ‬‫ضتخد‬‫او‬‫الطابكة‬ ‫الينوذج‬ ‫عياصس‬:‫ى‬( ‫ويب‬ ‫صفخة‬ ‫صنه‬‫نن‬‫ا‬‫التاىل‬ ‫بالهْد‬‫بياىاتو‬ ‫لتطجيل‬ ):
‫الموضوع‬‫الثالث‬
‫األخسع‬ ‫حمند‬ ‫و‬ ‫تصنٔه‬
‫انـ‬ ‫منطقة‬Body‫اننمىرج‬ ‫إلدساج‬
‫نكىد‬ ‫انثنائى‬ ‫انهيكم‬HTML
‫انخاصية‬ ‫مع‬ ‫اننمىرج‬ ‫إدساج‬ ‫منطقة‬Action‫االسسال‬ ‫نضس‬
‫االسم‬ ‫ننص‬ ‫صنذوق‬ ‫إدساج‬ ‫كىد‬
‫أمش‬‫صنذوق‬ ‫إدساج‬‫انسش‬ ‫كهمة‬
‫انس‬ ‫تأكيذ‬ ‫أمش‬‫ش‬
‫انسن‬ ‫صنذوق‬ ‫إدساج‬ ‫أمش‬
‫واحذ‬ ‫تذيم‬ ‫اختياس‬ ‫صس‬ ‫إدساج‬ ‫أمش‬Radio
‫اإلختياس‬ ‫صنذوق‬ ‫إدساج‬ ‫أمش‬Checkbox
‫انثيانات‬ ‫وافشاغ‬ ‫انحزف‬ ‫صس‬ ‫إدساج‬ ‫أمش‬Reset
‫اإلسسال‬ ‫صس‬ ‫إدساج‬ ‫أمش‬Submit
‫نكىد‬ ‫انثنائى‬ ‫انهيكم‬ ‫نهاية‬HTML
‫الهْد‬
‫الياتج‬

‫األوؿ‬ ‫الموضوع‬
‫للغة‬ ‫األساسية‬ ‫املفاهيم‬...
‫مقدمة‬: ‫الطالب‬ ٜٙ‫أعصا‬
ً‫م‬ ‫ّالتأند‬ ، ‫بٔاىاتو‬ ‫لتطجٔل‬ ٘ٔ‫تفاعل‬ ٘‫صفخ‬ ‫مصسّع‬ ‫لتطْٓس‬‫ذمتاج‬ ،٘‫صخٔخ‬ ٘‫بالصفخ‬ ٘‫املدخل‬ ‫البٔاىات‬ ٌ‫أ‬
، ٘‫بلػ‬ ُ‫املهتْب‬ ‫األنْاد‬ ٘‫إضاف‬Java Script٘‫لػ‬ ٌ‫أ‬ ‫حٔح‬HTML٘‫صخ‬ ً‫م‬ ‫التأند‬ ً‫م‬ ‫متهييا‬ ً‫ل‬
... ٘‫املدخل‬ ‫البٔاىات‬
‫لغة‬ ‫أساسيات‬Java Script
Java Script.Statements
Statements.HTML
Java Script<script></script>
Statement( ; )
Statements
‫نود‬ ‫نتابة‬ ً‫أمان‬ava ScriptJ‫ملف‬ ‫داخل‬HTML
‫ا‬.. ‫الثانية‬ ‫لوحدة‬٘‫لػ‬JAVA SCRIPT

‫جملة‬alert
: ‫اضتخدامَا‬
‫مجلة‬ ‫تطتخدو‬alert‫لكساءتَا‬ ِ‫االىتبا‬ ‫جيرب‬ ‫مما‬ ‫صيدّم‬ ‫داخل‬ ‫زضالة‬ ‫لعسض‬.
)‫الويب‬ ‫صفحة‬ ‫خارج‬ ‫(تظهر‬
‫ىطتخد‬ ‫السضالة‬ ‫صيدّم‬ ‫ّإلظَاز‬‫األمس‬ ‫و‬");‫السضالة‬alert ("
٘‫مالحظ‬ ‫مع‬:‫التيصيص‬ ‫عالميت‬ ‫بني‬ ‫نتابتَا‬ ‫جيب‬ ‫السضالة‬ ٌ‫أ‬""
١‫ايضعاي‬٘‫ب‬ ‫صٓزٚم‬‫ٜعٗض‬‫حتًُٝٗا‬ ‫عٓز‬‫ٜٚب‬١‫صفش‬ ُِٝ‫ٚيتص‬«ِ‫به‬ ‫َضسبا‬»:٢‫باآلت‬ٕٛ‫ٜه‬
٘‫إضاف‬ ‫خطْات‬"‫بهه‬ ً‫ا‬‫مسحب‬ " ٘‫السضال‬ ُ‫ب‬ ‫صيدّم‬
2.‫ايتاىل‬ ‫ايهٛر‬ ‫انتب‬ٚ‫سفع‬٘‫باَتزار‬ ٢‫ايٓص‬ ‫املًف‬Htm
3.‫االْرتْت‬ ‫َغتعضض‬ ٢‫ف‬ ‫املًف‬ ‫افتح‬
‫األمس‬ ‫ىتيجة‬ ‫يظَس‬ ‫السضالة‬ ‫صيدوم‬rtale
‫جم‬‫ػػ‬‫لة‬document.write
: ‫اضتخدامَا‬
‫مجلة‬ ‫تطتخدو‬document.write‫ىفطَا‬ ‫الْٓب‬ ‫صفخة‬ ‫على‬ ‫مهتْبة‬ ‫زضالة‬ ‫إلظَاز‬.
‫(تظهر‬‫داخل‬)‫الويب‬ ‫صفحة‬
١‫ايضعاي‬ ‫عًٝٗا‬‫ٜعٗض‬‫حتًُٝٗا‬ ‫عٓز‬ ‫ٜٚب‬١‫صفش‬ ُِٝ‫ٚيتص‬"‫المراحل‬ ‫لجميع‬ ‫اآللى‬ ‫الحاسب‬ ‫فى‬ ‫التبسيط‬"
‫خطْات‬‫إظَاز‬"‫الْٓب‬ ٘‫صفخ‬ ‫داخل‬ " ٘‫زضال‬
2.‫ايتاىل‬ ‫ايهٛر‬ ‫انتب‬ٚ‫سفع‬٘
‫باَتزار‬ ٢‫ايٓص‬ ‫املًف‬Htm
3.‫االْرت‬‫َغتعضض‬ ٢‫ف‬ ‫املًف‬ ‫افتح‬‫ْت‬
<body>
<script>
alert(" ");
</script>
</body>
‫اآلنى‬ ‫انحاسة‬ ‫فى‬ ‫انتثسيط‬
12223651342
<body>
<script>
document.write (" ");
</script>
</body>

‫اليتيجة‬‫الويب‬ ‫بصكخة‬ ‫ناآلتى‬ ‫السضالة‬ ‫تظَس‬
....... () ...............................................
) ...................................................... (
) ...................................................... (
) .......... (
) .......... (
Statement) .......... (
) .......... (

9-
01-
‫اس‬‫ــــ‬‫ك‬ ‫تدعاء‬‫ــ‬‫ود‬Java Script
‫وبناتى‬ ‫أبنائى‬،
‫الصز‬ ‫خالل‬ ً‫م‬ ‫ضهسٓبت‬ ‫اجلافا‬ ‫نْد‬ ٙ‫ىطتدع‬ ‫املْضْع‬ ‫ٍرا‬Button‫ّى‬٘‫الدال‬ ٙ‫عل‬ ‫تعسف‬Function
‫كود‬ ‫استدعاء‬Java Script‫أمر‬ ‫زر‬ ‫باستخداـ‬Button
ٌ‫مج‬ ٕ‫أ‬ ‫عبل‬ ‫فُٝا‬ ‫السعٓا‬Java Script‫األَض‬ ٌ‫راخ‬ ١‫املهتٛب‬<script></script>‫تًكا٥ٝا‬ ‫تٓفٝشٖا‬ ِ‫ٜت‬.
‫ايـ‬ٌ‫مج‬ ‫تٓفٝش‬ ٢‫ف‬ ١‫ايضغب‬ ١‫ساي‬ ٢‫ٚف‬Java Script‫األَض‬ ٌ‫راخ‬ ١‫املهتٛب‬<script></script>‫ع‬‫ٚقٛع‬ ‫ٓز‬
‫أَض‬ ‫طص‬ ٢ً‫ع‬ )‫باملاٚؼ‬ ‫(ايطػط‬ ‫ايٓكض‬ٌ‫َج‬ ‫سزخ‬Buttonٍ‫ايزٚا‬ ٢ً‫ع‬ ‫ايتعضف‬َٔ ‫فالبز‬.Function
‫ال‬‫ػػػػ‬‫دالة‬Function
‫ّظٔفتَا‬ ‫على‬ ‫ٓدل‬ ‫للدالة‬ ‫مياضب‬ ‫اضه‬ ‫إعطاء‬ ‫ّجيب‬ ،‫اضتدعائَا‬ ‫عيد‬ ‫تيفر‬ ‫اليت‬ ‫األّامس‬ ً‫م‬ ‫دلنْعة‬ ٍٕ
‫اضتدعائ‬ ‫ثه‬ ،، ً‫ال‬‫أو‬ ‫اىشائَا‬ ً‫م‬ ‫البد‬ ‫تعنل‬ ‫ولهى‬... ‫ذلو‬ ‫بعد‬ ‫َا‬
:‫إنش‬‫ػػػػػػ‬‫اء‬‫دالة‬Function
1-‫األَض‬ ‫انتب‬function(١‫يًزاي‬ ‫َٓاعب‬ ِ‫اع‬ ‫انتب‬ ِ‫ث‬).
2-‫ايكٛعني‬ ‫بني‬ ‫َا‬ ٙ‫تٓفٝش‬ ِ‫عٝت‬ ٟ‫ايش‬ ‫ايهٛر‬ ‫انتب‬{}١‫ايزاي‬ ٤‫اعتزعا‬ ‫عٓز‬ ٙ‫تٓفٝش‬ ِ‫ٜت‬ ‫سٝح‬ ،
‫ناآلتى‬ ‫الهْد‬ ‫ىهتب‬ ‫األمس‬ ‫ّلتْضٔح‬
‫مهتوب‬ ‫زضالة‬ ‫صيدوم‬ ‫يظَس‬ ‫اضتدعائَا‬ ‫عيد‬ ‫دالة‬ ‫إىشاء‬
،"‫العسبية‬ ‫مصس‬ ‫"مجَوزية‬ ‫العبازة‬ ُ‫بداخل‬
‫خطْات‬٘‫زضال‬ ‫صيدّم‬ ‫مع‬ ٘‫الطابك‬ ٘‫الدال‬ ٛ‫اىصا‬
2-‫ايهٛر‬ ‫انتب‬‫املٛضح‬ٚ٘‫سفع‬‫باَتزار‬Htm
3-‫االْرتْت‬‫َغتعضض‬ ٢‫ف‬ ‫املًف‬ ‫افتح‬
-‫الحظ‬
-‫ٜٚب‬ ١‫صفش‬ ‫تعٗض‬ ‫املغتعضض‬ ‫يف‬ ‫املًف‬ ‫فتح‬ ‫عٓز‬، ١ٝ‫خاي‬
١‫يًزاي‬ ٤‫اعتزعا‬ ‫سزٚخ‬ ّ‫يعز‬ ‫ٚسيو‬.country()
-‫اعتزعا٥ٗا‬ ‫أٚال‬ ‫جيب‬ ١‫راي‬ ٟ‫أ‬ ‫نٛر‬ ‫يتٓفٝش‬.
‫الموضوع‬‫الثاني‬
ً‫ال‬ّ‫أ‬
function‫الدالة‬ ‫اضه‬ ()
{
‫الدالة‬ ‫نْد‬
}
<body>
<script>
function country()
{
alert (" ");
}
</script>
</body>

:‫إ‬‫سػػػػتدعاء‬‫الػػػػ‬‫دالة‬Function
‫د‬ ٛ‫اضتدعا‬ ‫خطْات‬٘‫ال‬Function:
1-‫أَض‬ ‫طص‬ ١‫إضاف‬ ِ‫ٜت‬.Button
2-١ٝ‫ارتاص‬١‫إضاف‬onclick‫أَض‬ ‫يظص‬.Button
3-١ٝ‫ارتاص‬onclick‫اعتزعا٥ٗا‬ ‫املطًٛب‬ ١‫ايزاي‬ ِ‫اع‬ ٖٞ ‫قُٝتٗا‬ ٕٛ‫ته‬.
‫ناآلتى‬‫الهْد‬ ‫ىهتب‬ ‫األمس‬ ‫ّلتْضٔح‬:
ْ‫خط‬‫ات‬‫نْد‬ ٘‫اضاق‬ٛ‫اضتدعا‬‫ال‬٘‫دال‬)(country:
-‫أ‬‫ًَف‬‫فتح‬ ‫عز‬‫ايغابل‬ ٍ‫املجا‬.
-‫َٛضح‬ٖٛ‫نُا‬ ‫ايهٛر‬ ٍ‫عز‬٘‫سفع‬ ‫ٚأعز‬.
-‫اإلْرتْت‬ ‫َغتعضض‬‫يف‬ ‫املًف‬ ‫افتح‬
٘‫ٍام‬ ٘‫ملخْظ‬:
‫األَض‬ ‫طص‬ ٢ً‫ع‬ ‫ايٓكض‬ ‫سزخ‬ ‫ٚقٛع‬ ‫عٓز‬ ْ٘‫أ‬ ‫السغ‬
١‫ايزاي‬ ٤‫اعتزعا‬ ‫مت‬country‫صٓزٚم‬ ‫يٝعٗض‬
‫ب‬ ١‫ايضعاي‬١ٝ‫ايعضب‬ ‫َصض‬ ١ٜ‫"مجٗٛص‬ ٠‫ايعباص‬ ٘".
ً‫ا‬ٔ‫ثاى‬
< input type="button" onclick =" ‫اضتدعائَا‬ ‫املطلْبة‬ ‫الدالة‬ ‫اضه‬ " >
<body>
<input type="button" onclick="country()" value="click me">
<script>
function country()
{
alert (" ");
}
</script>
</body>

‫نص‬ ‫صندوؽ‬ ‫محتوى‬ ‫مع‬ ‫التعامل‬textbox
ٕ‫التال‬ ‫الصهل‬ ‫يف‬:
1-‫أَض‬ ‫ٚطص‬ ‫ْص‬‫صٓزٚم‬‫ٜعٗض‬"click me"‫ايصٓزٚم‬ ‫ٖشا‬ ٌ‫راخ‬ ‫ْص‬١‫نتاب‬ ‫بعز‬.
2-‫األَض‬ ‫طص‬ ٢ً‫ع‬ ‫ايٓكض‬ ‫ٚعٓز‬"click me"
3-‫ايٓص‬ ‫صٓزٚم‬٣ٛ‫ستت‬ ‫ٜعضض‬ ١‫صعاي‬ ‫صٓزٚم‬‫ٜعٗض‬.
‫خطْات‬‫ص‬ ‫تصنٔه‬:‫الطابل‬ ‫بالصهل‬ ‫ننا‬ ‫الْٓب‬ ٘‫فخ‬
5-‫باَتزار‬ ٘‫ٚسفع‬ ‫املٛضح‬ ‫ايهٛر‬ ‫انتب‬Htm
6-‫االْرتْت‬‫َغتعضض‬ ٢‫ف‬ ‫املًف‬ ‫افتح‬
<body>
<form name="form1">
<input type="text" name="t1">
<input type="button" onclick="country()" value="click me">
</form>
<script>
function country()
{
alert (form1.t1.value);
}
</script>
</body>

‫مالحظات‬‫الطابل‬ ًٓ‫التنس‬ ٙ‫عل‬:
->m<forform1name.
-t1name.
-
form1.t1.value
valuet1.form
... () .......
) .......... () .......... (
) .......... (

0-
‫مج‬‫ــ‬‫التف‬ ‫لة‬‫ـ‬‫رع‬If Statement
‫التف‬‫ػػػػػ‬‫رع‬Branching
‫الطالب‬ ‫أعزائى‬،
‫املْضْع‬ ‫ٍرا‬ ٙ‫ف‬ٕ‫الصسط‬ ‫التعبري‬ ‫باضتخداو‬ ٘‫أمجل‬ ٙ‫عل‬ ‫ىتعسف‬.if condition
‫املْضْعني‬ ‫يف‬ ُ‫ألى‬٘‫للػ‬ ‫الطابكني‬Java Script‫الحظيا‬‫األمس‬ ٖ‫أ‬ ً‫ا‬‫تباع‬ ‫تيفٔرٍا‬ ‫ٓته‬ ‫ّاألّامس‬ ‫اجلنل‬ ٌ‫أ‬،‫األمس‬ ٕ‫ٓل‬
‫اختباز‬ ٘‫ليتٔج‬ ً‫ا‬‫تبع‬ ‫مجل‬ ّ‫أ‬ ‫أّامس‬ )‫تيفٔر‬ ‫عدو‬ ّ‫(أ‬ ‫تيفٔر‬ ‫إىل‬ ‫ذمتاج‬ ‫قد‬ ٌ‫األحٔا‬ ‫بعض‬ ‫يف‬ ً‫ّله‬‫معين‬ ‫شرطي‬ ‫تعبير‬
‫بالصهل‬ ‫مْضح‬ ٍْ ‫ننا‬
:
)
>=50( IF
)Code
‫مجلة‬ ‫اضتخداو‬ ‫يته‬ ‫الشسطي‬ ‫التعبري‬ ‫والختباز‬IF
‫ىه‬ ‫األمس‬ ‫ّلتْضٔح‬‫ناآلتى‬‫الهْد‬ ‫تب‬:
: ‫الهْد‬ ‫تْضٔح‬
1-Conditionٞ‫ايؾضط‬ ‫ايتعبري‬ ٖٛٙ‫اختباص‬ ‫املطًٛب‬.
2-‫ايكٛعني‬ ‫بني‬ ‫َا‬{ }‫ايهٛر‬ ‫ٜهتب‬.
.
‫الموضوع‬‫الثالث‬
If Condition (ٕ‫الشسط‬ ‫)التعبري‬ {
Code (ٕ‫الشسط‬ ‫التعبري‬ ‫حتكل‬ ‫حالة‬ ‫يف‬ ‫تيفٔرٍا‬ ‫ٓته‬ ‫ّاجلنل‬ ‫)األّامس‬
}

‫مش‬‫ػػػ‬‫روع‬
.
"
:
"
50
.
‫خطْات‬:‫الطابل‬ ‫املصسّع‬ ‫تصنٔه‬
1-. ‫دزٜز‬ ٢‫ْص‬ ‫ًَف‬ ٧‫اْؾ‬
2-‫باَتزار‬ ٘‫ٚسفع‬ ‫املٛضح‬‫ايهٛر‬ ‫انتب‬Htm
<body>
<form name="form1">
<input type="text" name="t1">
<input type="button" value=" " onclick="country()">
</form>
<script>
function country()
{
if (form1.t1.value>=50)
{
alert (" ");
}
}
</script>
</body>
‫الهْد‬
٘‫اليتٔج‬
... () .......
) .......... (
...... (.......................................) ....
.... (.........................) ......

0-
‫يف‬ ‫املدخلة‬ ‫البيانات‬ ‫صخة‬ ‫مو‬ ‫التخقق‬‫الويب‬ ‫صفخة‬
‫وأبنائى‬ ‫بناتى‬:ٙ‫ف‬ٕ‫التال‬ ٛ‫اجلص‬ ‫يف‬‫ضيكْو‬ٍ‫ٍر‬ ‫بتْظٔف‬‫ضهسٓبت‬ ‫جافا‬ ٘‫لػ‬‫بٔاىاتو‬ ‫تطجٔل‬ ٘‫صفخ‬ ‫جلعل‬
٘‫صخ‬ ً‫م‬ ‫التخكل‬ ٘‫الصفخ‬ ٘ٔ‫تفاعل‬ ‫مظاٍس‬ ‫أحد‬ ً‫ّم‬ ،٘ٔ‫تفاعل‬ ٘‫صفخ‬‫بإدخاهلا‬ ‫تكْو‬ ‫اليت‬ ‫البٔاىات‬.
‫المدخلة‬ ‫البيانات‬ ‫صحة‬ ‫من‬ ‫التحقق‬
‫ا‬ ‫عنلٔة‬ ٍٕ،‫إدخاهلا‬ ‫ٓته‬ ‫اليت‬ ‫البٔاىات‬ ‫يف‬ ‫لتخهه‬
ٙ‫اآلت‬ ‫الحظيا‬ ‫البٔاىات‬ ‫ادخال‬ ‫خالل‬ ٘‫الطابك‬ ‫الدزّس‬ ً‫م‬:
-‫ًَ٦ٗا‬‫َطًٛب‬‫نْٛٗا‬ ‫َع‬١‫فاصغ‬ ٍٛ‫سك‬ ‫تضى‬ ٔ‫ممه‬.
-ٌ‫اذتك‬ ‫يف‬ّ‫ٚاألصقا‬ ‫اذتضٚف‬ َٔ ‫ستزر‬‫غري‬ ‫عزر‬ ١‫نتاب‬.
-‫املضٚص‬ ١ًُ‫ن‬ ١‫َطابك‬ ّ‫عز‬.
-‫ْٛع‬٣‫ا‬ ٍ‫ارخا‬َٔ‫ا‬‫غري‬ ٌ‫اذتك‬ ‫يف‬ ‫ايبٝاْات‬.٘‫ي‬ ‫املدصص‬ ‫يٓٛع‬
‫يلي‬ ‫ننا‬ ‫حكل‬ ‫بهل‬ ‫بياىاتو‬ ‫صخة‬ ً‫م‬ ‫التخكل‬ ‫يته‬ ‫ذلو‬ ‫ولعالج‬:
‫فارغ‬ ‫حقل‬ ‫ترؾ‬ ‫عدـ‬Required Field
‫تمػػػرين‬‫اآلتي‬ ‫بداخلَا‬ ‫يظَس‬ ‫ويب‬ ‫صفخة‬ ‫بتصنيه‬ ‫قه‬:
"
SubmitValue
‫منوذج‬ ‫داخل‬ ‫وذلو‬<form>‫حبيح‬:
".
‫الموضوع‬‫الرابع‬
ً‫ال‬ّ‫أ‬
<form name="form1" action="data.php">
<input type="text" name="text1" > <br><br>
<input type="submit" value=" " onclick="return f1();"/>
</form>
<script>
function f1(){
if (form1.text1.value==""){
alert (" ");
return false;
}
}
</script>
‫اله‬‫ـ‬‫ـ‬‫ْد‬

‫الطابل‬ ‫الهْد‬ ٙ‫عل‬ ‫مالحظات‬:
❶‫التالي‬ ‫الكود‬ ‫استخدمنا‬ ‫الويب‬ ‫صفحة‬ ‫على‬ ‫نموذج‬ ‫إلنشاء‬:
‫حٔح‬ٌ‫أ‬ ‫دمد‬:‫اخلاصية‬:name
‫ٖٓا‬ ِ‫ٚاالع‬‫يًُٓٛسز‬ ِ‫اع‬ ١ٝ‫ارتاص‬ ٙ‫ٖش‬ ٞ‫تعط‬form1‫ايهٛر‬ ٌ‫راخ‬ َٔ ٘‫َع‬ ٌَ‫ايتعا‬‫يف‬ ّ‫ٜغتدز‬ ‫عٛف‬.
‫اخلاصية‬:action
١ًُٝ‫ايع‬ ‫حتزر‬٢‫ايت‬‫عتٓفش‬‫طص‬ ‫ضػط‬ ‫عٓز‬submit‫يًبٝاْات‬ ٍ‫اصعا‬ ١ًُٝ‫ع‬ ٕٛ‫ته‬ ٠‫ٚعار‬٢‫ايت‬‫أرخ‬‫ًٗا‬
ّ‫املغتدز‬ِ‫ايتشه‬ ‫بأرٚات‬‫ي‬‫ٖٓا‬ ٢ُ‫(ٚتغ‬ ٣‫أخض‬ ‫ٜٚب‬١‫صفش‬phpdata.ّ‫ارتار‬ ‫دٗاط‬ ٢ً‫ع‬ ١ْ‫شتظ‬ ٕٛ‫ٚته‬.
❷‫النص‬ ‫صندوؽ‬ ‫إلظهار‬text1‫التالي‬ ‫الكود‬ ‫استخدمنا‬:
<input type="text" name="text1" >
❸‫زر‬ ‫إلظهار‬submit‫التالي‬ ‫الكود‬ ‫استخدمنا‬ ‫الويب‬ ‫صفحة‬ ‫على‬:
‫حٔح‬ٌ‫أ‬ ‫دمد‬:
‫اخلاصية‬:value‫ايظص‬٢ً‫ع‬ "ٍ‫"اصعا‬ ١ًُ‫ن‬ ١‫يهتاب‬.
‫اخلاصية‬onclick:
١‫(ايزاي‬ ‫يتٓفٝشٖا‬ ١‫راي‬ ٤‫اعتزعا‬ ٚ‫أ‬ ‫َعني‬ ‫نٛر‬ ‫بتٓفٝش‬ ّٛ‫ٜٚك‬‫باملاٚؼ‬ ‫يًٓكض‬ ‫ٜغتذٝب‬ ‫ايظص‬ٌ‫جيع‬ ‫سزخ‬ ٌ‫متج‬
٢ُ‫تغ‬ ‫ٖٓا‬f1()‫ٚأَض‬return‫ا‬ ٍ‫إلعتكبا‬١‫ايزاي‬ ‫تٓفٝش‬ َٔ ١‫ايضادع‬ ١ُٝ‫يك‬.
❹‫الدالة‬ ‫إلنشاء‬f1()‫الزر‬ ‫على‬ ‫النقر‬ ‫عند‬ ‫تنفيذها‬ ‫يتم‬ ‫التي‬submit‫الكود‬ ‫استخدمنا‬
‫التالي‬:function f1(){
❺‫النص‬ ‫صندوؽ‬ ‫محتوى‬ ‫الختبار‬text1‫النموذج‬ ‫داخل‬ ‫الموجود‬form1‫طريق‬ ‫عن‬
‫الخاصية‬value‫القيمة‬ ‫حيث‬""‫صن‬ ‫أف‬ ‫تعني‬‫فارغ‬ ‫النص‬ ‫دوؽ‬.
if (form1.text1.value==""){
❻‫األمر‬ ‫نستخدـ‬ "‫فارغ‬ ‫اإلسم‬ ‫حقل‬ ‫بترؾ‬ ‫مسموح‬ ‫"غير‬ ‫الرسالة‬ ‫إلظهار‬alert‫كما‬
‫التالي‬ ‫بالكود‬:");"alert
❽‫الدالة‬ ‫قيمة‬ ‫إلرجاع‬f1‫بػ‬false‫نستخدـ‬ ‫فارغا‬ ‫النص‬ ‫صندوؽ‬ ‫ترؾ‬ ‫حالة‬ ‫في‬
‫الكو‬‫التالي‬ ‫د‬:return false;

‫تابع‬‫الويب‬ ‫صفخة‬ ‫يف‬ ‫املدخلة‬ ‫البيانات‬ ‫صخة‬ ‫مو‬ ‫التخقق‬
‫بالحقل‬ ‫المدخل‬ ‫البياف‬ ‫طوؿ‬ ‫في‬ ‫التحكم‬
. ‫السمْش‬ ً‫م‬ ‫ذلدد‬ ‫عدد‬ ً‫ع‬ ‫تكل‬ ‫ال‬ ‫قٔنة‬ ‫على‬ ‫احلكل‬ ‫احتْاء‬ ‫ٍى‬
‫تم‬‫ػػػ‬‫رين‬‫بتصن‬ ‫قه‬‫اآلتي‬ ‫بداخلَا‬ ‫يظَس‬ ‫ويب‬ ‫صفخة‬ ‫يه‬
‫منوذج‬><form‫على‬ ‫حيتوي‬:
.
" submit
8
8
‫الموضوع‬‫الخامس‬
ً‫ا‬ٔ‫ثاى‬
<html>
<head>
</head>
<body dir="rtl">
<input type="password" name="text1">
</form>
<script>
function f1(){
if (form1.text1.value.length<8){
alert (" ");
return false;
}
}
</script>
</body>
</html>

‫حقلين‬ ‫في‬ ‫المدخلة‬ ‫البيانات‬ ‫مطابقة‬
. ‫السمْش‬ ً‫م‬ ‫ذلدد‬ ‫عدد‬ ً‫ع‬ ‫تكل‬ ‫ال‬ ‫قٔنة‬ ‫على‬ ‫احلكل‬ ‫احتْاء‬ ‫ٍى‬
‫تم‬‫ػػػ‬‫رين‬‫اآلتي‬ ‫بداخلَا‬ ‫يظَس‬ ‫ويب‬ ‫صفخة‬ ‫بتصنيه‬ ‫قه‬
‫منوذج‬<form>‫على‬ ‫حيتوي‬:
"
""
" Submit
"
ً‫ا‬‫ثالج‬
<body dir="rtl">
<br>
<br>
</form>
<script>
function f1(){
if (form1.text1.value!==form1.text2.value){
alert (" ");
return false;
}
}
</script>
</body>

‫ال‬ ‫لنوع‬ ‫مخالف‬ ‫البيانات‬ ‫من‬ ‫نوع‬ ‫ادخاؿ‬ ‫منع‬‫حقل‬
ً‫ال‬‫مث‬ ‫األزقاو‬ ‫حكل‬ ‫فى‬ " ‫"حسفٔة‬ ‫ىصْص‬ ‫بٔاىات‬ ‫ادخال‬ ‫عدو‬ ‫أى‬.
‫تم‬‫ػػػ‬‫رين‬‫اآلتي‬ ‫بداخلَا‬ ‫يظَس‬ ‫ويب‬ ‫صفخة‬ ‫بتصنيه‬ ‫قه‬
‫منوذج‬<form>‫على‬ ‫حيتوي‬:
.
" Submit
ً‫ا‬‫زابع‬
<body dir="rtl">
<input type="text" name="text1">
</form>
<script>
function f1(){
if (isNaN(form1.text1.value)){
alert (" ");
return false;
}
}
</script>
</body>

) .......... (
) .......... (
) .......... (
) .......... (
) .......... (
) .......... (
) .......... (

‫مشـــــــروع‬
‫البيانات‬ ‫تسجيل‬ ‫صفحة‬ ‫في‬ ‫المدخلة‬ ‫البيانات‬ ‫صحة‬ ‫من‬ ‫التحقق‬
ّ ٘‫الطلب‬ ٜٙ‫أبيا‬‫الطالبات‬..
،‫املدخلة‬ ‫البياىات‬ ‫صخة‬ ً‫م‬ ‫التخكل‬ ‫نيفية‬ ‫على‬ ‫تعسفيا‬ ‫بعد‬
: ‫املطلْب‬‫مدزضيت‬ ‫(مْقع‬ ‫الطابل‬ ‫مشسّعو‬ ‫اضتهنال‬)
‫املدخلة‬ ‫البياىات‬ ‫صخة‬ ً‫م‬ ‫التخكل‬ ‫عنلية‬ ‫اجساء‬ ‫يته‬ ٌ‫أ‬ ‫على‬ ‫البياىات‬ ‫لتطجيل‬ ‫صفخة‬ ‫بإضافة‬ ‫وذلو‬
‫حيث‬ ‫من‬ ‫وذلك‬:
-Required Field
-.
-.
-.
‫مدزسيت‬ ‫موقع‬ ‫مشسوع‬ ‫لصفحات‬ ‫الههائي‬ ‫الشكل‬

login.htm
.
‫الموضوع‬‫السادس‬
+ ❶
❸
❷

: ‫احلل‬: ً‫ال‬‫أو‬‫ايُٓٛسز‬ ١‫صفش‬ ٌ‫ؽه‬ ُِٝ‫تص‬ ‫نٛر‬❶
‫املساحل‬ ‫جلنٔع‬ ‫اآلىل‬ ‫احلاضب‬ ‫فى‬ ‫التبطٔط‬

ً‫ا‬‫ثاني‬:‫نٛر‬١‫ايصفش‬ ٌٜٛ‫حت‬١ًٝ‫تفاع‬ ١‫صفش‬ ‫إىل‬❷
❸login.htm
‫ملحوظة‬‫هامة‬:"ٜٙ‫"إثسا‬ ‫الطابع‬ ‫املْضْع‬HTML5... ‫باملذكزة‬ ‫يدرج‬ ‫ومل‬ ‫باالمتحان‬ ‫يدرج‬ ‫وال‬ ‫لإلطالع‬

‫اإلس‬‫ــ‬‫اآلم‬ ‫تخدام‬‫ــ‬‫لإل‬ ‫و‬‫نت‬‫ــ‬‫رنت‬......
‫مقدمة‬:
، ‫اجملاالت‬ ‫خمتلف‬ ‫يف‬ ‫االتصال‬ ‫ّضاٜل‬ ‫أٍه‬ ً‫م‬ ‫االىرتىت‬ ٘‫شبه‬
‫ّلرلو‬‫ا‬ ٚ‫الطسّز‬ ً‫م‬‫لرتنٔص‬‫تيتج‬ ‫قد‬ ‫اليت‬ ‫املخاطس‬ ٙ‫عل‬ً‫م‬،‫االضتخداو‬ ‫ذلو‬
ٗ‫املدمس‬ ‫بالفريّضات‬ ٘‫االصاب‬ ‫بني‬ ‫ما‬ ‫املخاطس‬ ِ‫ٍر‬ ‫ّتتيْع‬‫للعبح‬ ‫ّاالخرتام‬ ،‫اجلَاش‬ ٙ‫عل‬ ٘‫املخصى‬ ‫للبٔاىات‬
‫مبلفا‬ّ‫أ‬ ٗٛ‫اإلضا‬ ‫بكصد‬ ًٓ‫اآلخس‬ ‫اضتػالل‬ ّ‫أ‬ ‫املطتخدو‬ ‫ت‬٘ٔ‫الطخص‬ ‫البٔاىات‬ ٘‫ضسق‬ ّ‫أ‬ ‫االىتخال‬ ّ‫أ‬ ‫االبتصاش‬
،‫املخاطس‬ ‫أىْاع‬ ً‫م‬ ‫ّغريٍا‬
ٌْ‫ٓدزن‬ ‫ال‬ ‫األضخاص‬ ً‫م‬ ‫فالهجري‬ًٓ‫آخس‬ ‫ألىاس‬ ‫الهجري‬ ٙ‫تعي‬ ُ‫تاف‬ ‫هله‬ ّ‫تبد‬ ‫قد‬ ‫اليت‬ ‫املعلْمات‬ ‫بعض‬ ٌ‫أ‬
‫اال‬ ‫شبكة‬ ‫استخداـ‬ ‫أثناء‬ ‫لها‬ ‫نتعرض‬ ‫التى‬ ‫المخاطر‬‫نترن‬
❶‫اهلْٓة‬ ‫ضسقة‬Identity Theft
ٙ‫غري‬ ١‫عضق‬ ٚ‫أ‬ ٘‫يغضقت‬٘‫ب‬ ‫تتعًل‬‫َعًَٛات‬ ٣‫ا‬ٚ‫أ‬ ‫آخض‬ ‫ؽدص‬ ِ‫اع‬ ‫َا‬‫ؽدص‬ ّ‫اعتدزا‬ ٚ‫أ‬ ٍ‫اْتشا‬
❷‫الضازة‬ ‫الربامخ‬Malware:
‫امل‬ ٚ‫أ‬ ١ً‫املتطف‬ ٚ‫أ‬ ١ٝ٥‫ايعزا‬ ‫ايرباَر‬١ُ‫ألْع‬٠‫َغترت‬ ًٌ‫تغ‬٢‫ايت‬١‫ظعذ‬‫َؾتل‬‫ٚامسٗا‬ ‫ايهُبٝٛتض‬ ‫بضاَر‬
‫ايهًُات‬ َٔMaliciousٚ ) ‫خبٝح‬ (software‫بضاَر‬ ّ‫اعتدزا‬ ‫ميهٓو‬‫ايرباَر‬ ٙ‫ٖش‬ ٣‫ٚيتفار‬ ) ‫بضاَر‬ (
.‫دٗاطى‬‫يتأَني‬‫ايفريٚعات‬ ١‫َهافش‬
❸: ‫التحطظ‬ ‫بسامخ‬
ِٗ‫َٛافكت‬ ٢ً‫ع‬ٍٛ‫اذتص‬ ٕٚ‫ر‬ ‫املغتدزَني‬ ٔ‫ع‬ ١ٝ‫ايؾدص‬ ‫املعًَٛات‬ ‫بتذُٝع‬ّٛ‫تك‬‫نُبٝٛتض‬ ‫بضاَر‬
ٔ‫ع‬ ‫ايهؾف‬ ‫بضاَر‬ ّ‫اعتدزا‬ ‫جيب‬‫ايرباَر‬ ٙ‫ٖش‬ ٣‫ٚيتفار‬‫ٚاملًفات‬ ‫ايتذغػ‬ ‫نًُفات‬ ١‫ارتبٝج‬‫املًفات‬
‫بو‬‫ارتاص‬ ‫االْرتْت‬‫َتصفح‬ ٢ً‫ع‬‫تغٝطض‬٢‫ايت‬‫ٚاملًفات‬ ١ٝ٥‫ايزعا‬
❹‫الفريّع‬Virus:
‫ٚايرباَر‬ ‫ايهُبٝٛتض‬ ٠‫أدٗظ‬ ‫ٜصٝب‬ ٢‫ايشات‬ ‫االْتؾاص‬٢ً‫ع‬ ٠‫قزص‬ ٘‫ي‬ ‫ضاص‬‫صػري‬‫بضْاَر‬.
❺: ‫الطسٓة‬ ‫السمْش‬
‫فضر‬ ٣‫أ‬‫ختص‬ ٢‫ايت‬ ١ٝ‫ايؾدص‬ ‫ايبٝاْات‬ ١‫ناف‬٘‫ب‬‫ٜكصز‬‫املعًَٛات‬ ‫تهٓٛيٛدٝا‬ ٌ٥‫ٚعا‬ ‫َع‬ ٌَ‫ٜتعا‬
ّ‫املغتدز‬ ِ‫اع‬ ٌ‫َج‬ ‫أسز‬ ٣‫أل‬‫عٓٗا‬ ‫ايهؾف‬ ٢‫ٜٓبػ‬‫ال‬ ٢‫ٚايت‬ ‫ٚاالتصاالت‬Username
‫املضٚص‬ ١ًُ‫ٚن‬password.ٍُٛ‫احمل‬ ٕٛ‫ايتًٝف‬ ٚ‫أ‬ ‫االْرتْت‬‫َع‬ ٌَ‫ايتعا‬ ‫عٓز‬
‫ا‬‫الثـــالثة‬ ‫لوحـــدة‬
‫الموض‬‫ػػػ‬‫وع‬

‫مواقف‬‫ت‬‫االنترن‬ ‫شبكة‬ ‫استخداـ‬ ‫أثناء‬ ‫لها‬ ‫تعرض‬‫معها‬ ‫التعامل‬ ‫وكيفية‬
❶‫الموقف‬: ‫االوؿ‬
٢‫االدتُاع‬ ٌ‫ايتٛاص‬ ‫َٛقع‬ ٢ً‫ع‬ ١‫يًصفش‬ ٣‫ايغض‬ ِ‫ٚايضق‬ ّ‫املغتدز‬ ِ‫اع‬ ٍ‫بإرخا‬ ٌٝ‫ايتغذ‬ ٕٛ‫ٜه‬ ‫أسٝاْا‬
٘‫سغاب‬ ١‫يغضق‬ ‫اسٝاْا‬ ّ‫املغتدز‬ ‫ٜتعضض‬ ‫ٚقز‬ ١‫املطًٛب‬ ‫َعًَٛات‬ ٍ‫ٚاصعا‬ ‫ايتطبٝل‬ ٢‫ف‬ ‫االؽرتاى‬ ‫بٗزف‬
‫اهلانض‬ ‫بٗزف‬ ٕٛ‫ته‬ ٕ‫االسٝا‬ َٔ ‫نجري‬ ٢‫ف‬ ‫ايتطبٝكات‬ٙ‫ٖش‬ ٕ‫ا‬ ‫ٚخصٛصا‬ ٢‫ايؾدص‬
ٔ‫نٔف‬:‫املْقف‬ ‫مع‬ ‫التعامل‬ ٘
‫َٓٗا‬ ٢‫ايض٥ٝغ‬‫اهلزف‬ ١‫َعضف‬ ١‫يصعٛب‬ ُّٛ‫ايع‬٘‫ٚد‬٢ً‫ع‬ ‫ايتطبٝكات‬ ٙ‫ٖش‬ ٌ‫َج‬ ٢‫ف‬ ‫االؽرتاى‬ ّ‫عز‬ ٌ‫ٜفط‬
‫تػٝري‬ ١‫عضع‬ ٢‫ٜضد‬ ٌ‫بايفع‬ ‫سزخ‬ ‫ٚإسا‬ ٢‫ايؾدص‬ ‫يًشغاب‬ ٣‫ايغض‬ ِ‫ايضق‬ ٍ‫بارخا‬ ٌٝ‫ايتغذ‬ ٕ‫نا‬ ‫إسا‬ ١‫ٚخاص‬
١ٝ‫ايؾدص‬ ‫ايصفشات‬ ٢‫ف‬ ‫ٚايعبح‬ ِٖ‫اسز‬ ٍٛ‫رخ‬ َٔ ‫سضصا‬ ٣‫ايغض‬ ِ‫ايضق‬
❷: ‫الثانى‬ ‫الموقف‬
٢‫ف‬ ١ً٥‫ايعا‬ ‫ألفضار‬ ٚ‫أ‬ ِ‫هل‬ ١ٝ‫ؽدص‬ ‫صٛص‬ ٢‫االدتُاع‬ ٌ‫ايتٛاص‬ ‫َٛاقع‬ ٢ً‫ع‬ ١‫ٚخاص‬ ‫املغتدزَني‬ ‫بعض‬ ‫ٚضع‬
١‫خاص‬ ٔ‫ٚأَان‬‫َٓاعبات‬
: ‫حتدث‬ ‫قد‬ ‫التى‬ ‫املشكلة‬
‫متخصصة‬ ‫بسامخ‬ ‫طسٓق‬ ً‫ع‬ ً‫آم‬ ‫غري‬ ‫بػكل‬ ‫معَا‬ ‫التعامل‬ ّ‫أ‬ ‫التػَري‬ ّ‫أ‬ ‫ابتصاش‬ ‫عنلٔات‬ ‫فى‬ ‫للْقْع‬ ‫املطتخدو‬ ‫ٓتعسض‬ ‫قد‬‫الصْز‬ ‫فى‬
ُ‫ّخالف‬ ‫الفْتْغْب‬ ‫مثل‬
: ‫املْقف‬ ‫مع‬ ‫التعامل‬
٢ً‫ع‬ ‫ايتانز‬ ‫البز‬ ‫ايٓؾض‬ ‫ٚعٓز‬١َ‫يًعا‬ ‫ْٚؾضٖا‬ٍ‫االسٛا‬ َٔ ٍ‫سا‬ ٣‫بأ‬ ١‫خاص‬ ١ٝ‫ؽدص‬ ‫صٛص‬ ‫ٚضع‬ّ‫عز‬
‫فكط‬ ‫املكضبني‬ ٤‫ألصزقا‬ ‫اال‬ ‫عًٝٗا‬ ‫االطالع‬ ّ‫ٚعز‬ ‫عضٜتٗا‬
❸: ‫الثالث‬ ‫الموقف‬
‫ايغه‬ ٕ‫عٓٛا‬ ٌ‫َج‬ ١ٝ‫ؽدص‬ ‫ٚبٝاْات‬ ٕٛ‫ايتًٝف‬ ّ‫أصقا‬ ‫ٚضع‬٢‫ف‬ ٌٝ‫ايتغذ‬ ‫عٓز‬ ً٘ٝ‫ٚتفاص‬ ٌُ‫ايع‬ ٕ‫عٓٛا‬ ٚ‫أ‬ ٔ
ٌ‫ايتٛاص‬‫َٛاقع‬ ٢ً‫ع‬ ٢‫ؽدص‬ ‫سغاب‬ ٌُ‫ع‬ ٚ‫أ‬ ‫املٓتزٜات‬
:‫حتدث‬ ‫قد‬ ‫التى‬ ‫املشكلة‬
‫زقابة‬ ‫ْٓجد‬ ‫ّال‬ ً‫الط‬ ‫صػاز‬ ً‫م‬ ‫املطتخدو‬ ٌ‫كا‬ ‫إذا‬ ‫ّخاصة‬ ‫اخلطف‬ ّ‫أ‬ ‫امليصلٔة‬ ‫لطسقات‬ ‫احٔاىا‬ ‫للْقْع‬ ‫املطتخدو‬ ‫ٓتعسض‬ ‫قد‬
ِ‫ٍر‬ ‫على‬ ‫التطحٔل‬ ‫عيد‬ ‫كافٔة‬ ‫ميصلٔة‬‫املْاقع‬
٤‫إْؾا‬ ‫عٓز‬ ‫األَض‬ ‫يظ‬ ‫إسا‬ ‫اخفا٥ٗا‬ٌ‫ٚاألفط‬ ّ‫املغتدز‬ ‫ختص‬ ١َ‫ٖا‬ ‫َعًَٛات‬ ٚ‫أ‬ ١ٝ‫ؽدص‬ ٌٝ‫تفاص‬ ‫ٚضع‬ّ‫عز‬
‫ايغُاح‬ ّ‫ٚعز‬ ٍ‫املٓظ‬ ٌ‫قب‬ َٔ ‫املغتدزَني‬ ‫صػاص‬ ٢ً‫ع‬ ١‫ٚايضقاب‬ ‫َٓتزٜات‬ ٚ‫أ‬ ٌ‫تٛاص‬ ‫َٛاقع‬ ٢ً‫ع‬ ‫صفشات‬
‫ي‬ ‫فكط‬ ‫ْٚؾضٖا‬ ١َ‫اهلا‬ ١ٝ‫ايؾدص‬ ‫ايبٝاْات‬ ٍٚ‫بتٓا‬ ِ‫هل‬١‫املٛثٛق‬ ‫ًُصارص‬

❹: ‫الرابع‬ ‫الموقف‬
٢‫االدتُاع‬ ٌ‫ايتٛاص‬ ‫َٛاقع‬ ‫عرب‬ ‫ٚايجكافات‬ ٤‫االصا‬ ٍ‫ٚتبار‬‫ايتعاصف‬‫بٗزف‬ ١‫غضٜب‬ ‫أؽداص‬ ‫َع‬ ‫ايتشزخ‬
‫ملػكالت‬ ً‫م‬ ‫كثري‬ ‫فى‬ ‫للْقْع‬ ‫ٍرا‬ ‫ٓؤدى‬ ‫ّقد‬ ‫الٍْنٔة‬ ‫الػخصٔات‬ ‫أصحاب‬ ‫ّخاصة‬ ‫االغخاص‬ ‫بعض‬ ً‫م‬ ‫اخلداع‬ ‫بعض‬ ‫حيدث‬ ‫قد‬
‫احل‬‫ّاضتػالهلا‬ ‫العائلٔة‬ ‫الطساز‬ ‫بعض‬ ‫على‬ ‫البعض‬ ‫ّاطالع‬ ‫املْقف‬ ‫خلطْزة‬ ‫ٔاتٔة‬
‫البز‬ ٔ‫ٚيه‬‫االفضار‬ ‫بني‬ ‫ٚاالدتُاعٝات‬ ‫ايضٚابط‬٠‫طٜار‬ ‫بٗزف‬ ٢‫االدتُاع‬ ٌ‫ايتٛاص‬ ‫َٛاقع‬ ‫أسز‬ ّ‫اعتدزا‬
‫عز‬ ٌ‫ٚاالفط‬١ًٝ‫ايفع‬٘‫ٖٜٛت‬ ‫ٚحتزٜز‬ ‫ايؾدص‬ ‫بٝاْات‬ َٔ ‫ايتانز‬ ‫َٓٗا‬ ‫مبشاسٜري‬ ِ‫ٜت‬ ٕ‫ا‬‫ع‬ ٌَ‫ايتعا‬ ّ
٤‫اصزقا‬ ‫ٖٓاى‬ ٕٛ‫ٜه‬ ٕ‫ا‬ ٕ‫االطُ٦ٓا‬ ‫ٜضٜز‬ ٔ‫مل‬ ‫ٚنشيو‬١ٝ‫سكٝك‬ ‫ٚيٝغت‬ ١ٝ‫سضن‬ ٤‫امسا‬ َٕٛ‫ٜغتدز‬ ‫اؽداص‬
٘‫َع‬ ٌَ‫ايتعا‬ٌ‫قب‬ ‫ايؾدص‬ ١ٜٖٛ ١‫صش‬ َٔ ‫يًتانز‬ ‫يًطضفني‬ ‫َؾرتنني‬
❺: ‫الخامس‬ ‫الموقف‬
‫ؽد‬ ‫ٚبٝاْات‬ ٌٝ‫تفاص‬ ‫فٝٗا‬ ‫اعتُاصات‬ ٍ‫اعتهُا‬ ‫طضٜل‬ ٔ‫ع‬ ً‫ا‬ْٝٚ‫ايهرت‬ ‫ايٛظا٥ف‬ ‫بعض‬ ٢‫ف‬ ٌٝ‫ايتغذ‬٘ٝ‫ص‬
‫ّكتابة‬ ‫املطتخدو‬ ‫دخْل‬ ‫جملسد‬ ‫حقٔقة‬ ‫غري‬ ‫ّظائفف‬ ً‫ع‬ ٌ‫االعال‬ ‫طسٓق‬ ً‫ع‬ ‫الٍْنٔة‬ ‫الػسكات‬ ‫بعض‬ ً‫م‬ ‫اخلداع‬ ‫بعض‬ ‫حيدث‬ ‫قد‬
‫ميَا‬ ‫االضتفادة‬ ّ‫أ‬ ‫الضتػالهلا‬ ‫املنٔصة‬ ‫العياصس‬ ‫ّاختٔاز‬ ‫للنطتخدمني‬ ‫بٔاىات‬ ‫قاعدة‬ ‫لعنل‬ ‫اهلْاتف‬ ‫ّازقاو‬ ‫الػخصٔة‬ ُ‫بٔاىات‬
‫مع‬ ‫الغساض‬‫ٔية‬
:‫املْقف‬ ‫مع‬ ‫التعامل‬
ٌ‫َج‬ ‫مبشاسٜري‬ ٔ‫ٚيه‬ ‫ٚادتٗز‬ ‫يًٛقت‬ ً‫ا‬‫تٛفري‬ ً‫ا‬ٝ‫عامل‬ ً٘ٝ‫ع‬ ‫َتعاصف‬ ‫اصبح‬ ّ‫ْعا‬ ً‫ا‬ْٝٚ‫ايػًهرت‬ ِٜ‫ايتكز‬
‫ٚدٛرٖا‬ َٔ ٢ً‫ايفع‬ ‫ايتشكل‬ ‫طضٜل‬ ٔ‫ع‬ ‫ٚظا٥ف‬ ٔ‫ع‬ ١ًٓ‫املع‬ ٔ‫االَان‬ ٚ‫أ‬ ‫فعال‬ ‫ايؾضناات‬ ٙ‫ٖش‬ ‫ٚدٛر‬ َٔ ‫ايتانز‬
‫ٚا‬ ِٗ‫َع‬ ‫ٚاملباؽض‬ ٢ً‫ايفع‬ ٍ‫ٚاالتصا‬ ‫عٓٛاْٗا‬ ١‫َٚعضف‬١ًٝ‫فع‬ ‫يٛظا٥ف‬ ِٜ‫ايتكز‬ ٔ‫ع‬ ِْٗ‫اعال‬ َٔ ‫يتهز‬
١ٝ‫ايضمس‬ ٚ‫أ‬ ١َٝٛ‫اذته‬ ‫املؤعغات‬ ‫َع‬ ٌَ‫ايتعا‬ٌ‫ٜٚفط‬
‫األمن‬ ‫لالستخداـ‬ ‫هامة‬ ‫ارشادات‬‫لإلنترن‬
1-.ِٖ‫ْؾض‬ ّ‫ٚعز‬ ‫بو‬ ‫ارتاصني‬ ّ‫املغتدز‬ ِ‫ٚاع‬ ‫املضٚص‬ ١ًُ‫ن‬ ٢ً‫ع‬ ‫اذتفاظ‬
2-‫عرب‬ ٜٛ‫فٝز‬ ٚ‫ا‬ ‫صٛت‬ ‫ًَفات‬ ٚ‫ا‬ ‫ْصٛص‬ ٍ‫إصعا‬ ٚ‫أ‬ ١ٝ‫ايؾدص‬ ‫ايصٛص‬ ‫ْؾض‬ ٌ‫قب‬ ‫دٝزا‬ ‫فهض‬‫االْرتْت‬
3-‫االْرتْت‬ ٢ً‫ع‬ ‫آخض‬ ‫يؾدص‬ ِٗ‫ٚتًٝفْٛات‬ ٢ْٚ‫اإليهرت‬ ٙ‫بضٜز‬ ٍ‫اصعا‬ ٚ‫أ‬ ‫ايػري‬ ‫صٛص‬ ‫ْؾض‬ ٌ‫قب‬ ٕ‫ايؾا‬ ‫صاسب‬ ٕ‫اعت٦ش‬
4-‫املصزص‬ ١‫زتٗٛي‬ ٌ٥‫صعا‬ ٣‫ا‬ ٌ‫تكب‬ ‫ال‬
5-١ٝ‫ؽدص‬ ١‫َعضف‬ ِٗ‫تعضف‬ ٔ‫ته‬ ‫مل‬ ‫َا‬ ٤‫األصزقا‬ ١ُ٥‫يكا‬ ٜٔ‫آخض‬ ١‫بإضاف‬ ِ‫تك‬ ‫ال‬
6-ٌ٥‫صعا‬ ١ٜ‫أ‬ ٍ‫بإصعا‬ ِ‫تك‬ ‫فال‬ ً‫ا‬‫غاضب‬ ‫نٓت‬ ‫إسا‬
7-‫ا‬ ‫عًٝو‬٣‫ايتعز‬ ٢ً‫ع‬ ‫ايتغرت‬ َٔ ً‫ا‬‫ْٛع‬ ‫ٜعز‬ ‫تؾٗزٖا‬ ٢‫ايت‬ ٣‫ايتعز‬ ‫عًُٝات‬ ٍ‫سٝا‬ ‫َٛقف‬ ‫اختاس‬ ّ‫عز‬ ٕ‫أ‬ ‫تزصى‬ ٕ
‫ايهباص‬ َٔ ِٗ‫ب‬ ‫تجل‬ َٔ ‫اخباص‬ ٚ‫أ‬ ‫َٓاعب‬ ٤‫أدضا‬ ‫باختاس‬ ‫بارص‬ ‫يشا‬
8-َٔ ١‫ْغد‬ ١‫طباع‬ ٚ‫أ‬ ‫سفغ‬ ١ٝ‫ٚنٝف‬ ِٗٓ‫ع‬ ‫ٚاإلبالغ‬ ١‫ايزصرؽ‬ ‫غضف‬ ‫إىل‬ ‫األؽداص‬ ‫بعض‬ ٍٛ‫ٚص‬ ‫سعض‬ ١ٝ‫نٝف‬ ًِ‫تع‬
‫ٚا‬ ‫حيتاز‬ ‫فكز‬ ‫سٛاص‬ ٣‫أ‬‫عٓٗا‬ ‫اإلبالغ‬ ‫يٝو‬
9-ِٗٓٝ‫بع‬ ‫أؽداص‬ َٔ ١‫َظعذ‬ ١ْٝٚ‫إيهرت‬ ٌ٥‫صعا‬ ١ٜ‫أ‬ ّ‫اعتال‬ ٚ‫أ‬ ١ٝ٥‫ايعز‬ ٌ٥‫ايضعا‬ ‫سعض‬ ‫اٜطا‬ ًِ‫تع‬
10-‫ٚطباعتٗا‬ ‫اذتٛاصات‬ ٙ‫ٖش‬ ‫بٓغذ‬ ٕٚ‫آخض‬ ّٛ‫ٜك‬ ‫فكر‬ ١ٝ‫خصٛص‬ ‫سات‬ ‫يٝػ‬ ‫االْرتْت‬ ‫عرب‬ ‫اذتٛاصات‬ ٕ‫ا‬ ‫إرصاى‬
‫بٓؾضٖا‬ ّٛ‫تك‬ ‫صٛص‬ ٚ‫أ‬ ‫تعًٝكات‬ ٣‫ا‬ ٢ً‫ع‬ ٜٔ‫اآلخض‬ ‫ٚإطالع‬

‫المصطلحات‬ ‫بعض‬: ‫لالنترن‬ ‫األمن‬ ‫االستخداـ‬ ‫فى‬ ‫المستخدمه‬ ‫الهامة‬
‫المعنى‬Term‫المعنى‬Term
٢ْٚ‫االيهرت‬ ٣‫ايتعز‬Cyber Bullying
ٍٛ‫املكب‬ ّ‫االعتدزا‬
‫يالْرتْت‬
Acceptable Use
Policy
١ٜ‫اذتُا‬ ‫دزاص‬Firewall٠‫املغاعز‬ ‫طًب‬Asking for Help
٤‫االطرصا‬Contempt‫اإلْرتْت‬ ٢ً‫ع‬ ١ْٚ‫َز‬Web Blog
١ٜٛ‫اهل‬ ١‫عضق‬Identity Theft‫ايبًٛتٛخ‬Bluetooth
١ًٝ‫ست‬ ١‫ؽبه‬LAN١‫ايزصرؽ‬١‫غضف‬Chat Room
ّ‫املغتدز‬ ِ‫اع‬User Name‫ايهُبٝٛتض‬ ‫ؽبهات‬Computer Network
‫املضٚص‬ ١ًُ‫ن‬Password١‫ٚاعع‬ ١‫ؽبه‬WAN
‫خبٝح‬Malicious٠‫ضاص‬ ‫بضاَر‬Malware
‫فريؼ‬Virus
‫اىل‬ ٍُٛ‫ست‬ َٔ ١ْٚ‫َز‬
‫نُبٝٛتض‬
MoBlog
‫ايٜٛب‬ ‫ناَريا‬Web Cam
٢ً‫ع‬ ٌَ‫ايتعا‬‫آراب‬
‫االْرتْت‬
Netiguette
١ٜ‫ايغض‬ ‫ايضَٛط‬Secret Codes١ٝ‫قفاع‬ ٠‫ْافش‬Pop Menu
‫ايصضف‬ ‫َانٝٓات‬
‫االىل‬
ATM١‫َظعذ‬ ٌ٥‫صعا‬Spam
‫ايغعٝز‬ ‫ايصفح‬Happy Slapping‫االستٝاىل‬ ‫ايتصٝز‬Phishing
‫ايتذغػ‬ ‫بضاَر‬Spyware
٢‫االدتُاع‬ ٕٜٛ‫ايتًفظ‬
‫ايتف‬٢ً‫اع‬
Social interactive
television

: ‫االّل‬ ‫الطؤال‬: ‫التالية‬ ‫العبارات‬ ‫أكنل‬
1-٢ُ‫ٜغ‬ ٙ‫غري‬ ١‫أٚعضق‬ ٘‫يغضقت‬ ٘‫ب‬ ‫تتعًل‬ ‫َعًَٛات‬ ٣‫ا‬ ٚ‫أ‬ ‫اخض‬ ‫ؽدص‬ ِ‫اع‬ ‫َا‬ ‫ؽدص‬ ّ‫اعتدزا‬ ٚ‫ا‬ ٍ‫اْتشا‬.................
2-....... ‫تعترب‬........................ٍٛ‫اذتص‬ ٕٚ‫ر‬ ‫املغتدزَني‬ ٔ‫ع‬ ١ٝ‫ايؾدص‬ ‫املعًَٛات‬ ‫بتذُٝع‬ ّٛ‫تك‬ ‫نُبٝٛتض‬ ‫بضاَر‬ ..
ِٗ‫َٛافكت‬ ٢ً‫ع‬.
3-....... ٖٛ ‫ٚايرباَر‬ ‫ايهُبٝٛتض‬ ٠‫أدٗظ‬ ‫ٜصٝب‬ ٢‫ايشات‬ ‫االْتؾاص‬ ٢ً‫ع‬ ٠‫قزص‬ ٘‫ي‬ ‫ضاص‬ ‫صػري‬ ‫بضْاَر‬..............................
4-‫ختص‬ ٢‫ايت‬ ١ٝ‫ايؾدص‬ ‫ايبٝاْات‬ ١‫ناف‬ ‫بٗا‬ ‫ْكصز‬ ١ٜ‫ايغض‬ ‫ايضَٛط‬‫املعًَٛات‬ ‫تهٓٛيٛدٝا‬ ٌ٥‫ٚعا‬ ‫ٜتعاًَُع‬ ‫فضر‬ ٣‫آ‬
............ ٌ‫َج‬ ‫أسز‬ ٣‫آل‬ ‫عٓٗا‬ ‫ايهؾف‬ ٢‫ٜٓبػ‬ ‫ال‬ ٢‫ٚايت‬ ‫ٚاالتصاالت‬....................... ٚ ........................................................
5-Web Blog٢ٓ‫تع‬.......................................................................................
: ٙ‫الجاى‬ ‫الطؤال‬: ‫عند‬ ‫تفعله‬ ‫الذى‬ ‫ما‬
1-٢‫االدتُاع‬ ٌ‫ايتٛاص‬ ‫َٛاقع‬ ‫عرب‬ ‫ٚايجكافات‬ ٤‫اآلصا‬ ٍ‫ٚتبار‬ ‫ايتعاصف‬ ‫بٗزف‬ ١‫غضٜب‬ ‫أؽداص‬ ‫َع‬ ‫ايتشزخ‬
2-١ٝ‫ؽدص‬ ‫ٚبٝاْات‬ ٌٝ‫تفاص‬ ‫فٝٗا‬ ‫اعتُاصات‬ ٍ‫اعتهُا‬ ‫طضٜل‬ ٔ‫ع‬ ً‫ا‬ْٝٚ‫ايهرت‬ ‫ايٛظا٥ف‬ ‫بعض‬ ٢‫ف‬ ٌٝ‫ايتغذ‬
‫الجا‬ ‫الطؤال‬‫لح‬: ‫اخلطأ‬ ‫العبارة‬ ‫أمام‬ ‫خطأ‬ ‫وكلنة‬ ‫الصحيحة‬ ‫العبارة‬ ‫امام‬ ‫صح‬ ‫كلنة‬ ‫أكتب‬ :
1-‫االْرتْت‬ ٢ً‫ع‬ ‫آخض‬ ‫يؾدص‬ ِٗ‫ٚتًٝفْٛات‬ ٢ْٚ‫االيهرت‬ ِٖ‫بضٜز‬ ٍ‫إصعا‬ ٚ‫ا‬ ‫ايػري‬ ‫صٛص‬ ‫ْؾض‬ ‫ميهٓو‬...........................
2-‫املصزص‬ ١‫زتٗٛي‬ ٌ٥‫صعا‬ ١ٜ‫أ‬ ٌ‫تكب‬ ‫ال‬ ‫االْرتْت‬ ‫َع‬ ٌَ‫ايتعا‬ ‫عٓز‬.................................................
3-٣‫املتعز‬ ٢ً‫ع‬ ‫ايتغرت‬ َٔ ‫ْٛعا‬ ‫ٜعز‬ ‫االْرتْت‬ ٢ً‫ع‬ ‫تؾٗزٖا‬ ٢‫ايت‬ ٣‫ايتعز‬ ‫عًُٝات‬ ٍ‫سٝا‬ ‫َٛقف‬ ‫اختاس‬ ّ‫عز‬.........
4-‫ٚطباعتٗا‬ ‫اذتٛاصات‬ ٙ‫ٖش‬ ‫بٓغذ‬ ٜٔ‫آلخض‬ ٔ‫ميه‬ ‫فال‬ ١ٝ‫خصٛص‬ ‫سات‬ ‫االْرتْت‬ ‫عرب‬ ‫اذتٛاصات‬..................................
ْ‫تسقب‬‫ااا‬‫ا‬‫امل‬‫صٓد‬:ٌ‫االمتخا‬ ‫وليلة‬ ، ‫اليَائية‬ ‫املساجعة‬....
‫اللقاء‬ ‫واىل‬‫ع‬ ‫الثالث‬ ‫الصف‬ ‫فى‬ ‫بالنجاح‬‫اهلل‬ ‫مبشيئة‬،،

Computer 2nd-preparatory-second-term- (8)

More Related Content

What's hot (7)

Similar to Computer 2nd-preparatory-second-term- (8) (20)

More from khawagah (20)

Recently uploaded (20)

Computer 2nd-preparatory-second-term- (8)