Computer-2nd-preparatory-second-term- كمبيوتر ثانية اعدادي التيرم الثاني #خواجه

1. ::6;7966010alysun1973@yahoo.com
1
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫يمذيخ‬
‫درسنا‬..... ‫والتفاعلٌة‬ ‫الثابنة‬ ‫الصفحات‬ ‫بٌن‬ ‫الفرق‬ ‫سبك‬ ‫فٌما‬‫باستخدام‬ ‫الثابتة‬ ‫الصفحات‬ ‫من‬ ‫مجموعة‬ ‫بتصمٌم‬ ‫لمنا‬
‫لغة‬Html)ً‫مدرست‬ ‫مولع‬ ‫(صفحات‬‫فم‬ ‫لإلطالع‬ ‫كانت‬ ‫المعروضة‬ ‫المعلومات‬ ‫أن‬ ‫والحظنا‬‫ـ‬‫دون‬ ‫ـط‬‫أي‬ ‫إجراء‬ ‫إمكانٌة‬
‫ع‬ ‫معالجة‬... ‫للصفحة‬ ‫كمصمم‬ ً‫ا‬ٌ‫شخص‬ ‫أنت‬ ‫خاللن‬ ‫من‬ ‫أو‬ ‫الزائرٌن‬ ‫لبل‬ ‫من‬ ‫لٌها‬
‫ولكن‬‫لم‬‫د‬ُ‫ع‬ٌَ‫ا‬‫لـــ‬Web‫ممت‬ً‫ا‬‫صر‬‫ع‬‫ل‬‫ى‬ٌ‫تمد‬‫م‬‫المع‬‫ل‬‫ومة‬‫بشك‬‫ل‬ً ِّ‫ص‬‫ن‬‫بسٌط‬,‫حٌث‬‫على‬ ‫نفسه‬ ‫التطور‬ ‫فرض‬‫محتوٌات‬
ً‫اإلعالم‬ ‫الشكل‬ ‫إلى‬ ‫ماتكون‬ ‫ألرب‬ ‫وأصبحت‬ ‫الوٌب‬ ‫صفحات‬ٌ‫ناح‬ ‫ومن‬ ) ً‫مرئ‬ ، ‫(مسموع‬‫أخرى‬ ‫ة‬‫الـــــ‬ ‫طور‬ ‫فمد‬
Web‫بالــــــ‬ ‫ٌعرف‬ ‫لما‬ ‫نفسه‬Web2.0‫جدٌدة‬ ‫برمجٌة‬ ‫ولغات‬ ‫أدوات‬ ‫ظهور‬ ‫إلى‬ ‫بدوره‬ ‫أدى‬ ‫وهذا‬‫للمبرمجٌن‬ ‫تتٌح‬
‫موالعهم‬ ‫صفحات‬ ‫وإنتاج‬ ‫الوٌب‬ ‫عالم‬ ً‫ف‬ ‫جدٌدة‬ ‫آفاق‬ ‫والمطورٌن‬‫إدخ‬ ‫المستخدم‬ ‫ٌستطٌع‬ ً‫تفاعل‬ ً‫إعالم‬ ‫بشكل‬‫ـــــــ‬‫ال‬
‫بٌانات‬‫طرٌك‬ ‫عن‬‫إضافة‬‫أز‬‫رار‬‫ونماذج‬‫تأخذ‬‫بٌانات‬‫من‬‫المستخدم‬‫وتحولها‬‫إلى‬‫نماذج‬‫أخرى‬‫أو‬‫ترس‬‫ـــــــــــ‬‫لها‬‫بالبرٌد‬
ً‫اإللكترون‬‫أو‬‫تجري‬‫علٌها‬‫حسابٌة‬ ‫عملٌات‬‫لٌست‬‫دائم‬ ‫أو‬ ‫مؤلت‬ ‫بشكل‬ ‫تخزنها‬ ‫أو‬ ‫بسٌطة‬‫صحتها‬ ‫من‬ ‫تتحمك‬ ‫أو‬...
‫المحت‬ ‫وتغٌٌر‬‫ـــــــــ‬‫ـــ‬‫وى‬‫ا‬... ‫أوامره‬ ‫على‬ ً‫ء‬‫وبنا‬ ‫لرغبته‬ ً‫ا‬‫وفم‬ ‫لمعروض‬‫إنه‬‫باختصار‬‫تحو‬ٌ‫ل‬‫الصفحة‬‫إلى‬‫ما‬‫ٌسمى‬
‫بصفحات‬. ‫التفاعلٌة‬ ‫الوٌب‬
‫انًُبرط‬Forms
‫تستخد‬‫م‬‫النماذج‬Formsً‫ف‬‫لغة‬HTML‫إل‬‫ستمبا‬‫ل‬‫المدخالت‬Inputs‫م‬‫ن‬‫المستخد‬‫م‬‫بغ‬‫رض‬‫عرض‬‫ها‬‫أو‬‫تخزٌن‬‫ه‬‫ا‬‫أو‬
‫المٌا‬‫م‬‫بع‬‫م‬‫ل‬‫ٌات‬‫معالجة‬‫معٌنة‬‫ع‬‫ل‬ٌ‫ه‬‫ا‬‫و‬ ،‫ٌت‬‫م‬‫إنشاء‬‫النماذج‬‫باستخدا‬‫م‬ٌ‫الوسم‬‫ن‬<form>‫و‬</form>‫فمن‬‫خالل‬‫النموذج‬
‫اضافة‬ ‫ٌمكنن‬‫مجموعة‬‫عناصر‬‫اإلدخال‬<input>‫لصفحة‬‫الوٌب‬‫منها‬‫أزرار‬buttons‫أو‬‫حمول‬‫تموم‬‫باستخدامها‬
‫إلدخال‬‫بٌاناتن‬‫بغرض‬‫لمولع‬ ‫إرسالها‬‫الوٌب‬‫لٌتم‬‫ت‬‫مربعات‬ ‫مثل‬ ‫خزٌنها‬‫النصوص‬text boxes‫و‬‫عناصر‬‫اإل‬‫ختٌار‬
check boxes‫و‬‫الفردي‬ ‫اإلختٌار‬ ‫زر‬Radio‫وغٌرها‬ .....
‫االسم‬ ‫حقل‬ ‫إضافة‬:
( ‫نص‬ ‫صندوق‬ ‫بإضافة‬ ‫ذلن‬ ‫وٌتم‬Text‫المفاتٌح‬ ‫لوحة‬ ‫خالل‬ ‫من‬ ‫نصٌة‬ ‫بٌانات‬ ‫إدخال‬ ‫للزائر‬ ‫ٌتٌح‬ ‫والذي‬ )
Keyboard..... ‫هو‬ ‫ذلن‬ ‫عن‬ ‫المسئول‬ ‫والكود‬< input type="text" >
‫إضافة‬‫حقل‬: ‫المرور‬ ‫كلمة‬
‫بإضافة‬ ‫ذلن‬ ‫وٌتم‬‫المرور‬ ‫كلمة‬ ‫حمل‬(password)‫الرمز‬ ‫ٌظهر‬ ‫والذي‬‫إلخفاء‬ ‫المرور‬ ‫كلمة‬ ‫كتابة‬ ‫عند‬
‫الحمٌمٌة‬ ‫الكلمة‬.... ‫هو‬ ‫ذلن‬ ‫عن‬ ‫المسئول‬ ‫والكود‬.< input type="password" >
‫إضافة‬‫المرور‬ ‫كلمة‬ ‫تأكيد‬:. ‫السابمة‬ ‫الطرٌمة‬ ‫بنفس‬
‫إضافة‬: ‫واحد‬ ‫بديل‬ ‫إختيار‬ ‫زر‬
‫بإضافة‬ ‫ذلن‬ ‫وٌتم‬‫فمط‬ ‫واحد‬ ‫بدٌل‬ ‫إختٌار‬ ‫زر‬(radio)
‫هو‬ ‫ذلن‬ ‫عن‬ ‫المسئول‬ ‫والكود‬....< input type="radio" >
‫إضاف‬ ‫معلومات‬: ‫ية‬
‫النموذج‬Form‫خاصٌتٌن‬ ‫له‬Attributes:
‫األولى‬action:ً‫الت‬‫تحدد‬‫اس‬‫م‬‫الم‬‫لف‬ً‫البرمج‬‫الذي‬‫سٌمو‬‫م‬‫بمعالجة‬‫البٌانات‬‫المدخ‬‫ل‬‫ة‬ً‫ف‬‫النموذج‬‫و‬‫ٌكو‬‫مكتوب‬ ‫الملف‬ ‫هذا‬ ‫ن‬
‫مثل‬ ‫برمجة‬ ‫بلغة‬php‫أو‬Asp.net‫السٌرفر‬ ‫على‬. (Server)
‫والثانٌة‬method:‫وال‬ً‫ت‬‫تحدد‬‫طرٌمة‬‫إرسا‬‫ل‬‫البٌانات‬‫إلى‬‫الم‬‫لف‬ً‫البرمج‬: ‫الطرٌمتٌن‬ ‫بإحدى‬ ‫المذكور‬
-Get‫حيث‬‫يت‬‫م‬‫إرسا‬‫ل‬‫البيانات‬‫في‬‫يط‬‫ر‬‫ش‬‫ا‬‫و‬‫العن‬‫ن‬‫في‬‫المستعرض‬‫بعد‬‫اس‬‫م‬‫الم‬‫مف‬‫البرمجي‬.
-Post‫حيث‬‫يت‬‫م‬‫إرسا‬‫ل‬‫البيانات‬‫بش‬‫كل‬‫غير‬‫ظا‬‫ى‬‫ر‬‫في‬‫يط‬‫ر‬‫ش‬‫ا‬‫و‬‫العن‬‫ن‬)‫في‬‫الحقيقة‬‫يت‬‫م‬‫إرسال‬‫يا‬‫مع‬‫ترويسة‬
‫ط‬‫م‬‫ب‬HTTP)
‫األول‬ ‫الفصل‬
Html Language
Form – Some Tools Of Form
‫وىل‬‫أ‬‫ل‬‫ا‬ ‫الوحدة‬
‫انًُـــــــٕرط‬
ّ‫أدٔار‬ ‫ٔثعط‬

2. ::6;7966010alysun1973@yahoo.com
2
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫مثال‬‫توضي‬‫حي‬(1):
‫هو‬ ‫ذلن‬ ‫عن‬ ‫المسئول‬ ‫والكود‬......
: ‫هامة‬ ‫مالحظة‬‫األداة‬ ً‫ف‬ ‫واحد‬ ‫بدٌل‬ ‫إختٌار‬ ‫لضمان‬Radio‫الـــ‬ ‫أدوات‬ ‫جمٌع‬ ً‫ف‬ ‫مشترن‬ ‫اسم‬ ‫وضع‬ ‫من‬ ‫البد‬Radio
‫الــ‬ ‫خاصٌة‬ ً‫ف‬ ‫النموذج‬ ‫على‬ ‫الموجودة‬Name‫المثا‬ ً‫ف‬ ‫ترى‬ ‫كما‬. ‫السابك‬ ‫ل‬

3. ::6;7966010alysun1973@yahoo.com
3
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫االٔل‬ ‫نهفصم‬ ‫ٔانزذسٚجبد‬ ‫األسئهخ‬
: ‫اٜرٛخ‬ ‫انعجبساد‬ ٗ‫عه‬ ‫انذال‬ ًٗ‫انعه‬ ‫انًصطهح‬ ‫أكزت‬
1-‫الوٌب‬ ‫مولع‬ ‫على‬ ‫تخزن‬ ‫لكى‬ ‫وارسالها‬ ‫بٌانات‬ ‫ادخال‬ ‫بغرض‬ ‫الوٌب‬ ‫لصفحة‬ ‫المضافة‬ ‫والحمول‬ ‫األزرار‬ ‫مع‬ ‫ٌستخدم‬
2-‫بدائل‬ ‫عدة‬ ‫من‬ ‫فمط‬ ‫واحد‬ ‫بدٌل‬ ‫باختٌار‬ ‫لن‬ ‫ٌسمح‬
3-‫إلدخا‬ ‫الوٌب‬ ‫لصفحة‬ ‫ٌضاف‬‫داخله‬ ‫الكتابة‬ ‫طرٌك‬ ‫عن‬ ‫نصٌة‬ ‫بٌانات‬ ‫ل‬
: ‫االرٛخ‬ ‫انعجبساد‬ ‫أكًم‬
1-‫طالب‬ ‫بٌانات‬ ‫تسجٌل‬ ‫صفحة‬ ‫لتصمٌم‬‫و‬ ................ ‫منها‬ ‫عناصر‬ ‫مجموعة‬ ‫به‬ ‫نموذج‬ ‫إلضافة‬ ‫نحتاج‬
.............. ‫البٌانات‬ ‫إلدخال‬ ‫باستخدامها‬ ‫تموم‬ .
2-................... ‫اضافة‬ ‫ٌتم‬ ‫الطالب‬ ‫اسم‬ ‫الدخال‬ ‫حمل‬ ‫إلضافة‬‫الوٌب‬ ‫لصفحة‬ ..
3-‫الرمز‬ ‫ٌظهر‬‫الحمٌمة‬ .................... ‫مكونات‬ ‫ألخفاء‬ ‫وذلن‬ ‫الكتابة‬ ‫عند‬
4-.............................. ‫الوٌب‬ ‫لصفحة‬ ‫نضٌف‬ ) ‫أنثى‬ / ‫ذكر‬ ( ‫النوع‬ ‫إلدخال‬
‫إخزش‬‫ي‬‫يب‬ ‫ة‬ ‫انعًٕد‬ ٍٚ: ‫أ‬ ‫انعًٕد‬ ٍ‫ي‬ ّ‫ُبسج‬
) ‫أ‬ () ‫ب‬ (
<input type="password">‫صندوق‬ ‫إلضافة‬‫الوٌب‬ ‫لصفحة‬ ‫نص‬
< input type ="radio">‫الوٌب‬ ‫لصفحة‬ ‫المرور‬ ‫كلمة‬ ‫حمل‬ ‫إلضافة‬
<input type ="text">‫الوٌب‬ ‫لصفحة‬ ‫واحد‬ ‫بدٌل‬ ‫اختٌار‬ ‫زر‬ ‫إلضافة‬
: ‫الخطأ‬ ‫العبارة‬ ‫خطأأمام‬ ‫وعالمة‬ ‫الصحٌحة‬ ‫العبارة‬ ‫أمام‬ ‫صح‬ ‫عالمة‬ ‫ضع‬
1-‫الب‬ ‫ارسال‬ ‫ٌتم‬ ‫لكى‬ ‫نموذج‬ ‫وجود‬ ‫ٌشترط‬ ‫ال‬ ‫الوٌب‬ ‫صفحة‬ ‫فى‬‫تخزٌنها‬ ‫لٌتم‬ ‫الوٌب‬ ‫مولع‬ ‫الى‬ ‫المدخلة‬ ‫ٌانات‬
2-‫الخاصٌة‬ ‫نستخدم‬ ‫الولت‬ ‫نفس‬ ‫فى‬ ‫واحد‬ ‫بدٌل‬ ‫اختٌار‬ ‫زر‬ ‫اختٌار‬ ‫امكانٌة‬ ‫إللغاء‬name‫للزرٌن‬ ‫االسم‬ ‫نفس‬ ‫إلعطاء‬
3-‫النص‬ ‫صندوق‬ ‫اضافة‬ ‫ٌتم‬ ‫الطالب‬ ‫اسم‬ ‫إلدخال‬ ‫حمل‬ ‫إلضافة‬Radio

4. ::6;7966010alysun1973@yahoo.com
4
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫إضافة‬‫إختيار‬ ‫صندوق‬Checkbox:
‫المتاحة‬ ‫البدائل‬ ‫من‬ ‫بدٌل‬ ‫أي‬ ‫إختٌار‬ ‫عدم‬ ‫أو‬ ‫أكثر‬ ‫أو‬ ‫واحد‬ ‫بدٌل‬ ‫بإختٌار‬ ‫األداة‬ ‫تلن‬ ‫لن‬ ‫تسمح‬ ‫حٌث‬
‫عن‬ ‫المسئول‬ ‫والكود‬‫هو‬ ‫األداة‬ ‫تلن‬ ‫إدراج‬....< input type="checkbox" >
<p/< ‫األعُجٛخ‬ ‫انهغبد‬ >p>
English
<input type="checkbox" name="Ali" value="English">
French
<input type="checkbox" name="Ali" value="French">
Germany
<input type="checkbox" name="Ali" value="Germany">
‫إضافة‬‫أمر‬ ‫زر‬Button:
‫بٌانات‬ ‫مسح‬ ، ‫بٌانات‬ ‫وتسجٌل‬ ‫إضافة‬ ‫مثل‬ ‫المبرمج‬ ‫لبل‬ ‫من‬ ‫محددة‬ )‫بمهمة(وظٌفة‬ ‫بالمٌام‬ ‫األداة‬ ‫تلن‬ ‫لن‬ ‫تسمح‬ ‫حٌث‬
،) ً‫ا‬‫الحم‬ ‫شرحه‬ ‫سٌتم‬ ( ‫دالة‬ ‫إستدعاء‬
‫هو‬ ‫األداة‬ ‫تلن‬ ‫إدراج‬ ‫عن‬ ‫المسئول‬ ‫والكود‬....< input type="button" >
<input type=" button " name="Ali" value="ok">
<input type=" button " name="Ali" value="cancel">
<input type=" button " name="Ali" value="save">
: ‫هامة‬ ‫مالحظة‬
‫من‬ ‫أنواع‬ ‫ثالثة‬ ‫إذن‬ ‫هنان‬ً‫ٌل‬ ‫كما‬ ‫تفصٌلها‬ ‫األزرار‬:
-Button‫األكواد‬ ‫طرٌك‬ ‫عن‬ ‫بتخصٌصها‬ ‫نموم‬ ‫محددة‬ ‫مهمة‬ ‫تنفٌذ‬ ً‫ف‬ ‫وٌستخدم‬.
-Submit‫إرسال‬ ً‫ف‬ ‫وٌستخدم‬‫على‬ ‫مخزنة‬ ‫بٌانات‬ ‫لاعدة‬ ‫(إلى‬ .‫البٌانات‬Server. ) ً‫ال‬‫مث‬ ‫ما‬
-Resetٌ‫و‬‫الـــ‬ ‫على‬ ‫من‬ ‫البٌانات‬ )‫(تنظٌف‬ ‫حذف‬ ‫أو‬ ‫لمسح‬ ‫ستخدم‬Form.
‫إضافة‬‫زر‬‫إرسال‬Submit:
‫بإرسال‬ ‫ٌموم‬‫بٌاناتن‬ً‫الت‬‫لمت‬‫بإدخالها‬‫عن‬‫طرٌك‬‫النموذج‬ ‫عناصر‬‫لصفحة‬‫أخرى‬)‫وذلن‬‫بإضافة‬‫الخاصٌة‬action
‫بالــــ‬ ‫والخاصة‬Form. )
: ‫هو‬ ‫المسئول‬ ‫والكود‬
"<form method="get" action="file.php>
"‫<"رسغٛم‬=input type="submit" name="okButton" id="okButton" value>
‫أنه‬ ‫الحظ‬:‫نهصفحخ‬ ‫اإلَزمبل‬ ‫ٚزى‬ ‫رسغٛم‬ ‫صس‬ ٗ‫عه‬ ‫انعغػ‬ ‫عُذ‬File.php‫خالل‬ ٍ‫ي‬ ‫إدخبنٓب‬ ‫رى‬ ٙ‫انز‬ ‫انجٛبَبد‬ ‫اسزمجبل‬ ‫ٚزى‬ ‫حٛش‬
‫انـــ‬ ٗ‫عه‬ ‫انًخزهفخ‬ ‫انزحكى‬ ‫أدٔاد‬Form‫ثهغخ‬ ‫ٔانًكزٕثخ‬ ‫انصفحخ‬ ِ‫ْز‬ ‫ثأكٕاد‬ ‫يعبنغزٓب‬ ‫صى‬ ٍ‫ٔي‬php.
‫إضافة‬‫حذف‬ ‫زر‬Reset:
‫ٌموم‬‫سبك‬ ً‫الت‬ ‫البٌانات‬ ‫بحذف‬‫إدخالها‬. ‫لألدوات‬ ‫اإلفتراضٌة‬ ‫للمٌم‬ ‫والعودة‬
‫المسئول‬ ‫والكود‬‫الوٌب‬ ‫بصفحة‬ ‫إدراجه‬ ‫عن‬: ‫هو‬
"‫<"جدٌد‬=input type="reset" name="resBtn" id="resBtn" value>
‫الثاني‬ ‫الفصل‬
‫انُٕذد‬ ‫أدٔاث‬ ‫بعض‬ ‫تابع‬
Follow – Some Tools Of Form

5. ::6;7966010alysun1973@yahoo.com
5
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
َٗ‫انضب‬ ‫نهفصم‬ ‫ٔانزذسٚجبد‬ ‫األسئهخ‬
: ‫انخطأ‬ ‫انعجبسح‬ ‫أيبو‬ ‫خطأ‬ ‫ٔعاليخ‬ ‫انصحٛحخ‬ ‫انعجبسح‬ ‫ايبو‬ ‫صح‬ ‫عاليخ‬ ‫ظع‬
1-‫الوٌب‬ ‫لصفحة‬ ‫االختٌار‬ ‫صنادٌك‬ ‫اضافة‬ ‫ٌتم‬ ‫لغة‬ ‫من‬ ‫أكثر‬ ‫أو‬ ‫تجٌدها‬ ‫التى‬ ‫اللغة‬ ‫الختٌار‬
2-‫تست‬‫الخاصٌة‬ ‫خدم‬name‫الزر‬ ‫على‬ ‫ٌظهر‬ ‫الذى‬ ‫النص‬ ‫لتحدٌد‬
3-‫زر‬submit‫االدخال‬ ‫حمول‬ ‫داخل‬ ‫المكتوبة‬ ‫البٌانات‬ ‫لحذف‬ ‫ٌستخدم‬
: ‫انزبنٛخ‬ ‫انعجبساد‬ ‫أكًم‬
1-‫كود‬ ‫كتابة‬ ‫خالل‬ ‫من‬ ‫بتوصٌفها‬ ‫تموم‬ ‫التى‬ ‫المهام‬ ‫أحد‬ ‫لتنفٌذ‬ ‫ٌستخدم‬ .............. ‫زر‬
2-‫البٌان‬ ‫الرسال‬ ‫ٌستخدم‬ ..................... ‫زر‬‫ات‬
3-‫البٌانات‬ ‫لحذف‬ ‫ٌستخدم‬ .............................. ‫زر‬
: ‫أ‬ ‫انعًٕد‬ ٍ‫ي‬ ّ‫سُبسج‬ ‫يب‬ ‫ة‬ ‫انعًٕد‬ ٌ ‫إخزش‬
) ‫أ‬ () ‫ب‬ (
<input type="submit">‫الوٌب‬ ‫لصفحة‬ ‫االختٌار‬ ‫صندوق‬ ‫إلضافة‬
< input type ="reset">‫الوٌب‬ ‫لصفحة‬ ‫الى‬ ‫األمر‬ ‫زر‬ ‫إلضافة‬
<input type ="checkbox">‫إلض‬‫الوٌب‬ ‫لصفحة‬ ‫الى‬ ‫اإلرسال‬ ‫زر‬ ‫افة‬
<input type="button">‫الوٌب‬ ‫صفحة‬ ‫الى‬ ‫الحذف‬ ‫ر‬ ‫إلضافة‬

6. ::6;7966010alysun1973@yahoo.com
6
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫بياناتك‬ ‫لتسجيل‬ ‫ويب‬ ‫صفحة‬ ‫تصميم‬
. ‫التقلق‬ ً‫ا‬‫جد‬ ‫بسيط‬ ‫إنه‬ ‫؟؟؟‬ ‫السابق‬ ‫الشكل‬ ‫في‬ ‫مارأيك‬
ْٕ ‫ْٔزا‬: ‫رنك‬ ‫رُفٛز‬ ٍ‫ع‬ ‫انًسئٕل‬ ‫انكٕد‬
‫ا‬‫الثالث‬ ‫لفصل‬
‫انًشسٔع‬
Project

7. ::6;7966010alysun1973@yahoo.com
7
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬

8. ::6;7966010alysun1973@yahoo.com
8
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫يمذيخ‬
‫إن‬‫الجافا‬ ‫ومنها‬ ‫النصوص‬ ‫لغات‬ ‫من‬ ‫العدٌد‬‫سكرٌبت‬‫تحول‬‫مولع‬‫الوٌب‬‫إلى‬‫ٌتفاعل‬ ‫مولع‬‫مع‬‫المستخدم‬
‫من‬‫خالل‬‫إضافة‬‫أزرار‬‫ونماذج‬‫تأخذ‬‫بٌانات‬‫من‬‫وتحولها‬ ‫المستخدم‬‫إلى‬‫نماذج‬‫أخرى‬‫أو‬‫ترسلها‬‫بالبرٌد‬
ً‫اإللكترون‬‫أو‬‫تجري‬‫علٌها‬‫حسابٌة‬ ‫عملٌات‬‫لٌست‬‫بسٌطة‬‫إنها‬‫باختصار‬‫تحول‬‫الصفحة‬‫إلى‬‫ما‬‫ٌسمى‬
‫بصفحات‬‫الدٌنامٌكٌة‬ ‫الوٌب‬‫أو‬‫صفحات‬‫الوٌب‬‫التفاعلٌة‬‫هو‬‫ماال‬‫تمدمه‬‫لغة‬HTML.
‫انمٕاع‬‫األ‬ ‫ذ‬‫سبسٛخ‬‫نغخ‬ ‫نـــ‬Java Script:
1–‫نغت‬ ‫ٔتعهًٍاث‬ ‫أٔايس‬Java Script‫جًم‬ ‫تسًى‬Statements.
6–‫جًم‬ ‫تكتب‬Java Script‫األيس‬ ‫داخم‬< script >ٔ</ script >.
7–‫ٔانتعهًٍاث‬ ‫األٔايس‬ ‫تكتب‬‫كٕد‬ ‫داخم‬Html‫كًا‬‫كٕد‬ ‫كتابت‬ ٍ‫ًٌك‬Java Scriptٍ‫ي‬ ‫أكخس‬ ً‫ف‬
:ً‫ٌه‬ ‫كًا‬ ‫يٕضع‬
-ٍ‫ي‬ ٍ‫م‬‫ك‬ ‫داخم‬Head TagٔBody Tag.
-‫كٕد‬ ‫إدزاد‬ ٍ‫ًٌك‬ ‫كًا‬Java Script‫بايتداد‬ ً‫خازج‬ ‫يهف‬ ٍ‫ي‬.JS‫ٌدزد‬‫بداٌت‬ ً‫ف‬Script Tag
8–( ‫جًهت‬ ‫كم‬ ‫إَٓاء‬ ‫ٌجب‬Statements)(‫يُقٕطت‬ ‫بفاصهت‬)semicolons(;).
9–‫ٌٕضع‬ً‫ف‬‫االعتباز‬‫حانت‬‫األحسف‬‫صغٍسة‬Small‫أو‬‫كبٍسة‬Capital‫عُد‬‫كتابت‬‫انجًم‬
(Statements)‫أَٓا‬ ‫حٍج‬case sensitive language‫األحرف‬ ‫لحالة‬ ‫حساسة‬ ‫إنها‬ ‫أي‬.
‫أيبك‬‫كٕد‬ ‫كزبثخ‬ ٍJava Script‫أكٕاد‬ ‫داخم‬HTML:
1-‫جملة‬alert
‫عًهخ‬ ‫رسزخذو‬alert‫عشض‬‫سسبنخ‬‫داخم‬‫صُذٔق‬‫يًب‬‫ٚغزة‬ِ‫االَزجب‬‫نمشاءرٓب‬.‫ٔإلظٓبس‬‫صُذٔق‬‫انشسبنخ‬‫َسزخذو‬‫األيش‬
ٙ‫انزبن‬:
Alert (“message “ ) ;
‫األول‬ ‫الفصل‬
Java Script Language
Fundamental Principles
‫ال‬ ‫الوحدة‬‫ثانية‬
Java Script

9. ::6;7966010alysun1973@yahoo.com
9
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
2-‫جملة‬document.write
‫عًهخ‬ ‫رسزخذو‬document.write‫إلظٓبس‬‫سسبنخ‬‫يكزٕثخ‬ٗ‫عه‬‫صفحخ‬‫انٕٚت‬‫َفسٓب‬.
‫معلومة‬‫إضافية‬
‫ٕٚعذ‬ ‫كًب‬ٖ‫أخش‬ ‫سسبئم‬ ‫عًم‬‫يضم‬promptٔconfirm
‫االٔل‬ ‫نهفصم‬ ‫ٔانزذسٚجبد‬ ‫األسئهخ‬
‫انعجبس‬ ٗ‫عه‬ ‫انذال‬ ًٗ‫انعه‬ ‫انًصطهح‬ ‫أكزت‬: ‫اٜرٛخ‬ ‫اد‬
1-‫تفاعلٌة‬ ‫صفحة‬ ‫بٌاناتن‬ ‫تسجٌل‬ ‫صفحة‬ ‫لجعل‬ ‫تستخدم‬ ‫لغة‬
2-‫لمراءتها‬ ‫االنتباه‬ ‫ٌجذب‬ ‫مما‬ ‫صندوق‬ ‫داخل‬ ‫رسالة‬ ‫لعرض‬ ‫تستخدم‬
3-‫نفسها‬ ‫الوٌب‬ ‫صفحة‬ ‫على‬ ‫مكتوبة‬ ‫رسالة‬ ‫الظهار‬ ‫تستخدم‬
: ‫االرٛخ‬ ‫انعجبساد‬ ‫ايبو‬ ‫خطب‬ ٔ‫ا‬ ‫صح‬ ‫عاليخ‬ ‫ظع‬
1-‫لغة‬ ‫استخدام‬ ‫ٌكفى‬ ‫ال‬HTML‫البٌانات‬ ‫صحٌة‬ ‫من‬ ‫لتتحمك‬‫الوٌب‬ ‫صفحة‬ ‫الى‬ ‫المدخلة‬
2-‫جمل‬ ‫كتابة‬ ‫من‬ ‫البد‬script‫تعلٌمات‬ ‫ملف‬ ‫عن‬ ‫منفصل‬ ‫ملف‬ ‫فى‬HTML
3-‫جملة‬ ‫كل‬ ‫انهاء‬ ‫ٌجب‬Statement) : ( ‫منموطة‬ ‫بفاصلة‬
4-‫لغة‬ ‫فى‬Jave Script‫الجمل‬ ‫كتابة‬ ‫عند‬ ‫كبٌرة‬ ‫أم‬ ‫صغٌرة‬ ‫األحرف‬ ‫حالة‬ ‫بٌن‬ ‫فارق‬ ‫ٌوجد‬ ‫ال‬Statements

10. ::6;7966010alysun1973@yahoo.com
10
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫مقدمة‬
‫لعلك‬‫جمل‬ ‫أن‬ ‫الحظت‬java script‫والمكتوبة‬ ‫سبمت‬ ً‫الت‬‫األيس‬ ‫داخم‬< script >ٔ</ script >
‫انُقس‬ ‫يخم‬ ‫؟‬ ‫؟‬ ‫يا‬ ‫بحدث‬ ّ‫ٔزبط‬ ‫انتشغٍم‬ ‫إزجاء‬ ‫أزدَا‬ ٕ‫ن‬ ‫ياذا‬ ، ‫انصفحت‬ ‫تشغٍم‬ ‫بًجسد‬ ً‫ة‬‫يباشس‬ ‫تُفٍرْا‬ ‫ٌتى‬
‫انصز‬ ‫عهى‬Button…..‫الدوال‬ ‫عن‬ ‫الحدٌث‬ ‫من‬ ‫البد‬ ً‫ا‬‫إذ‬Functions.. ‫بنا‬ ‫هٌا‬ ‫فــ‬ ...
‫(األكواد‬ ‫من‬ ‫مجموعة‬ ً‫ه‬–‫أوامر‬–‫ٌدل‬ ‫اسم‬ ‫تأخذ‬ ‫أن‬ ‫وٌجب‬ ‫االستدعاء‬ ‫عند‬ ‫تنفٌذها‬ ‫ٌتم‬ ً‫والت‬ ) ‫تعلٌمات‬
. ‫وظٌفتها‬ ‫على‬
‫دالة‬ ‫إنشاء‬Function‫جمل‬ ‫على‬ ‫تحتوي‬Java Script
1-‫األيس‬ ‫أكتب‬Function‫حى‬‫اكتب‬‫اسى‬‫يُاسب‬‫نهدانت‬)‫ٌف‬‫ضم‬ٌ‫أ‬‫ٌدل‬‫عهى‬‫ٔظٍفتٓا‬(.
6-‫اكتب‬‫انكٕد‬‫انري‬‫سٍتى‬ِ‫تُفٍر‬‫يا‬ٍٍ‫ب‬ٍٍ‫انقٕس‬{ }،‫حٍج‬‫ٌتى‬ِ‫تُفٍر‬‫عُد‬‫استدعاء‬‫اندانت‬.
Hi
‫انصفحخ‬ ‫ٔثبنطجع‬‫انذانخ‬ ‫إسزذعبء‬ ‫ٚزى‬ ‫نى‬ َّ‫أل‬ ‫فبسغخ‬
‫إستدعاء‬‫ال‬‫دالة‬Function:
1-‫ٚزى‬‫إظبفخ‬‫صس‬‫أيش‬Button.
2-‫انخبصٛخ‬ ‫إظبفخ‬onclick‫األيش‬ ‫نضس‬Button.
3-‫انخبصٛخ‬ ‫نمًٛخ‬ ‫انذانخ‬ ‫اسى‬ ‫إسُبد‬onclick.
‫ان‬ ‫عُذ‬ َّ‫أ‬ ‫الحع‬‫انضس‬ ٗ‫عه‬ ‫عغػ‬waw‫انحذس‬ ‫ٔلع‬onclick‫انذانخ‬ ‫اسزذعبء‬ ‫فزى‬hi‫عجبسح‬ ‫ٔظٓشد‬welcome to Alex
‫الثاني‬ ‫الفصل‬
‫كود‬ ‫إستدعاء‬
Java Script

11. ::6;7966010alysun1973@yahoo.com
11
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
Textbox
‫األيش‬ ‫صس‬ ٗ‫عه‬ ‫انعغػ‬ ‫صى‬ ‫انُص‬ ‫يشثع‬ ‫داخم‬ ‫َص‬ ٘‫أ‬ ‫إدخبل‬ ‫عُذ‬ : ْٙ ‫ثجسبغخ‬ ‫انًضبل‬ ‫فكشح‬waw‫سسبنخ‬ ‫رظٓش‬
. ‫انُص‬ ‫يشثع‬ ٙ‫ف‬ ّ‫إدخبن‬ ‫رى‬ ٘‫انز‬ ّ‫َفس‬ ْٕ ‫يحزٕاْب‬
9
-‫نهًُٕصط‬ ‫اسى‬ ‫إعطبء‬ ‫رى‬Form‫انخبصٛخ‬ ‫غشٚك‬ ٍ‫ع‬nameْٕٔAli
-‫انُص‬ ‫نًشثع‬ ‫اسى‬ ‫إعطبء‬ ‫رى‬textboxْٕٔtito
-ٕ‫انٕص‬ ‫رى‬: ٙ‫انزبن‬ ‫انكٕد‬ ‫غشٚك‬ ٍ‫ع‬ ‫انُص‬ ‫يشثع‬ ٙ‫ف‬ ‫انًذخم‬ ‫نهُص‬ ‫ل‬
Ali.tito.value‫انخبصٛخ‬ ‫غشٚك‬ ٍ‫ع‬ ٘‫أ‬valueٍ‫نهكبئ‬tito. ‫انًُٕرط‬ ٗ‫عه‬ ‫انًٕعٕد‬
َٗ‫انضب‬ ‫نهفصم‬ ‫ٔانزذسٚجبد‬ ‫األسئهخ‬
: ‫انزبنٛخ‬ ‫انعجبساد‬ ‫أكًم‬
1-‫الـ‬ ‫جمل‬ ‫تنفذ‬ ‫ان‬ ‫أردت‬ ‫إذا‬Jave script‫زر‬ ‫على‬ ‫النمر‬ ‫مثل‬ ‫حدث‬ ‫ولوع‬ ‫عند‬‫أمر‬Button‫الى‬ ‫نحتاج‬ ‫سوف‬
.......................... ‫استخدام‬
2-‫ٌدل‬ ‫مناسب‬ ‫اسم‬ ‫اعطائها‬ ‫وٌجب‬ ‫استدعائها‬ ‫عند‬ ‫تنفذ‬ ‫التى‬ ‫اآلوامر‬ ‫من‬ ‫مجموعة‬ ‫هى‬ ..............................
‫وظٌفتها‬ ‫على‬
: ‫االرٛخ‬ ‫انعجبساد‬ ‫أيبو‬ ‫خطب‬ ٔ‫أ‬ ‫صح‬ ‫عاليخ‬ ‫ظع‬
1-‫الخاصٌة‬ ‫اضافة‬ ‫ٌتم‬Value‫األمر‬ ‫لزر‬Button‫كود‬ ‫تنفٌذ‬ ‫أو‬ ‫دالة‬ ‫إلستدعاء‬jave script
2-‫الخاصٌة‬ ‫تستخدم‬Onclick‫الزر‬ ‫على‬ ‫ٌظهر‬ ‫نص‬ ‫لكتابة‬
3-‫النص‬ ‫لصندوق‬ ‫واسم‬ ‫للنموذج‬ ‫اسم‬ ‫اعطاء‬ ‫من‬ ‫البد‬ ‫النص‬ ‫صندوق‬ ‫محتوى‬ ‫الى‬ ‫للوصول‬
4-‫لغة‬ ‫جمل‬ ‫كتابة‬ ‫ٌتم‬Jave script‫االمر‬ ‫داخل‬<script>

12. ::6;7966010alysun1973@yahoo.com
12
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫مقدمة‬
‫لعلك‬‫األمثلة‬ ً‫ف‬ ‫أنه‬ ‫الحظت‬‫نحتاج‬ ‫لد‬ ‫األحٌان‬ ‫بعض‬ ً‫ف‬ ‫ولكن‬ .... ‫متتابع‬ ‫بشكل‬ ‫األوامر‬ ‫تنفٌذ‬ ‫تم‬ ‫السابمة‬
‫ترتٌبها‬ ‫عن‬ ‫النظر‬ ‫بغض‬ ‫أخرى‬ ‫مجموعة‬ ‫تنفٌذ‬ ‫عدم‬ ‫أو‬ ‫األكواد‬ ‫من‬ ‫مجموعة‬ ‫تنفٌذ‬ ‫أولوٌة‬ ً‫ف‬ ‫التحكم‬ ً‫إل‬
. ‫معٌن‬ ‫لشرط‬ ً‫ا‬‫وفم‬
‫توضيحي‬ ‫مثال‬6
If (condition(
{
Code ) ‫رحمك‬ ‫حبل‬ ٙ‫ف‬ ‫رُفٛزْب‬ ‫انًشاد‬ ‫األٔايش‬‫انششغ‬ )
}
1.‫لًٛخ‬ ‫كبَذ‬ ‫إرا‬ٙ‫انششغ‬ ‫انزعجٛش‬(conditional Expression)True‫يغًٕعخ‬ ‫ثزُفٛز‬ ‫انجشَبيظ‬ ‫سٛمٕو‬
‫األٔاي‬‫ش‬ٙ‫انز‬ٍٛ‫انمٕس‬ ٍٛ‫ث‬{ }
2.‫لًٛخ‬ ‫كبَذ‬ ‫إرا‬ٙ‫انششغ‬ ‫انزعجٛش‬(conditional Expression)False‫انجشَبيظ‬ ‫سٛمٕو‬‫ثعذو‬‫رُفٛز‬
‫ٔثب‬ ٍٛ‫انمٕس‬ ٍٛ‫ث‬ ‫األٔايش‬‫سُٛفز‬ ٙ‫نزبن‬‫األٔاي‬ ‫يغًٕعخ‬‫ش‬ٙ‫ره‬ ٙ‫انز‬‫عًهخ‬If.
If ( X >= 50 ) Yes
{
alert (" ")
No}
‫الثالث‬ ‫الفصل‬
)‫الشروط(التفرع‬
Branching
‫َبعح‬
Alert (" ")
x>=50
End
‫َبعح‬

13. ::6;7966010alysun1973@yahoo.com
13
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫الشيق‬ ‫الكود‬ ‫هذا‬ ‫وإليك‬
‫نهفصم‬ ‫ٔانزذسٚجبد‬ ‫األسئهخ‬‫انضبنش‬
: ‫اٜرٛخ‬ ‫انعجبساد‬ ٗ‫عه‬ ‫انذال‬ ًٗ‫انعه‬ ‫انًصطهح‬ ‫أكزت‬
1-‫معٌن‬ ‫شرطى‬ ‫تعبٌر‬ ‫اختبار‬ ‫لنتٌجة‬ ً‫ا‬‫تبع‬ ‫جمل‬ ‫أو‬ ‫أوامر‬ ‫تنفٌذ‬ ‫عدم‬ ‫أو‬ ‫تنفٌذ‬
2-‫ال‬ ‫استخدامها‬ ‫ٌتم‬ ‫جملة‬‫الشرطى‬ ‫التعبٌر‬ ‫ختبار‬
: ‫انخطأ‬ ‫انعجبسح‬ ‫أيبو‬ ‫خطأ‬ ‫ٔعاليخ‬ ‫انصحٛحخ‬ ‫انعجبس‬ ‫ايبو‬ ‫صح‬ ‫عاليخ‬ ‫ظع‬
1-‫الموسٌن‬ ‫بٌن‬ ‫ما‬ ‫الكود‬ ‫ٌنفذ‬ ‫الشرطى‬ ‫التعبٌر‬ ‫تحمك‬ ‫عدم‬ ‫حالة‬ ‫فى‬
2-‫حالة‬ ‫فى‬x=100‫الشرط‬ ‫ٌتحمك‬X>=20‫نعم‬ ‫الشرط‬ ‫جواب‬ ‫وٌكون‬

14. ::6;7966010alysun1973@yahoo.com
14
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫مقدمة‬
‫إن‬‫(تفا‬ ‫دٌنامٌكٌة‬ ‫مظاهر‬ ‫أحد‬‫أوجه‬ ‫عدة‬ ‫من‬ ‫المدخلة‬ ‫البٌانات‬ ‫صحة‬ ‫من‬ ‫التحمك‬ ‫هو‬ ‫الوٌب‬ ‫صفحة‬ )‫علٌة‬
: ‫منها‬
-‫ترن‬‫حمول‬‫فارغة‬.
-‫كتابة‬‫عدد‬‫غٌر‬‫محدد‬‫من‬‫الحروف‬‫واألرلام‬ً‫ف‬‫الحمل‬.
-‫عدم‬‫مطابمة‬‫كلمة‬‫المرور‬.
-‫ادخال‬‫اى‬‫نوع‬‫من‬‫البٌانات‬ً‫ف‬‫الحمل‬.
( ‫فارغ‬ ‫حمل‬ ‫ترن‬ ‫عدم‬ : ً‫ال‬‫أو‬Required Field)
-‫عند‬‫الضغط‬‫على‬‫ز‬‫ر‬"Send"‫بدون‬‫ادخال‬‫اسم‬‫الطالب‬.
-‫ٌظهر‬‫صندوق‬‫النص‬‫به‬‫رسالة‬‫تحذٌرٌة‬"‫غٌر‬‫مسموح‬‫بترن‬‫حمل‬‫اإلسم‬‫فارغ‬"
‫مالحظات‬‫على‬‫الكود‬:
-‫إلنشاء‬‫نموذج‬‫على‬‫صفحة‬‫الوٌب‬‫استخدمنا‬‫الكود‬ً‫التال‬:
<form method="get" action="file.php" name="Ali">
-‫الخاصٌة‬Nameً‫تعط‬‫هذه‬‫الخاصٌة‬‫اسم‬" ‫هو‬ ‫هنا‬ ‫(واالسم‬ ‫للنموذج‬Ali‫معه‬ ‫التعامل‬ ً‫ف‬ ‫ٌستخدم‬ ‫وسوف‬ "
. ‫الكود‬ ‫داخل‬
-‫الخاصٌة‬action‫تحدد‬‫العملٌة‬ً‫الت‬‫سٌتم‬‫تنفٌذها‬‫عند‬‫ضغط‬‫زر‬submit‫وعادة‬‫تكون‬‫عملٌة‬‫ارسال‬
‫للبٌانات‬ً‫الت‬‫أدخلها‬‫المستخدم‬‫عن‬‫طرٌك‬‫أدوات‬‫التحكم‬‫الى‬‫صفحة‬‫وٌب‬‫أخرى‬)‫وتس‬‫هنا‬ ‫مى‬file.php)
‫وتكون‬‫مخزنة‬‫على‬‫جهاز‬. ‫الخادم‬
.
‫ا‬‫الرابع‬ ‫لفصل‬
‫البيانات‬ ‫صحة‬ ‫من‬ ‫التحقق‬
Data Validation

15. ::6;7966010alysun1973@yahoo.com
15
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
-‫إلظهار‬‫صندوق‬‫النص‬textbox: ً‫التال‬ ‫الكود‬ ‫استخدمنا‬
<input type="text" name="tito">
-‫إلظهار‬‫زر‬submit: ً‫التال‬ ‫الكود‬ ‫استخدمنا‬
<input type="submit" value="Send" onclick="return f1();”>
-‫الخاصٌة‬value‫إل‬‫كلمة‬ ‫ظهار‬Send. ‫الزر‬ ‫على‬
-‫الخاصٌة‬Onclick‫تمثل‬‫حدث‬‫ٌجعل‬‫الزر‬‫ٌستجٌب‬‫للنمر‬‫بالماوس‬‫وٌموم‬‫بتنفٌذ‬‫كود‬‫معٌن‬‫أو‬‫استدعاء‬‫دالة‬
ً‫ه‬ ‫هنا‬ ‫والدالة‬ ( ‫لتنفٌذها‬F1–‫وأمر‬Return‫إلستمبال‬‫المٌمة‬‫الراجعة‬‫من‬) ‫الدالة‬ ‫تنفٌذ‬.
-‫الدالة‬ ‫إلنشاء‬F1()‫على‬ ‫بالضغط‬ ‫تنفٌذها‬ ‫ٌتم‬ ً‫والت‬‫زر‬Submit: ً‫التال‬ ‫الكود‬ ‫استخدمنا‬
function f1() {
-‫الختبار‬‫محتوى‬‫صندوق‬‫النص‬Text‫الموجود‬‫داخل‬‫النموذج‬Form‫عن‬‫طرٌك‬‫الخاصٌة‬value‫حٌث‬
‫المٌمة‬""ً‫تعن‬‫أن‬‫صندوق‬‫النص‬‫فارغ‬.
if (Ali.tito.value==””) {
-‫إلظهار‬‫الرسالة‬"‫غٌر‬‫مسموح‬‫بترن‬‫حمل‬‫اإلسم‬‫فارغ‬"‫نستخدم‬‫األمر‬alert: ً‫ٌل‬ ‫كما‬
;)"‫فارغ‬ ‫االسم‬ ‫حمل‬ ‫بترن‬ ‫مسموح‬ ‫("غٌر‬alert
-‫إلرجاع‬‫لٌمة‬‫الدالة‬F1‫بـــ‬Falseً‫ف‬‫حالة‬‫ترن‬‫صندوق‬‫النص‬‫فارغا‬‫نستخدم‬‫الكود‬ً‫التال‬:
return false;

16. ::6;7966010alysun1973@yahoo.com
16
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
ً‫ا‬ٌ‫ثان‬:‫التحكم‬ً‫ف‬‫طول‬‫البٌان‬‫المدخل‬‫بالحمل‬(Length)
‫للتحكه‬‫يف‬‫طول‬‫البيان‬‫املدخل‬‫باحلكل‬‫أو‬‫مبعنى‬‫آخر‬‫احتواء‬‫احلكل‬‫على‬‫قينة‬‫ال‬‫تكل‬‫عن‬‫ع‬‫دد‬‫حمدد‬‫من‬‫الرموز‬
. ) ‫خاصة‬ ‫عالمات‬ ‫حتى‬ ‫أو‬ ‫أرقاو‬ ‫أو‬ ‫(حروف‬
‫توضيحي‬ ‫مثال‬8:
‫لم‬‫بتصمٌم‬‫صفحة‬‫وٌب‬‫بداخلها‬Form: ‫على‬ ‫ٌحتوي‬
-‫صندوق‬‫إدخال‬‫كلمة‬‫المرور‬.
-‫الزر‬Submit(Send)‫وعند‬‫الضغط‬‫علٌه‬‫ٌظهر‬‫صندوق‬‫رسالة‬‫تحذٌرٌة‬"‫طول‬‫كلمة‬
‫المرور‬‫ال‬‫ٌمل‬‫عن‬8‫أحرف‬"ً‫ف‬‫حالة‬‫ادخال‬‫كلمة‬‫مرور‬‫تمل‬‫عن‬8‫رموز‬.
‫الرابع‬ ‫الفصل‬
‫البيانات‬ ‫صحة‬ ‫من‬ ‫التحقق‬ ‫تابع‬
Data Validation

17. ::6;7966010alysun1973@yahoo.com
17
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫مالحظات‬‫على‬‫الكود‬:
-‫إلظهار‬‫صندوق‬‫السر‬ ‫كلمة‬Password: ً‫التال‬ ‫الكود‬ ‫استخدمنا‬
<input type="password" name="tito">
-‫إلظهار‬‫زر‬submit: ً‫التال‬ ‫الكود‬ ‫استخدمنا‬
<input type="submit" value="Send" onclick="return f1();”>
-‫الخاصٌة‬value‫كلمة‬ ‫إلظهار‬Send. ‫الزر‬ ‫على‬
-‫الخاصٌة‬Onclick‫تمثل‬‫حدث‬‫ٌجعل‬‫الزر‬‫ٌستجٌب‬‫للنمر‬‫بالماوس‬‫وٌموم‬‫بتنفٌذ‬‫كود‬‫معٌن‬‫أو‬‫استدعاء‬‫دالة‬
ً‫ه‬ ‫هنا‬ ‫والدالة‬ ( ‫لتنفٌذها‬F1–‫وأمر‬Return‫إلستمبال‬‫المٌمة‬‫الراجعة‬‫من‬) ‫الدالة‬ ‫تنفٌذ‬.
-‫الدالة‬ ‫إلنشاء‬F1()‫زر‬ ‫على‬ ‫بالضغط‬ ‫تنفٌذها‬ ‫ٌتم‬ ً‫والت‬Submit: ً‫التال‬ ‫الكود‬ ‫استخدمنا‬
function f1() {
-‫الختبار‬‫محتوى‬‫صندوق‬‫السر‬ ‫كلمة‬Password‫الموجود‬‫داخل‬‫النموذج‬Form‫عن‬‫طرٌك‬‫الخاصٌة‬
value‫حٌث‬‫بداخله‬ ‫الحرفٌة‬ ‫السلسلة‬ ‫طول‬length‫عن‬ ‫تمل‬8‫رموز‬.
if (Ali.tito.value.length<8) {
-‫إلظهار‬‫الرسالة‬‫عن‬ ‫الٌمل‬ ‫المرور‬ ‫كلمة‬ ‫"طول‬8"‫أحرف‬‫نستخدم‬‫األمر‬alert: ً‫ٌل‬ ‫كما‬
;(‫عن‬ ‫الٌمل‬ ‫المرور‬ ‫كلمة‬ ‫"طول‬8"‫أحرف‬)alert
-‫إلرجاع‬‫لٌمة‬‫الدالة‬F1‫بـــ‬Falseً‫ف‬‫حالة‬‫ترن‬‫صندوق‬‫النص‬‫فارغا‬‫نستخدم‬‫الكود‬ً‫التال‬:
return false;
ً‫ا‬‫ثالث‬:‫مطابمة‬‫البٌانات‬‫المدخلة‬ً‫ف‬‫حملٌن‬Match:
‫توضيحي‬ ‫مثال‬9:
‫لم‬‫بتصمٌم‬‫صفحة‬‫وٌب‬‫بداخلها‬Form: ‫على‬ ‫ٌحتوي‬
-‫صندوق‬‫إدخال‬‫كلمة‬‫المرور‬.
-‫صندوق‬‫إلعادة‬‫ادخال‬‫كلمة‬‫المرور‬“‫اعد‬‫إدخال‬‫كلمة‬‫المرور‬".
-‫الزر‬Submit(Send)‫وعند‬‫الضغط‬‫علٌه‬‫ٌتم‬‫ممارنة‬‫محتوى‬،‫الصندولٌن‬ً‫ف‬‫حالة‬‫عدم‬
‫تطابك‬‫لٌمتٌهما‬‫تظهر‬‫رسالة‬‫تحذٌرٌة‬"‫الكل‬‫متٌن‬‫غٌر‬‫متطابمتٌن‬".

18. ::6;7966010alysun1973@yahoo.com
18
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫مالحظات‬‫على‬‫الكود‬:
-‫إلظهار‬‫صندوق‬‫السر‬ ‫كلمة‬‫األول‬Password: ً‫التال‬ ‫الكود‬ ‫استخدمنا‬
<input type="password" name="tito">
-‫إلظهار‬‫صندوق‬ً‫السرالثان‬ ‫كلمة‬Password: ً‫التال‬ ‫الكود‬ ‫استخدمنا‬
<input type="password" name="Fiky">
-‫الختبار‬‫محتوى‬‫صندوق‬‫السر‬ ‫كلمة‬‫األول‬tito‫الموجود‬‫داخل‬‫النموذج‬Form‫محتوى‬ ‫مع‬ ‫ٌتطابك‬ ‫هل‬
ً‫الثان‬ ‫السر‬ ‫كلمة‬ ‫صندوق‬Fiky: ً‫التال‬ ‫الكود‬ ‫استخدمنا‬
if (Ali.tito.value. !== Ali.Fiky.value) {
-‫إلظهار‬‫الرسالة‬"‫متطابمتان‬ ‫غٌر‬ ‫"الكلمتان‬‫نست‬‫خدم‬‫األمر‬alert: ً‫ٌل‬ ‫كما‬
;("‫متطابمتان‬ ‫غٌر‬ ‫"الكلمتان‬)alert
ً‫ا‬‫رابع‬:‫منع‬‫ادخال‬‫نوع‬‫من‬‫البٌانات‬‫مخالف‬‫لنوع‬‫الحمل‬:
‫المعامل‬‫الوظٌفة‬
==‫المٌمة‬ ً‫ف‬ ‫متساوٌان‬ ‫الممارنة‬ ً‫طرف‬ ‫هل‬ ‫لتعٌٌن‬
===‫البٌانات‬ ‫ونوع‬ ‫المٌمة‬ ً‫ف‬ ‫متساوٌان‬ ‫الممارنة‬ ً‫طرف‬ ‫هل‬ ‫لتعٌٌن‬
!=‫المٌمة‬ ً‫ف‬ ‫متساوٌان‬ ‫غٌر‬ ‫الممارنة‬ ً‫طرف‬ ‫هل‬ ‫لتعٌٌن‬
!==‫هل‬ ‫لتعٌٌن‬‫البٌانات‬ ‫ونوع‬ ‫المٌمة‬ ً‫ف‬ ‫غٌرمتساوٌان‬ ‫الممارنة‬ ً‫طرف‬

19. ::6;7966010alysun1973@yahoo.com
19
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫توضيحي‬ ‫مثال‬01:
‫لم‬‫بتصمٌم‬‫صفحة‬‫وٌب‬‫بداخلها‬Form: ‫على‬ ‫ٌحتوي‬
-‫صندوق‬‫نص‬text.
-‫الزر‬Submit(Send)‫وعند‬‫الضغط‬‫علٌه‬‫ٌتم‬‫ا‬‫ختبار‬‫المٌمة‬،‫المدخلة‬ً‫وف‬‫حالة‬‫ادخال‬
‫لٌمة‬‫عددٌة‬ ‫غٌر‬‫تظهر‬‫رسالة‬‫تحذٌرٌة‬"‫أدخل‬‫لٌمة‬‫عددٌة‬".
: ‫هو‬ ‫ذلن‬ ‫عن‬ ‫المسئول‬ ‫والكود‬

20. ::6;7966010alysun1973@yahoo.com
20
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫مالحظات‬‫على‬‫الكود‬:
-‫إلظهار‬‫صندوق‬‫السراألول‬ ‫كلمة‬Password: ً‫التال‬ ‫الكود‬ ‫استخدمنا‬
<input type="password" name="tito">
-‫الختبار‬‫محتوى‬‫صندوق‬‫النص‬text.... ‫ال‬ ‫أم‬ ‫عددي‬ ‫هو‬ ‫هل‬
if (isNaN(Ali.tito.value)) {
-‫إلظهار‬‫الرسالة‬"‫عددٌة‬ ‫لٌمة‬ ‫أدخل‬ ‫فضلن‬ ‫من‬"‫نستخدم‬‫األمر‬alert: ً‫ٌل‬ ‫كما‬
;("‫عددٌة‬ ‫لٌمة‬ ‫أدخل‬ ‫فضلن‬ ‫من‬")alert
‫انسبثم‬ ‫نهفصٕل‬ ‫ٔانزذسٚجبد‬ ‫االسئهخ‬‫خ‬
: ‫االرٛخ‬ ‫انعجبساد‬ ‫أكًم‬
: ‫إدخبنٓب‬ ‫ٚزى‬ ٗ‫انز‬ ‫انجٛبَبد‬ ‫صحخ‬ ٗ‫ف‬ ‫انزحكى‬ ‫حبالد‬ ٍ‫ي‬
‫فارغة‬ ‫حمول‬ ‫ترن‬
...................................................
...................................................
...................................................
‫عاليخ‬ ‫ظع‬: ‫انخطأ‬ ‫انعجبسح‬ ‫ايبو‬ ‫خطب‬ ‫ٔعاليخ‬ ‫انصحٛحخ‬ ‫انعجبسح‬ ‫ايبو‬ ‫صح‬
1-‫الشرط‬ ‫نستخدم‬ ‫المرور‬ ‫كلمة‬ ‫لمطابمة‬form1.text.value==""
2-‫الخاصٌة‬ ‫تضاف‬action‫لألمر‬<form>‫النموذج‬ ‫بٌانات‬ ‫ارسال‬ ‫مع‬ ‫الٌها‬ ‫االنتمال‬ ‫المطلوب‬ ‫الصفحة‬ ‫لتحدٌد‬
3-‫الدالة‬ ‫إلنشاء‬f1()‫على‬ ‫النمر‬ ‫عند‬ ‫انفٌذها‬ ‫ٌتم‬ ‫التى‬‫زر‬submit‫الكود‬ ‫استخدمنا‬function f1 () {
4-‫الدالة‬ ‫لٌمة‬ ‫إلرجاع‬f1‫بـ‬false‫الكود‬ ‫نستخدم‬ ً‫ا‬‫فارغ‬ ‫النص‬ ‫صندوق‬ ‫ترن‬ ‫حالة‬ ‫فى‬retirn false :
5-‫ٌساوى‬ ‫او‬ ‫من‬ ‫ألل‬ ‫النص‬ ‫صندوق‬ ‫فى‬ ‫المدخل‬ ‫البٌان‬ ‫طول‬8‫حروف‬form1.text1.value.length<=8
6-‫الكود‬ ‫نستخدم‬ ‫فارغ‬ ‫حمل‬ ‫ترن‬ ‫عدم‬ ‫من‬ ‫لتحمك‬form1.text1.value!==form1.text2.value
7-‫الشرط‬ ‫نستخدم‬ ‫النص‬ ‫صندوق‬ ‫فى‬ ‫عددٌة‬ ‫بٌانات‬ ‫ادخال‬ ‫لمنع‬IsNaN ( form1.text1.value)

21. ::6;7966010alysun1973@yahoo.com
21
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫التحقق‬‫من‬‫حصة‬‫البياانت‬‫املدخةل‬
‫يف‬‫صفحة‬‫تسجيل‬‫البياانت‬
‫بعد‬‫تعرفن‬‫على‬‫كٌفٌة‬‫التحمك‬‫من‬‫صحة‬‫البٌانات‬،‫المدخلة‬‫استكمل‬‫مشروعن‬‫ا‬‫لسابك‬)‫مولع‬ً‫مدرست‬(‫بإضافة‬
‫صفحة‬‫لتسجٌل‬‫البٌانات‬‫على‬‫أن‬‫ٌتم‬‫ا‬‫جراء‬‫عملٌة‬‫التحمك‬‫من‬‫صحة‬‫البٌانات‬‫المدخلة‬‫وذلن‬‫من‬‫حٌث‬:
-‫عدو‬‫تسك‬‫حقم‬‫اسى‬‫انطانب‬‫فازغا‬(Required Field. )
-‫طٕل‬‫كهًت‬‫انًسٔز‬‫ال‬‫ٌقم‬ٍ‫ع‬‫حًاٍَت‬‫زيٕش‬.
-‫يطابقت‬‫انبٍاَاث‬‫انًدخهت‬ً‫ف‬ً‫حقه‬‫كهًت‬‫انًسٔز‬‫ٔاعادة‬‫ادخال‬‫كهًت‬. ‫انًسٔز‬
-‫انسًاح‬‫بإدخال‬‫قٍى‬‫عددٌت‬‫فقظ‬ً‫ف‬‫حقم‬. ٍ‫انس‬
‫الخامس‬ ‫الفصل‬
‫المشروع‬
Project

22. ::6;7966010alysun1973@yahoo.com
22
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫بعد‬‫النمر‬‫على‬‫زر‬‫تسجٌل‬‫ٌتم‬‫التحمك‬‫أوال‬‫من‬‫صحة‬‫المدخالت‬‫ثم‬‫حفظها‬‫والعودة‬‫لصفحة‬‫الدخول‬login.htm
‫وذلن‬‫إلتمام‬‫تسجٌل‬‫الدخول‬‫للصفحة‬‫الرئٌسٌة‬‫للمولع‬‫باستخدام‬‫االسم‬‫وكل‬‫مة‬‫المرور‬‫السابك‬‫حفظهما‬.

23. ::6;7966010alysun1973@yahoo.com
23
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬

24. ::6;7966010alysun1973@yahoo.com
24
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫ملحوظة‬:
Nested If

25. ::6;7966010alysun1973@yahoo.com
25
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫مقدمة‬
ً‫ه‬‫اصدار‬‫جدٌد‬‫من‬‫لغة‬HTML‫ظهر‬‫عام‬2014‫وبه‬‫العدٌد‬‫من‬‫التحسٌنات‬‫التى‬‫نلمسها‬‫خالل‬ ‫من‬
‫استخدام‬‫مجموعة‬‫من‬‫األدوات‬‫الجدٌدة‬ً‫الت‬‫تسهل‬‫من‬‫فكرة‬‫تصمٌم‬‫صفحة‬‫الوٌب‬.‫و‬‫م‬‫ن‬‫الم‬‫م‬‫ي‬‫ات‬‫ز‬
‫الجديدة‬‫التي‬‫ج‬‫اءت‬‫بمجيء‬HTML 5‫ظ‬‫ي‬‫ور‬‫وسو‬‫م‬‫خاصة‬‫لعرض‬‫الفيديو‬‫و‬‫الصوت‬‫و‬‫وسو‬‫م‬‫خاصة‬
‫لكتابة‬‫المقا‬‫ال‬‫ت‬‫أو‬‫األخبار‬‫و‬‫وسو‬‫م‬‫خاصة‬‫بالرسم‬‫إضافة‬‫إلى‬‫مجموعة‬‫جديدة‬‫م‬‫ن‬‫عناصر‬‫اإلدخا‬‫ل‬
‫الخاصة‬‫بالنماذج‬.... ‫ىا‬‫وغير‬
‫مستعرضات‬‫الوٌب‬‫الداعمة‬‫لــــ‬HTML 5:
‫أل‬‫ن‬HTML 5‫ظ‬‫ي‬‫رت‬‫منذ‬‫ة‬‫ر‬‫فت‬‫ة‬‫ر‬‫قصي‬‫نسبيا‬‫فإن‬‫معظ‬‫م‬‫مستعرضات‬‫الويب‬‫القديمة‬‫ال‬‫تدعم‬‫ي‬‫ا‬‫لأل‬،‫سف‬
‫و‬‫لك‬‫ن‬‫المستعرضات‬‫الجديدة‬‫ستدعم‬‫ي‬‫ا‬‫ب‬‫أنيا‬ ‫حيث‬ ‫تأكيد‬ ‫كل‬‫ستكو‬‫ن‬‫لغة‬‫بناء‬‫صفحات‬‫الويب‬‫ية‬‫ر‬‫المعيا‬
‫في‬‫المستق‬‫بل‬‫يب‬‫ر‬‫الق‬‫و‬‫ل‬‫ي‬‫ذا‬‫فقد‬‫بدأت‬‫بعض‬‫المستعرض‬‫ات‬‫بدع‬‫مي‬‫ا‬‫فعل‬‫م‬‫ثل‬‫اإلصدا‬‫ا‬‫ر‬‫ت‬‫ة‬‫ر‬‫األخي‬‫م‬‫ن‬
‫مستعرضات‬:Google Chrome‫و‬Firefox‫و‬Opera‫و‬Internet Explorer‫و‬Safari 6.
‫ال‬ ‫لألسف‬ ‫المستعرضات‬ ‫ىذه‬ ‫ولكن‬‫تدعم‬‫بشكل‬‫كامل‬‫تنفيذ‬‫امر‬‫و‬‫األ‬‫الجديدة‬‫الخاصة‬‫باإلصدار‬HTML 5.
‫ومن‬‫امر‬‫و‬‫األ‬‫الجديد‬‫ة‬‫التي‬‫سنقوم‬‫بالتعرف‬‫عمييا‬‫بعض‬‫امر‬‫و‬‫األ‬‫التي‬‫تتعمق‬‫ات‬‫و‬‫بأد‬‫التحكم‬‫في‬ ‫المستخدمة‬
‫اإلدخال‬‫ومنيا‬‫ات‬‫و‬‫األد‬:
-COLOR
-Date
-Number
-requiredText
‫صهدوق‬‫اللوى‬COLOR
‫ٌتٌح‬‫للمستخدم‬‫اختٌار‬‫لون‬‫من‬‫خالل‬‫صندوق‬. ‫األلوان‬
: ً‫التال‬ ‫األمر‬ ‫نستخدم‬ ‫الوٌب‬ ‫لصفحة‬ ‫وإلضافته‬< input type="color">
‫السادس‬ ‫الفصل‬
‫إثرائي‬
HTML5

26. ::6;7966010alysun1973@yahoo.com
26
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫صهدوق‬‫التاريخ‬Date
‫ٌتٌح‬‫للمستخدم‬‫ادخال‬‫تارٌخ‬‫معٌن‬‫بواسطة‬‫نافذة‬‫التموٌم‬.
‫وإلضافت‬: ً‫التال‬ ‫األمر‬ ‫نستخدم‬ ‫الوٌب‬ ‫لصفحة‬ ‫ه‬<input type="date">
‫صهدوق‬‫العدد‬number
‫ٌتم‬‫انشاء‬‫هذه‬‫األداة‬‫على‬‫صفحة‬‫الوٌب‬‫إلدخال‬‫لٌم‬‫البد‬‫أن‬‫تكون‬‫عددٌة‬‫وٌمكن‬‫تحدٌد‬‫مدي‬‫معٌن‬‫لهذه‬.‫المٌم‬
‫نست‬ ‫الوٌب‬ ‫لصفحة‬ ‫وإلضافته‬: ً‫التال‬ ‫األمر‬ ‫خدم‬<input type="submit">

27. ::6;7966010alysun1973@yahoo.com
27
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫استخدام‬‫اخلاصية‬Required:
‫ٌتطلب‬‫ذلن‬‫ضرورة‬‫ادخال‬‫لٌمة‬‫عن‬‫طرٌك‬‫المستخدم‬‫وعدم‬‫تركها‬. ‫فارغة‬
: ‫مثل‬ ‫األدوات‬ ‫بعض‬ ‫مع‬ ‫تستخدم‬text, password, date, number, checkbox, radio,………
: ً‫التال‬ ‫األمر‬ ‫نستخدم‬ ‫الوٌب‬ ‫لصفحة‬ ‫وإلضافته‬

28. ::6;7966010alysun1973@yahoo.com
28
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫انسبدط‬ ‫انفصم‬ ‫ٔرذسٚجبد‬ ‫أسئهخ‬
: ‫اآلتية‬ ‫العبارات‬ ‫على‬ ‫الدال‬ ‫العلمى‬ ‫المصطلح‬ ‫أكتب‬
1-‫لغة‬ ‫من‬ ‫جدٌد‬ ‫اصدار‬HTML‫ن‬ ‫التى‬ ‫التحسٌنات‬ ‫من‬ ‫العدٌد‬ ‫به‬‫الجدٌدة‬ ‫األدوات‬ ‫من‬ ‫مجوعة‬ ‫خالل‬ ‫من‬ ‫لمسها‬
2-‫بلغة‬ ‫الخاصة‬ ‫الجدٌدة‬ ‫الوامر‬ ‫من‬HTML5‫االدخال‬ ‫فى‬ ‫المستخدمة‬ ‫النموذج‬ ‫عناصر‬ ‫باضافة‬ ‫ٌتعلك‬ ‫أمر‬ ‫وهو‬
3-‫فارغة‬ ‫تركها‬ ‫وعدم‬ ‫المستخدم‬ ‫طرٌك‬ ‫عن‬ ‫لٌمة‬ ‫ادخال‬ ‫ضرورة‬ ‫ذلن‬ ‫ٌتطلب‬ ‫االدوات‬ ‫بعض‬ ‫مع‬ ‫استخدامها‬ ‫عند‬ ‫خاصٌة‬
4-‫إل‬ ‫الوٌب‬ ‫لصفحة‬ ‫اضافته‬ ‫ٌتم‬ ‫حمل‬‫المٌم‬ ‫لهذه‬ ‫معٌن‬ ‫مدى‬ ‫تحدٌد‬ ‫وٌمكن‬ ‫فمط‬ ‫عددٌة‬ ‫لٌم‬ ‫دخال‬
5-: ‫أ‬ ‫العمود‬ ‫من‬ ‫سناسبه‬ ‫ما‬ ‫ب‬ ‫العمود‬ ‫ن‬ ‫إختر‬
) ‫أ‬ () ‫ب‬ (
<input type="date">‫األلوان‬ ‫صندوق‬ ‫إلضافة‬color ‫الوٌب‬ ‫صفحة‬ ‫الى‬
< input type ="number">‫التارٌخ‬ ‫صندوق‬ ‫إلضافة‬date ‫الوٌب‬ ‫لصفحة‬ ‫الى‬
<input type ="color">‫العدد‬ ‫صندوق‬ ‫إلضافة‬number ‫الوٌب‬ ‫لصفحة‬ ‫الى‬

29. ::6;7966010alysun1973@yahoo.com
29
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫مقدمة‬
‫تعد‬‫التركيز‬ ‫ة‬‫ر‬‫ضرو‬ ‫ىناك‬ ‫جعل‬ ‫بشكل‬ ‫المجاالت‬ ‫مختمف‬ ‫فى‬ ‫االتصال‬ ‫وسائل‬ ‫أىم‬ ‫من‬ ‫نت‬‫ر‬‫االنت‬ ‫شبكة‬
‫تنتج‬ ‫قد‬ ‫التى‬ ‫المخاطر‬ ‫عمى‬‫اإل‬ ‫ذلك‬ ‫اء‬‫ر‬‫إج‬‫بالفيروسات‬ ‫االصابة‬ ‫بين‬ ‫ما‬ ‫المخاطر‬ ‫ىذه‬ ‫ع‬‫وتتنو‬ ‫ستخدام‬
‫ا‬‫ل‬‫ة‬‫ر‬‫مدم‬‫اإل‬‫و‬ ‫الجياز‬ ‫عمى‬ ‫نة‬‫ز‬‫المخ‬ ‫لمبيانات‬‫أو‬ ‫المستخدم‬ ‫بممفات‬ ‫لمعبث‬ ‫اق‬‫ر‬‫خت‬‫إ‬‫األ‬ ‫ستغلل‬‫ين‬‫ر‬‫خ‬‫بقصد‬
‫اإل‬ ‫أو‬ ‫از‬‫ز‬‫اإلبت‬ ‫أو‬ ‫اإلساءة‬‫المخاطر‬ ‫اع‬‫و‬‫أن‬ ‫من‬ ‫ىا‬‫وغير‬ ‫الشخصية‬ ‫البيانات‬ ‫قة‬‫ر‬‫س‬ ‫أو‬ ‫نتحال‬‫من‬ ‫فالكثير‬
‫األ‬‫لي‬ ‫معنى‬ ‫ال‬ ‫تافة‬ ‫تبدو‬ ‫قد‬ ‫التى‬ ‫المعمومات‬ ‫بعض‬ ‫أن‬ ‫ن‬‫يدركو‬ ‫ال‬ ‫شخاص‬‫ا‬‫الكث‬ ‫تعنى‬‫ين‬‫ر‬‫اخ‬ ‫ألناس‬ ‫ير‬.
‫لالنرتنت‬ ‫االمو‬ ‫االستخدام‬
‫الهوٌة‬ ‫سرلة‬ : ً‫ال‬‫أو‬identity:
‫قة‬‫ر‬‫س‬ ‫أو‬ ‫قتو‬‫ر‬‫لس‬ ‫بو‬ ‫تتعمق‬ ‫معمومات‬ ‫اى‬ ‫أو‬ ‫آخر‬ ‫شخص‬ ‫اسم‬ ‫ما‬ ‫شخص‬ ‫استخدام‬ ‫أو‬ ‫انتحال‬‫ه‬‫ر‬‫غي‬
‫الضارة‬ ‫البرامج‬ : ً‫ا‬ٌ‫ثان‬Maware:
‫مست‬ ‫تسمل‬ ‫التى‬ ‫عجة‬‫المز‬ ‫أو‬ ‫المتطفمة‬ ‫أو‬ ‫العدائية‬ ‫امج‬‫ر‬‫الب‬‫من‬ ‫مشتق‬ ‫اسميا‬‫و‬ ‫الكمبيوتر‬ ‫امج‬‫ر‬‫الب‬ ‫ألنظمة‬ ‫ة‬‫ر‬‫ت‬
‫الكممات‬Malicious‫و‬ ) ‫خبيث‬ (software‫امج‬‫ر‬‫ب‬ ‫استخدام‬ ‫يمكنك‬ ‫امج‬‫ر‬‫الب‬ ‫ىذه‬ ‫ولتفادى‬ ) ‫امج‬‫ر‬‫ب‬ (
. ‫جيازك‬ ‫لتأمين‬ ‫الفيروسات‬ ‫مكافحة‬
: ‫التجسس‬ ‫برامج‬ : ً‫ا‬‫ثالث‬
‫الحصو‬ ‫ن‬‫دو‬ ‫المستخدمين‬ ‫عن‬ ‫الشخصية‬ ‫المعمومات‬ ‫بتجميع‬ ‫تقوم‬ ‫كمبيوتر‬ ‫امج‬‫ر‬‫ب‬‫ولتفادى‬ ‫افقتيم‬‫و‬‫م‬ ‫عمى‬ ‫ل‬
‫الممفات‬‫و‬ ‫الدعائية‬ ‫الممفات‬‫و‬ ‫التجسس‬ ‫كممفات‬ ‫الخبيثة‬ ‫الممفات‬ ‫عن‬ ‫الكشف‬ ‫امج‬‫ر‬‫ب‬ ‫استخدام‬ ‫يجب‬ ‫امج‬‫ر‬‫الب‬ ‫ىذه‬
‫بك‬ ‫الخاص‬ ‫نت‬‫ر‬‫االنت‬ ‫متصفح‬ ‫عمى‬ ‫تسيطر‬ ‫التى‬
‫الفٌروس‬ : ً‫ا‬‫رابع‬Virus:
‫ام‬‫ر‬‫الب‬‫و‬ ‫الكمبيوتر‬ ‫ة‬‫ز‬‫أجي‬ ‫يصيب‬ ‫الذاتى‬ ‫االنتشار‬ ‫عمى‬ ‫ة‬‫ر‬‫قد‬ ‫لو‬ ‫ضار‬ ‫صغير‬ ‫نامج‬‫ر‬‫ب‬‫ج‬
: ‫السرٌة‬ ‫الرموز‬ : ً‫ا‬‫خامس‬
‫االتصاالت‬‫و‬ ‫المعمومات‬ ‫تكنولوجيا‬ ‫وسائل‬ ‫مع‬ ‫يتعامل‬ ‫فرد‬ ‫أى‬ ‫تخص‬ ‫التى‬ ‫الشخصية‬ ‫البيانات‬ ‫كافة‬ ‫بو‬ ‫يقصد‬
‫المستخدم‬ ‫اسم‬ ‫مثل‬ ‫أحد‬ ‫ألى‬ ‫عنيا‬ ‫الكشف‬ ‫ينبغى‬ ‫ال‬ ‫التى‬‫و‬Username‫المرور‬ ‫وكممة‬password‫عند‬
. ‫المحمول‬ ‫ن‬‫التميفو‬ ‫أو‬ ‫نت‬‫ر‬‫االنت‬ ‫مع‬ ‫التعامل‬
‫األول‬ ‫الفصل‬
‫لإلنترنت‬ ‫اآلمن‬ ‫اإلستخدام‬

30. ::6;7966010alysun1973@yahoo.com
30
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫مواق‬‫معها‬ ‫التعامل‬ ‫وكيفية‬ ‫هامة‬ ‫ف‬
: ‫االول‬ ‫المولف‬
‫بيدف‬ ‫االجتماعى‬ ‫اصل‬‫و‬‫الت‬ ‫موقع‬ ‫عمى‬ ‫لمصفحة‬ ‫ى‬‫السر‬ ‫قم‬‫ر‬‫ال‬‫و‬ ‫المستخدم‬ ‫اسم‬ ‫بإدخال‬ ‫التسجيل‬ ‫ن‬‫يكو‬ ‫أحيانا‬
‫الشخصى‬ ‫حسابو‬ ‫قة‬‫ر‬‫لس‬ ‫احيانا‬ ‫المستخدم‬ ‫يتعرض‬ ‫وقد‬ ‫المطموبة‬ ‫معمومات‬ ‫ارسال‬‫و‬ ‫التطبيق‬ ‫فى‬ ‫اك‬‫ر‬‫االشت‬
‫م‬ ‫كثير‬ ‫فى‬ ‫التطبيقات‬ ‫ىذه‬ ‫ان‬ ‫وخصوصا‬‫الياكر‬ ‫بيدف‬ ‫ن‬‫تكو‬ ‫االحيان‬ ‫ن‬
:‫المولف‬ ‫مع‬ ‫التعامل‬ ‫كٌفٌة‬
‫ٔخاصة‬ ‫وٍّا‬ ‫السئٗطى‬ ‫اهلدف‬ ‫وعسفة‬ ‫لصعٕبة‬ ًٕ‫العى‬ ْ‫ٔد‬ ‫عمى‬ ‫التطبٗكات‬ ٓ‫ِر‬ ‫وجن‬ ‫فى‬ ‫االشرتاك‬ ً‫عد‬ ‫ٖفطن‬
‫السقي‬ ‫تغٗري‬ ‫ضسعة‬ ‫ٖسدى‬ ‫بالفعن‬ ‫حدخ‬ ‫ٔإذا‬ ‫الشدصى‬ ‫لمحطاب‬ ‫الطسى‬ ‫السقي‬ ‫بادخاه‬ ‫التطذٗن‬ ُ‫كا‬ ‫إذا‬
‫دخٕه‬ َ‫و‬ ‫حسصا‬ ‫الطسى‬‫الشدصٗة‬ ‫الصفحات‬ ‫فى‬ ‫ٔالعبح‬ ‫احدِي‬.
: ‫الثانى‬ ‫المولف‬
‫فى‬ ‫العائمة‬ ‫اد‬‫ر‬‫ألف‬ ‫أو‬ ‫ليم‬ ‫شخصية‬ ‫صور‬ ‫االجتماعى‬ ‫اصل‬‫و‬‫الت‬ ‫اقع‬‫و‬‫م‬ ‫عمى‬ ‫وخاصة‬ ‫المستخدمين‬ ‫بعض‬ ‫وضع‬
‫خاصة‬ ‫أماكن‬‫و‬ ‫مناسبات‬.
‫بشك‬ ‫معيا‬ ‫التعامل‬ ‫أو‬ ‫التشيير‬ ‫أو‬ ‫از‬‫ز‬‫ابت‬ ‫عمميات‬ ‫فى‬ ‫ع‬‫لموقو‬ ‫المستخدم‬ ‫يتعرض‬ ‫قد‬ : ‫تحدث‬ ‫قد‬ ‫التى‬ ‫المشكمة‬‫ل‬
‫وخلفو‬ ‫الفوتوشوب‬ ‫مثل‬ ‫الصور‬ ‫فى‬ ‫متخصصة‬ ‫امج‬‫ر‬‫ب‬ ‫يق‬‫ر‬‫ط‬ ‫عن‬ ‫آمن‬ ‫غير‬
: ‫المولف‬ ‫مع‬ ‫التعامل‬
‫ضسٖتّا‬ ‫عمى‬ ‫التاكد‬ ‫البد‬ ‫الٍشس‬ ‫ٔعٍد‬ ‫لمعاوة‬ ‫ٌٔشسِا‬ ‫االحٕاه‬ َ‫و‬ ‫حاه‬ ‫بأى‬ ‫خاصة‬ ‫شدصٗة‬ ‫صٕز‬ ‫ٔضع‬ ً‫عد‬
‫فكط‬ ‫املكسبني‬ ‫ألصدقاء‬ ‫اال‬ ‫عمّٗا‬ ‫االطالع‬ ً‫ٔعد‬.
: ‫الثالث‬ ‫المولف‬
‫التميف‬ ‫قام‬‫ر‬‫أ‬ ‫وضع‬‫فى‬ ‫التسجيل‬ ‫عند‬ ‫وتفاصيمو‬ ‫العمل‬ ‫ان‬‫و‬‫عن‬ ‫أو‬ ‫السكن‬ ‫ان‬‫و‬‫عن‬ ‫مثل‬ ‫شخصية‬ ‫وبيانات‬ ‫ن‬‫و‬
‫اصل‬‫و‬‫الت‬ ‫اقع‬‫و‬‫م‬ ‫عمى‬ ‫شخصى‬ ‫حساب‬ ‫عمل‬ ‫أو‬ ‫المنتديات‬
: ‫تحدث‬ ‫لد‬ ‫التى‬ ‫المشكلة‬
‫السن‬ ‫صغار‬ ‫من‬ ‫المستخدم‬ ‫كان‬ ‫إذا‬ ‫وخاصة‬ ‫الخطف‬ ‫أو‬ ‫لية‬‫ز‬‫المن‬ ‫قات‬‫ر‬‫لس‬ ‫احيانا‬ ‫ع‬‫لموقو‬ ‫المستخدم‬ ‫يتعرض‬ ‫قد‬
‫ل‬‫ز‬‫من‬ ‫قابة‬‫ر‬ ‫يوجد‬ ‫ال‬‫و‬‫اقع‬‫و‬‫الم‬ ‫ىذه‬ ‫عمى‬ ‫التسجيل‬ ‫عند‬ ‫كافية‬ ‫ية‬
: ‫المولف‬ ‫مع‬ ‫التعامل‬
‫إٌشاء‬ ‫عٍد‬ ‫األوس‬ ‫لص‬ ‫إذا‬ ‫اخفائّا‬ ‫ٔاألفطن‬ ً‫املطتدد‬ ‫ختص‬ ‫ِاوة‬ ‫وعمٕوات‬ ٔ‫أ‬ ‫شدصٗة‬ ‫تفاصٗن‬ ‫ٔضع‬ ً‫عد‬
‫هلي‬ ‫الطىاح‬ ً‫ٔعد‬ ‫املٍصه‬ ‫قبن‬ َ‫و‬ ‫املطتددوني‬ ‫صغاز‬ ‫عمى‬ ‫ٔالسقابة‬ ‫وٍتدٖات‬ ٔ‫أ‬ ‫تٕاصن‬ ‫وٕاقع‬ ‫عمى‬ ‫صفحات‬
‫البٗاٌات‬ ‫بتٍأه‬‫املٕثٕقة‬ ‫لمىصادز‬ ‫فكط‬ ‫ٌٔشسِا‬ ‫اهلاوة‬ ‫الشدصٗة‬.
: ‫الرابع‬ ‫المولف‬
‫االجتماعى‬ ‫اصل‬‫و‬‫الت‬ ‫اقع‬‫و‬‫م‬ ‫عبر‬ ‫الثقافات‬‫و‬ ‫اء‬‫ر‬‫اال‬ ‫وتبادل‬ ‫التعارف‬ ‫بيدف‬ ‫يبة‬‫ر‬‫غ‬ ‫أشخاص‬ ‫مع‬ ‫التحدث‬
: ‫تحدث‬ ‫لد‬ ‫التى‬ ‫المشكلة‬
‫لموق‬ ‫ىذا‬ ‫يؤدى‬ ‫وقد‬ ‫الوىمية‬ ‫الشخصيات‬ ‫أصحاب‬ ‫وخاصة‬ ‫االشخاص‬ ‫بعض‬ ‫من‬ ‫الخداع‬ ‫بعض‬ ‫يحدث‬ ‫قد‬‫ع‬‫و‬
‫استغلليا‬‫و‬ ‫العائمية‬ ‫ار‬‫ر‬‫الس‬ ‫بعض‬ ‫عمى‬ ‫البعض‬ ‫اطلع‬‫و‬ ‫الموقف‬ ‫ة‬‫ر‬‫لخطو‬ ‫الحياتية‬ ‫لمشكلت‬ ‫من‬ ‫كثير‬ ‫فى‬

31. ::6;7966010alysun1973@yahoo.com
31
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
: ‫المولف‬ ‫مع‬ ‫التعامل‬
‫ٖتي‬ ُ‫ا‬ ‫البد‬ َ‫ٔلك‬ ‫االفساد‬ ‫بني‬ ‫ٔاالدتىاعٗات‬ ‫السٔابط‬ ‫شٖادة‬ ‫بّدف‬ ‫االدتىاعى‬ ‫التٕاصن‬ ‫وٕاقع‬ ‫أحد‬ ً‫اضتددا‬
ِ ‫ٔحتدٖد‬ ‫الشدص‬ ‫بٗاٌات‬ َ‫و‬ ‫التاكد‬ ‫وٍّا‬ ‫مبحاذٖري‬‫اشداص‬ ‫ع‬ ‫التعاون‬ ً‫عد‬ ‫ٔاالفطن‬ ‫الفعمٗة‬ ْ‫ٕٖت‬
‫وشرتكني‬ ‫اصدقاء‬ ‫ٍِاك‬ ُٕ‫ٖك‬ ُ‫ا‬ ُ‫االطىئٍا‬ ‫ٖسٖد‬ َ‫مل‬ ‫ٔكرلك‬ ‫حكٗكٗة‬ ‫ٔلٗطت‬ ‫حسكٗة‬ ‫امساء‬ ُٕ‫ٖطتددو‬
ْ‫وع‬ ‫التعاون‬ ‫قبن‬ ‫الشدص‬ ‫ِٕٖة‬ ‫صحة‬ َ‫و‬ ‫لمتاكد‬ ‫لمطسفني‬.
: ‫الخامس‬ ‫المولف‬
‫في‬ ‫ات‬‫ر‬‫استما‬ ‫استكمال‬ ‫يق‬‫ر‬‫ط‬ ‫عن‬ ‫الكترونيا‬ ‫الوظائف‬ ‫بعض‬ ‫فى‬ ‫التسجيل‬‫شخصيو‬ ‫وبيانات‬ ‫تفاصيل‬ ‫يا‬
: ‫تحدث‬ ‫لد‬ ‫التى‬ ‫المشكلة‬
‫لمجرد‬ ‫حقيقة‬ ‫غير‬ ‫وظائفف‬ ‫عن‬ ‫االعلن‬ ‫يق‬‫ر‬‫ط‬ ‫عن‬ ‫الوىمية‬ ‫الشركات‬ ‫بعض‬ ‫من‬ ‫الخداع‬ ‫بعض‬ ‫يحدث‬ ‫قد‬
‫العناصر‬ ‫اختيار‬‫و‬ ‫لممستخدمين‬ ‫بيانات‬ ‫قاعدة‬ ‫لعمل‬ ‫اتف‬‫و‬‫الي‬ ‫قام‬‫ر‬‫ا‬‫و‬ ‫الشخصية‬ ‫بياناتو‬ ‫وكتابة‬ ‫المستخدم‬ ‫دخول‬
‫االستف‬ ‫أو‬ ‫الستغلليا‬ ‫ة‬‫ز‬‫الممي‬‫معينة‬ ‫اض‬‫ر‬‫الغ‬ ‫منيا‬ ‫ادة‬
:‫المولف‬ ‫مع‬ ‫التعامل‬
َ‫و‬ ‫التاكد‬ ‫وجن‬ ‫مبحاذٖري‬ َ‫ٔلك‬ ‫ٔادتّد‬ ‫لمٕقت‬ ً‫ا‬‫تٕفري‬ ً‫ا‬ٗ‫عامل‬ ْٗ‫عم‬ ‫وتعازف‬ ‫اصبح‬ ً‫ٌظا‬ ً‫ا‬ٌٗٔ‫الغمكرت‬ ‫التكدٖي‬
‫ٔوعسفة‬ ‫ٔدٕدِا‬ َ‫و‬ ‫الفعمى‬ ‫التحكل‬ ‫طسٖل‬ َ‫ع‬ ‫ٔظائف‬ َ‫ع‬ ‫املعمٍة‬ َ‫االواك‬ ٔ‫أ‬ ‫فعال‬ ‫الشسكاات‬ ٓ‫ِر‬ ‫ٔدٕد‬
‫الفعمى‬ ‫ٔاالتصاه‬ ‫عٍٕاٌّا‬‫وع‬ ‫التعاون‬ ‫ٖٔفطن‬ ‫فعمٗة‬ ‫لٕظائف‬ ‫التكدٖي‬ َ‫ع‬ ‫اعالٌّي‬ َ‫و‬ ‫ٔالتكد‬ ‫وعّي‬ ‫ٔاملباشس‬
‫السمسٗة‬ ٔ‫أ‬ ‫اذتكٕوٗة‬ ‫املؤضطات‬.
‫اآل‬ ‫لالستخدام‬ ‫يامة‬ ‫ارشادات‬‫مو‬‫لإلنرتنت‬
1
2
3
4
5
6
7
8
9
11

32. ::6;7966010alysun1973@yahoo.com
32
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫المعنى‬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

33. ::6;7966010alysun1973@yahoo.com
33
‫انًمذيخ‬ ٙ‫ف‬ ً‫ب‬ً‫دائ‬ ‫أَذ‬
‫ي‬‫ل‬‫ع‬‫د‬‫م‬‫ح‬‫م‬
‫ي‬‫ل‬‫ع‬
‫ٔانزذسٚجبد‬ ‫االسئهخ‬
: ‫التالٗة‬ ‫العبازات‬ ‫أكىن‬ : ‫االٔه‬ ‫الطؤاه‬
1
2
3
4
5Web Blog
: ‫عٍد‬ ْ‫تفعم‬ ‫الرى‬ ‫وا‬ : ‫الجاٌى‬ ‫الطؤاه‬
1
2
: ‫ارتطأ‬ ‫العبازة‬ ً‫أوا‬ ‫خطأ‬ ‫ٔكمىة‬ ‫الصحٗحة‬ ‫العبازة‬ ً‫اوا‬ ‫صح‬ ‫كمىة‬ ‫أكتب‬ : ‫الجالح‬ ‫الطؤاه‬
1
2
3
4