تتناول الوثيقة تصميم وبناء نماذج تفاعلية باستخدام لغة HTML، حيث تشرح كيفية استخدام عناصر الإدخال المختلفة مثل أزرار الاختيار وأزرار الإرسال. توضح الوثيقة أيضًا خصائص النماذج وكيفية معالجة البيانات المدخلة من المستخدم. بالإضافة إلى ذلك، تناقش الوثيقة الأساليب المختلفة لإرسال البيانات إلى السيرفر.

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