‫‪1‬‬

‫الحظ أن أسئلة االمتحان في ‪ 5‬صفحات‬ ‫نموذج ‪1‬‬

‫‪1‬‬ ‫‪1‬‬
‫إدارة االمتحانات ‪ /‬قسم االمتحانات المركزية‬
‫امتحان نهاية الفصل األول للتعليم الثانوية للعام الدراسي ‪2023-2022‬م‬

‫توحيدالمسارات ‪ /‬الديني‬ ‫المسار‬ ‫تصميم صفحات الويب الديناميكية‬ ‫اسم المقرر‬

‫ساعتان‬ ‫الزمن‬ ‫تقن‪105‬‬ ‫رمز المقرر‬

‫‪Martial arts gym‬‬

‫مالحظات مهمة قبل البدء‬

‫‪:\DEC2022-105\root\taekwondo‬‬ ‫موقع ملفات‬
‫االمتحان‬
‫هذه العالمة تذكرك بحفظ عملك‬
‫هذه العالمة تعني أن عليك استدعاء المعلم‬
‫المجموع‬ ‫حفظ الملفات‬ ‫فتح وإغالق الملفات‬ ‫بدء العمل‬ ‫الدرجات المسندة‬
‫للطالب في‬
‫‪ 5‬درجات‬ ‫‪ 2‬درجة‬ ‫‪ 2‬درجة‬ ‫‪ 1‬درجة‬ ‫المهارات اآلتية‪:‬‬

‫أوالً‪ :‬بدء العمل‬

‫المطلوب‬
‫وتأكد من عمل الخادمين ‪ Apache‬و ‪.MySql‬‬ ‫شغل برنامج ‪ Usbwebserver‬من المجلد ‪:\DEC2022-105‬‬
‫شغل برنام ًجا لتحرير ملفات الويب (‪ Flash Develop‬او ‪.)Komodo Edit‬‬

‫ثانيا‪ 45 ( HTML-CSS :‬درجة)‬

‫المعطى‬
‫‪#container‬‬
‫‪#up‬‬ ‫‪#gyms‬‬ ‫مخطط صفحة الويب‬
‫‪Index.html‬‬

‫‪#info1‬‬ ‫‪#info2‬‬

‫‪#down‬‬

‫مشروع ‪martial arts gym‬‬ ‫امتحان نهاية الفصل األول‪ -‬العام الدراسي ‪2023-2022‬م‬
 ‫‪2‬‬
‫الحظ أن أسئلة االمتحان في ‪ 5‬صفحات‬ ‫نموذج ‪1‬‬

‫‪1‬‬ ‫‪1‬‬

‫المطلوب‬

‫افتح الملفات‬
‫‪gym.css‬‬ ‫‪Index.html‬‬
‫اآلتية‬
‫‪ -1‬اكتب اسمك ورقمك ضمن عالمة‬
‫***********************************************‬ ‫>‪.<title></title‬‬

‫ضمن مقطع ‪:container‬‬

‫***********************************************‬
‫‪ -2‬ادرج المقطع المظلل في مخطط صفحة الويب‬
‫وعرفه باسم ‪ gym‬ضمن الخاصيّة ‪ ،id‬بحيث يضم‬
‫بداخله الجدول المعرف ‪.options‬‬
‫ضمن المقطع ‪:up‬‬
‫‪ -4‬عدل تنسيق المقطع ‪: up‬‬
‫• الحدود ‪ :‬النمط ‪ solid‬اللون ‪.maroon‬‬ ‫‪-3‬أدرج الصورة ‪ Taekwondo.png‬من‬
‫المجلد ‪ images‬المتفرع من مجلد المشروع‪.‬‬
‫‪ -6‬أدرج تنسيق عالمة رأس الجدول‪ ،‬عند مرور مؤشر الفأرة عليها‬ ‫ضمن الصف الرابع من الجدول ‪: options‬‬
‫)‪ (hover‬كاآلتي‪:‬‬
‫• لون الخلفية ‪lightbule :‬‬ ‫‪ -5‬أجعل النص ‪ blue belt‬يظهر كخلية رأس‬
‫لون الخط ‪blue:‬‬ ‫جدول‪.‬‬
‫ضمن المقطع ‪:info1‬‬

‫‪ -10‬ادرج تنسيق عالمة العنوان من المستوى الرابع كاآلتي‪:‬‬ ‫‪ -7‬أجعل العبارة ‪ Links‬عنوانًا من المستوى الرابع‪.‬‬
‫• محاذاة النص‪ :‬وسط ‪center‬‬
‫‪ -8‬أدرج النص ‪ Delete a member‬أسفل الرابط‬
‫‪ Add a member‬واجعله راب ً‬
‫طا الى ملف‬
‫‪ -11‬عدل تنسيق المقطع ‪ info1‬كاآلتي‪:‬‬ ‫‪.deleteform.html‬‬
‫• تباعد األسطر=‪1.5‬‬
‫‪ -9‬ادرج الخاصية المناسبة للرابط ‪Select a‬‬
‫‪ member‬ليفتح ضمن اإلطار المسمى ‪.cond‬‬
‫ضمن المقطع ‪:down‬‬

‫************************************************‬ ‫‪ -12‬اجعل النص من ‪ Taekwondo‬الى ‪and‬‬

‫‪ fast kicking techniques‬يبدو كفقرة‪.‬‬

‫‪-13‬أجعل ‪Taekwondo martial arts‬‬

‫‪ characterized‬في سطر منفصل‪.‬‬

‫‪ -15‬ادرج تنسيقات للفئة التنسيق ‪ fat‬كاآلتي‪:‬‬ ‫‪ -14‬وظف فئة التنسيق ‪ fat‬لتنسيق المقطعين ‪ up‬و‬
‫• الهامش الداخلي‪5px :‬‬ ‫‪. down‬‬
‫‪ -16‬أغلق الملفات بعد حفظ التعديالت‪.‬‬

‫مشروع ‪martial arts gym‬‬ ‫امتحان نهاية الفصل األول‪ -‬العام الدراسي ‪2023-2022‬م‬
 ‫‪3‬‬
‫الحظ أن أسئلة االمتحان في ‪ 5‬صفحات‬ ‫نموذج ‪1‬‬

‫‪1‬‬ ‫‪1‬‬
‫ثالثًا‪ :‬النماذج ‪ 23.5( Forms‬درجة )‬
‫المطلوب‬
‫افتح الملف‬
‫‪UpdateForm.html‬‬ ‫اآلتي ‪:‬‬

‫‪ -1‬أكمل الخاصية الناقصة في جملة >‪ ، <link‬لربط الملف ‪ UpdateForm.html‬بملف التنسيق ‪.myformat.css‬‬ ‫نقذ التعليمات‬
‫‪ -2‬أدرج الخصائص اآلتية للنموذج ‪:form‬‬ ‫اآلتية ‪:‬‬
‫• الملف المستدعى‪UpdateQuery.php :‬‬
‫• طريقة إرسال البيانات‪get:‬‬

‫‪ -3‬أكمل مكونات النموذج ليكون كاآلتي ‪:‬‬

‫تسمية مربع النص‬

‫‪Enter id_member:‬‬

‫‪Enter new belt color:‬‬

‫‪ -‬مربع النص يحتوي بيانات رقمية‬
‫‪Update‬‬ ‫‪ -‬اسم مربع النص = ‪id_member‬‬
‫‪ -‬مربع النص يحتوي بيانات نصية‬
‫زر ارسال البيانات‬
‫‪ -‬اسم مربع النص = ‪belt_color‬‬

‫راب ًعا‪ 26.5( PHP :‬درجة )‬

‫‪- PHP‬استعراض قاعدة البيانات ‪taekwondo‬‬

‫جملة االتصال بقاعدة البيانات‪:‬‬
‫;) "‪$con = mysqli_connect("localhost","root","usbw"," taekwondo‬‬

‫تتكون قاعدة البيانات من جدول وحيد باسم ‪ subscription‬يضم الحقول اآلتية‪:‬‬

‫وصف الحقل‬ ‫نوع البيانات‬ ‫اسم الحقل‬ ‫الرقم‬
‫رقم اإلشتراك للعضو‬ ‫رقمي‬ ‫‪id_member‬‬ ‫‪1‬‬ ‫المعطى‬
‫األسم الكامل للعضو‬ ‫نصي‬ ‫‪full_name‬‬ ‫‪2‬‬
‫تاريخ التسجيل العضوية‬ ‫تاريخ‬ ‫‪r_date‬‬ ‫‪3‬‬
‫مدينة العضو‬ ‫نصي‬ ‫‪city‬‬ ‫‪4‬‬
‫لون الحزام الذي يحصل عليه العضو‬ ‫نصي‬ ‫‪belt_color‬‬ ‫‪5‬‬

‫مشروع ‪martial arts gym‬‬ ‫امتحان نهاية الفصل األول‪ -‬العام الدراسي ‪2023-2022‬م‬
 ‫‪4‬‬
‫الحظ أن أسئلة االمتحان في ‪ 5‬صفحات‬ ‫نموذج ‪1‬‬

‫‪1‬‬ ‫‪1‬‬
‫‪ -PHP‬السؤال األول‪ :‬إدراج سجل في جدول ‪subscription‬‬
‫‪InserteQuery.php‬‬ ‫افتح الملف اآلتي ‪:‬‬
‫)ملف إدراج سجل ‪ ،‬مرتبط بالنموذج ‪(InsertForm.html‬‬

‫‪-1‬أكمل جملة االستعالم بالمتغيرات المناسبة إلدراج سجل جديد ضمن الجدول ‪ subscription‬يتضمن الحقول اآلتية‪:‬‬ ‫المطلوب‬
‫)‪(id_member/ city/ belt_color‬‬

‫‪ -PHP‬السؤال الثاني‪ :‬تحديد سجل في جدول ‪subscription‬‬

‫المطلوب‬
‫‪SelectQuery.php‬‬ ‫افتح الملف اآلتي ‪:‬‬
‫)ملف تحديد سجل ‪ ،‬مرتبط بالنموذج ‪(SelectForm.html‬‬
‫‪ -2‬أكمل جملة االستعالم بالمغيرات المناسبة لعرض جميع الحقول لسجالت األعضاء الذين يمتلكون حزا ًما بلون محدد‪.‬‬ ‫نفذ التعليمات اآلتية‪:‬‬

‫‪ -3‬استبدل الرموز ؟؟؟ بالدالة و المتغير المناسبين للجملة التكرارية ‪.while‬‬

‫‪ -4‬اعرض ضمن الجدول‪ ،‬الحقلين ( األول والثالث)‪.‬‬

‫‪ -5‬أكمل الشرط للجملة الشرطية كاآلتي‪ :‬حقل ‪Manama =city‬‬

‫• إذا تحقق الشرط‪ :‬اعرض الحقل ‪ city‬ضمن الجدول مع تنسيق لون الخط باألحمر ‪.red‬‬
‫• إذا لم يتحقق الشرط‪ :‬اعرض الحقل ‪ city‬كباقي الحقول‪.‬‬

‫احفظ التعديالت ثم أغلق الملفات‪.‬‬ ‫•‬

‫سا‪ :‬تحقق من عملك‬

‫خام ً‬
‫‪ -6‬لتحميل الموقع من خالل الخادم والتحقق من إنجازك أدخل من خالل شريط العنوان للمتصفح‪ ،‬الرابط اآلتي‪:‬‬ ‫المعطى‬
‫‪localhost:8080/taekwondo‬‬

‫باإلمكان استخدام بيانات‬

‫السجالت اآلتية للتأكد من‬
‫صحة عملك‬

‫تأكد من حفظ جميع التعديالت‪ ،‬استدع المعلم‪ ،‬ثم أغلق ملفات المشروع‬
‫‪-‬أنتهت األسئلة‪ ،‬مع تمنياتنا لكم بالتوفيق والنجاح‪-‬‬

‫مشروع ‪martial arts gym‬‬ ‫امتحان نهاية الفصل األول‪ -‬العام الدراسي ‪2023-2022‬م‬
 ‫‪5‬‬
‫الحظ أن أسئلة االمتحان في ‪ 5‬صفحات‬ ‫نموذج ‪1‬‬

‫‪1‬‬ ‫‪1‬‬
‫المرفقات‬

‫‪CSS‬‬
‫‪height‬‬ ‫االرتفاع‬ ‫‪Color‬‬ ‫لون الخط‬

‫‪Width‬‬ ‫العرض‬ ‫‪Font-size‬‬ ‫حجم الخط‬

‫‪Line-height‬‬ ‫تباعد األسطر‬ ‫‪Font-style‬‬ ‫نمط الخط‬

‫‪Text-align‬‬ ‫محاذاة النص‬ ‫‪Font-family‬‬ ‫نوع الخط‬

‫‪Font-weight‬‬ ‫سمك الخط‬ ‫‪Border‬‬ ‫الحدود‬

‫الهوامش الخارجية (من جميع‬
‫)‪Margin(for all sides‬‬
‫الجهات)‬
‫‪Margin-side‬‬ ‫‪Background-color‬‬ ‫لون الخلفية‬
‫الهامش من جهة محددة‬
‫)‪Side=(top|bottom|left|right‬‬
‫(أعلى|أسفل|يسار|يمين)‬
‫الهوامش الداخلية (من جميع‬
‫)‪padding(for all sides‬‬
‫الجهات)‬
‫‪padding-side‬‬ ‫‪display‬‬ ‫طريقة عرض الكائن‬
‫الهامش من جهة محددة‬
‫)‪side==(top|bottom|left|right‬‬
‫(أعلى|أسفل|يسار|يمين)‬

‫>”;‪<TagName style=”property:value‬‬ ‫التنسيق بطريقة ‪ In-line CSS‬ضمن عالمة ‪HTML‬‬

‫‪PHP‬‬
‫;”‪echo”massege‬‬ ‫دالة الطباعة على الشاشة‬

‫)‪Mysqli_Query(connection_var,query_var‬‬ ‫دالة التنفيذ االستعالم‬

‫)‪Mysqli_affected_rows(connection_var‬‬ ‫دالة حساب عدد السجالت المتأثرة باالستعالم‬

‫)‪Mysqli_close(connection_var‬‬ ‫دالة إغالق االتصال بقاعدة البيانات‬

‫)‪Mysqli_fetch_array(result_var‬‬ ‫دالة االنتقال الى السجل التالي‬

‫;’]‪FildName=’$_REQUEST[TextBoxtName‬‬ ‫لقراءة قيمة محتوى مربع النص‬

‫”>’;‪echo”<TagName style=’property:value‬‬ ‫‪Line CSS syntax in php file‬‬

‫مشروع ‪martial arts gym‬‬ ‫امتحان نهاية الفصل األول‪ -‬العام الدراسي ‪2023-2022‬م‬