‫كتاب األنشطة والتدريبات العملية‬

‫تكنولوجيا المعلومات واالتصاالت‬

‫(تصميم مواقع الويب وتطبيقات الموبايل)‬

‫الصف الثاني الثانوي‬

‫‪2016/2015‬‬
 ‫كتاب األنشطة والتدريبات العملية‬
‫تكنولوجيا المعلومات واالتصاالت‬
‫(تصميم مواقع الويب وتطبيقات الموبايل)‬
‫الصف الثاني الثانوي‬
‫إعـداد‬
‫أ‪ /‬أحمد عبد هللا منصور‬ ‫د‪ /‬طاهر عبد الحميد العدلي‬
‫خبير كمبيوتر بالكمبيوتر التعليمي‬ ‫مركز تطوير المناهج والمواد التعليمية‬

‫أ‪ /‬أحمد األنصاري السالموني‬ ‫أ‪ /‬محمد يوسف الصادق يوسف‬

‫خبير كمبيوتر بالكمبيوتر التعليمي‬ ‫خبير كمبيوتر بالكمبيوتر التعليمي‬

‫مراجعة تربوية‬
‫د‪ /‬روجينا محمد حجازي‬
‫مركز تطوير المناهج‬

‫مراجعة علمية‬
‫أ‪ /‬ماشاء هللا محمد محمد‬
‫مدير عام اإلدارة العامة للكمبيوتر التعليمي‬
‫أ‪.‬د‪/‬محمد فهمي طلبة‬
‫قسم الحسابات العلمية بكلية الحاسبات والمعلومات ونائب رئيس جامعة عين شمس األسبق‬

‫‪2016/2015‬‬
 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫مقدمة الكتاب‬

‫عزيزي الطالب‬
‫عملبرم م وا ععرمل وما ععرمح ععلمد ععممة اع ع م ععًم‬
‫نتك ععرم متً ا ععنملي ع و‬
‫تنب ععهمية ا ععممة بن ك ععمم ععًم لنت ععرم و‬
‫ة ش التمحلمة قنًمة در يملة شناًمة ذيماطمقم ماممة صنمة نق عل مل لنتعرمي ةلم تطعلانم ًعن ةتم‬
‫ةذةمة صن‪.‬‬

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

‫تدقاقمةألة ة مة ر مملةألة ة مة لرصمم م ر لمحلمضلءمل اقممة نتومب رمحاترم ًم راانمل ؤش ةنتم‬
‫ملذ كم ًملالممبنرءمة نتوم م مي ر ارتمة نحممة ربقمملتن امم ترنةتمة ت مممة عذةتلم‬ ‫تذةمة ص‬
‫ًمطناقمتطباقمة تنةتاكاممة عت ممم عًملعالممة شعنل رت ملةعلمادع رمةي عتنةتاكارتمة تنبلاعممة تعلم‬
‫مل رتم ًم صر نم تنل ممل ر كتتعرملة عتل ة ترم‬ ‫تن لمة ترنةتم رمة ت م اًم ًمطناقمك همة‬
‫حلمدممة ش التم ًملالمم ممة ًناقمة لةد ‪.‬‬

‫لات ععلًم دتععلرمة تععرتمةن تنلنععلمة تًععر ملم ععًم ع لم لضععل رتمتت ر ععممحا ععرمبانتععرم تدقاععقم‬
‫تمكمةألة ة مة نكعلل مداعيماتنعرلممة تعرتمينبعهم لضعل رتمي ر عاممةعل مانشعرءم لقعهملاعتمتًعر ملم‬
‫ت ر مم ًملالمم غممة تن ازم‪HTML‬ميلم ًملالممادع رمة تطباقعرت ملةنشعرءمقر ع لمبارنعرتملنبطتعرم‬
‫بر لقهمبرنضرحممنكنةءم ر كمم م مة بارنرتمة تلماتمم نضترم م مصًدرتمة لقعهمل عرماتب عنم عًم‬
‫تعث انمحعلمة بارنعرتمة لزنعممحعلممقر ع لمة بارنعرتم عًملعالمم عل م‪ Script‬مل عممذ عكم عًملعالمم غععرتم‬
‫بن كمم ًتلدممة ص نملب ةن وم كرنام مبث ملتماتاحم م ت مممحتحمآحرقورمك ا لملندبنمتضع نم مع مي ملمم‬
‫طناقمتلظا م رماقلممب ةن تنمحلمدارتنمة م امملة مام‪.‬‬

‫لق متممتلحانمة ل مبر ر مم م ت مممننشرءمصًدرتمة لقهمبدايما لًمة تن ازم م مة ت رتم‬

‫رن ملة ترنةتم ةأل ر اممبعر مغتاًمة نباعمملةننكمازاعممليًما علًمتن اعزمة عت ممم مع محتعمملتطعلانم‬ ‫ة‬
‫تبععرتميلم ععًملععالممةننتننععت م ععرماتض ع ًم‬ ‫ييم ععل ملاطععلنم تر ةنتععنمحععلمة بدععيملة تقصععلم نتععرمبر‬
‫ععمملتب ععاطم‬ ‫علنةم ععًملةكتععرتمة تطباععقمة ً ماععممة نًععذلم م شععنلوم تلضععاحمك اععهملط علةتمة‬
‫ة تععرتمصع و‬
‫ة ًرةامم رمة ت م اًمل ممذ كم ًملالممينشطمملت نابرتم مام‪.‬‬

‫يلانةمحإًمةذةمة ترتمادنصم م متن اممة ترنةتمةأل ر امم ع رمة طعالتم عًملعالممقضعرارم‬ ‫ل و‬

‫اتممحنصععرما بععنلةم ععًملال تععرم ععًماب ع ة رتتممل تلضععاحمية اععممة باععلتنملت نل لكاععرم‬
‫و‬ ‫دارتاععمم ا ععلًم ع‬
‫مل رتمبر تبرنةرمكزوءم ًمدارتتممة ال ام‪.‬‬ ‫ة‬

‫المؤلفون‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 2‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫محتوى الكتاب‬
‫رقم الصفحة‬ ‫الموضوع‬
‫الفصل األول‪ :‬أساسيات إنشاء موقع ويب‬
‫مقدمة‬
‫مفاهيم ومصطلحات أساسية‬
‫مقدمة عن موقع "قاموس مصطلحات الكمبيوتر المصور"‬
‫ًأوال‪ :‬تهيئة البيئة المناسبة إلنشاء الموقع‬
‫ثانيا‪ :‬إنشاء قاعدة بيانات‬
‫ً‬
‫ثالثًا‪ :‬كيفية إنشاء موقع ويب‬
‫ابعا‪ :‬كيفية جعل صفحة الويب ديناميكية "‪"Dynamic Web Pages‬‬
‫ر ً‬
‫خامسا‪ :‬استخدام أحد مستعرضات اإلنترنت‬
‫ً‬
‫إعداد جهاز الكمبيوتر الشخصي ‪ PC‬ليقوم بدور جهاز الخادم ‪Server‬‬
‫الفصل الثاني‪ :‬مراحل ومتطلبات إنتاج مشروع "قاموس مصطلحات الكمبيوتر المصور"‬
‫المرحلة األولى‪ :‬مرحلة التصميم‬
‫المرحلة الثانية‪ :‬إنشاء جداول قاعدة البيانات‬
‫المرحلة الثالثة‪ :‬مرحلة إنشاء صفحات الموقع‬
‫لغة الترميز ‪"Hyper Text Markup Language" HTML‬‬
‫إنشاء صفحة االتصال بقاعدة البيانات ‪Connection.php‬‬
‫المتغيرات والثوابت في لغة ‪PHP‬‬
‫إنشاء صفحة "‪"Header.php‬‬
‫جملة الشرط ‪IF Condition‬‬
‫الفصل الثالث‪ :‬إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور"‬
‫إنشاء صفحة إدخال مصطلح ‪Input_Term‬‬
‫إنشاء صفحة البحث عن مصطلح ‪Search‬‬
‫إنشاء صفحة حذف مصطلح ‪Delete‬‬
‫إنشاء صفحة تعديل بيانات مصطلح ‪Edit‬‬
‫إنشاء صفحة المساعدة ‪Help‬‬
‫الفصل الرابع‪ :‬تأمين موقع ويب ‪Secure Web Site‬‬
‫مفهوم االختراق ‪.Concept of Penetration‬‬ ‫‪‬‬
‫طرق حماية مواقع الويب‪.‬‬ ‫‪‬‬
‫بعض إرشادات تأمين موقع الويب‪.‬‬ ‫‪‬‬
‫أنشاء صفحة تسجيل مستخدم جديد‪.‬‬ ‫‪‬‬
‫وظيفة النموذج ‪.Form‬‬ ‫‪‬‬
‫الفرق بين ‪ Post‬و ‪.Get‬‬ ‫‪‬‬
‫مفهوم الجلسة ‪.Session‬‬ ‫‪‬‬
‫التحقق من صحة ‪ validation‬البيانات المدخلة‪.‬‬ ‫‪‬‬
‫تشفير كلمة المرور‪.‬‬ ‫‪‬‬
‫إنشاء صفحة تسجيل دخول ‪.login‬‬ ‫‪‬‬
‫تأمين قاعدة البيانات ‪.MYSQL‬‬ ‫‪‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 3‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫م‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 4‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫تدريب‪" :‬مفاهيم أساسية"‬

‫تعرضنا لبعض المفاايم االمطاحاتاا المامال الة مال لاتعاماق ماة ااباان البمانااا لطافتل اما‬
‫امعالجل بعض متتاماتما‪.‬‬

‫المطلوب‪ :‬اختر اإلجابل الطتمتل لكق ببارن مما ماي‪:‬‬

‫البرامج التي مَسمح مالكما لاجممة باستخاامما محاق بامما‪:‬‬ ‫(‪)1‬‬

‫ج‪Copy Write -‬‬ ‫ب‪Open Source -‬‬ ‫أ‪Free Ware -‬‬
‫الباارامج التااي تنياار امساامح لامسااتخاممل باااوحةا باااب الكاااا الخااا بمااا اتعاما ا ‪،‬‬ ‫(‪)2‬‬
‫محاق بامما‪:‬‬
‫ج‪Copy Write -‬‬ ‫ب‪Open Source -‬‬ ‫أ‪Free Ware -‬‬
‫طفتل الام التي تعرض بعض المعااماا امظمر بما بناال متترك مل الممامل إلاب‬ ‫(‪)3‬‬
‫المسار باب طفتل مستعرض اإلنترنا تعتبر‪:‬‬
‫أ‪ Dynamic Web Page -‬ب‪ Static Web Page -‬ج‪www -‬‬
‫طفتل الام التي ممكل مل خةلما برض بمانااا‪ ،‬امسامح لامساتخا بتعااماما اتفاظ‬ ‫(‪)4‬‬
‫البماناا المعالل محاق بامما طفتل‪:‬‬
‫ج‪Home Page -‬‬ ‫ب‪Dynamic -‬‬ ‫أ‪Static -‬‬
‫كود الـ ‪ Script‬الذي يستخدم في معالجة بعض البيانات على صفحة الويب ينفذ في‪:‬‬ ‫(‪)5‬‬
‫أ‪ -‬جهاز الخادم ال ُمخزن عليه الموقع فقط ب‪ -‬مستعرض اإلنترنت فقط ج‪ -‬ك ٍل منهما‬
‫مكت كاا ‪ Script‬باغاا كثمرن مل أيمريا‪:‬‬ ‫(‪)6‬‬
‫ج‪PHP -‬‬ ‫ب‪HTML -‬‬ ‫أ‪C# -‬‬
‫طفتل الام التي تحا منك إاخاق اس المستخا اكامل المرار‪ ،‬تعني أن ‪:‬‬ ‫(‪)7‬‬
‫أ‪-‬ال يتم إجراء معالجة لبياناتها ب‪ -‬صفحة ‪ Static Web Page‬ج‪-‬تتعامل مع ‪Database‬‬
‫مطحاح ‪ Server‬ميمر إلب جما الكمبماتر‪:‬‬ ‫(‪)8‬‬
‫أ‪ -‬ذو المواصفات الفنية األعلى عن باقي أجهزة الشبكة‪.‬‬
‫ب‪ -‬األكبر حج ًما في الشبكة‪.‬‬
‫ج‪ -‬المتصل بشبكة اإلنترنت‪.‬‬
‫المطحاح ‪ Server‬ممكل أل ميمر إلب‪:‬‬ ‫(‪)9‬‬
‫أ‪ -‬جهاز الكمبيوتر األقل في المواصفات الفنية‪.‬‬
‫ب‪ -‬الدور الذي يقوم به جهاز الكمبيوتر في شبكة الكمبيوتر‪.‬‬
‫ج‪ -‬جهاز الكمبيوتر الموجود لدى المدير العام‪.‬‬
‫جما الكمبماتر الذي مخ ل بام مااة ام محاق بام ‪:‬‬ ‫(‪)10‬‬
‫ب‪ Mail Server -‬ج‪Web Server -‬‬ ‫أ‪Database Server -‬‬
‫جما الكمبماتر الذي مخ ل بام البرما اإللكتراني ليركل ما محاق بام ‪:‬‬ ‫(‪)11‬‬
‫ب‪ Mail Server -‬ج‪Web Server -‬‬ ‫أ‪Database Server -‬‬
‫تستخا لغل الترمم ‪ HTML‬في إنياء‪:‬‬ ‫(‪)12‬‬
‫أ‪ Dynamic Web Page -‬ب‪ Static Web Page -‬ج‪PHP Page -‬‬
‫طفتاا الام التي تتمق امتااا ‪ .PHP‬تعني أن مت تنفمذ كاا ‪ PHP‬باب‪:‬‬ ‫(‪)13‬‬
‫ج‪ -‬جهاز الخادم ‪Server‬‬ ‫ب‪ -‬جهاز العميل ‪Client‬‬ ‫أ‪ -‬مستعرض اإلنترنت‬
‫الصف الثاني الثانوي‬ ‫(‪)52 - 5‬‬
 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫(‪ )14‬مطحاح ‪ Publishing web Site‬معني‪:‬‬
‫أ‪ -‬نشر موقع على اإلنترنت‪.‬‬
‫ب‪ -‬نشر صفحات موقع على جهاز كمبيوتر في شبكة كمبيوتر ‪.LAN‬‬
‫ج‪ -‬نشر صفحات موقع على اإلنترنت أو على جهاز كمبيوتر في شبكة‪.‬‬
‫(‪ )15‬ااما إتاى اليركاا بإنياء مااة خا بما إلاارن أبمالماا انيارت لجمماة ماظفمماا‬
‫فقح‪ ،‬فإل يذا المااة معتبر‪:‬‬
‫ج‪Host -‬‬ ‫ب‪Hosting Web Site -‬‬ ‫أ‪Local Host -‬‬
‫(‪ )16‬العناااال التااالي اتااا الماااااة الخااا بيااركل مااا‪ ،http://homepage.htm :‬ماال‬
‫اراءتك لاعناال السابق نجا أل يذا المااة ت نيره‪:‬‬
‫أ‪ -‬محل ًيا ‪ Local Host‬ب‪ -‬على اإلنترنت ‪ Publishing web Site‬ج‪ -‬محل ًيا وعلى اإلنترنت‪.‬‬
‫(‪ )17‬العنااااال التاااالي اتاااا المااااااة الخاااا بياااركل ماااا‪ ،http:\\homepage.htm :‬مااال‬
‫اراءتك لاعناال السابق نجا أل يذا المااة ت نيره‪:‬‬
‫أ‪ -‬محليًا ‪ Local Host‬ب‪ -‬على اإلنترنت ‪ Publishing web Site‬ج‪ -‬محليًا وعلى اإلنترنت‪.‬‬
‫(‪ )18‬يناك العاما مل البرامج المجانمل الخاطل بنظ إاارن ااابا البماناا العةئقمل منما‪:‬‬
‫ج‪Access -‬‬ ‫ب‪SQL -‬‬ ‫أ‪My SQL -‬‬
‫(‪ )19‬لغل البرمجل التي تستخا في التعامق مة البماناا المخ نل في ااابا البماناا يي‪:‬‬
‫ج‪Access -‬‬ ‫ب‪Oracle -‬‬ ‫أ‪SQL -‬‬
‫(‪ )20‬أتا الحرائق التي تستخا في نقق البماناا مل طفتل ام إلب أخرى االتي متمح فمماا‬
‫محار المااة لامستخا مارت لبعض طفتاا المااة أا كاما‪ ،‬محاق بامما‪:‬‬
‫ج‪Session -‬‬ ‫ب‪User Name -‬‬ ‫أ‪Password -‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 6‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫التدريب العملي األول‪" :‬تنصيب برنامج ‪"Xampp‬‬

‫الهدف من التدريب‪ :‬إبااا جما الكمبماتر لمطبح جما ‪.Server‬‬
‫متتاج محاري البرامج بنا إنياء مااة ام إلب تجربل المااة االتأكا مل طتت متاماا اباق‬
‫نيره باب اإلنترنا‪ ،‬لذا نتتاج إلب تممئل جما مقاا بااار جماا الخااا ‪ Server‬بتما مطااح‬
‫وستضافل المااة‪ ،‬باستخاا برنامج مثق ‪.Xampp‬‬
‫المحاا ‪ :‬تنطم برنامج ‪ Xampp‬تتا إيراف معامك‪:‬‬

‫معتبر برنامج ‪ Xampp‬مل أفضق برامج إبااا جما الكمبماتر "‪ ،"Local Host‬فما متس‬
‫بالساامالل االقااارن باااب التعامااق مااة ااابااا البماناااا ‪ ،MYSQL‬ممكاال ماال خااةق البت ا فااي‬
‫اإلنترنا التطاق باب نسخل مل برنامج ‪ Xampp‬اتنطمب كما متضح في الخحااا التالمل‪:‬‬
‫‪ ‬اضغح ‪ D-Click‬باب الماف ‪xampp-win32-5.6.3-0-VC11-installer.exe‬‬
‫‪ ‬ابعا ظمار اليايل التالمل‪:‬‬

‫(يكق ‪)1‬‬
‫تابة خحااا تنطم البرنامج مل خةق ياياا المعالج التالمل‪:‬‬

‫‪ ‬برض "يايل ترتم "‪ ،‬ث اضغح باب ر "‪."Next‬‬

‫‪ ‬يايل اختمار "مكاناا البرنامج"‪ ،‬ا باتتماريا جممعا اخاطل ‪ Apache‬و ‪،MYSQL‬‬
‫ث اضغح ر "‪."Next‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 7‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫‪ ‬يايل تتاما المجاا الذي سمت تنطم البرنامج فم ‪ ،‬ث اضغح ر "‪."Next‬‬

‫‪ ‬يايل تؤكا باب أل البرناامج مجااني امااب بعاض البارامج مفتاتال المطاار ماة إمكانمال‬
‫تعا الم ما بل برنامج ‪ ،Xampp‬ث اضغح ر "‪."Next‬‬

‫برناامج ‪ ،Xampp‬انتظار تتاب نمامال التنطام ‪ ،‬ثا اضاغح ر‬ ‫‪ ‬يايل باء بمامل تنطم‬
‫"‪."Next‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 8‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫‪ ‬آخر يايل تنطم البرنامج‪ ،‬اختر الاخاق باب لاتل التتك الخاطل ببرنامج ‪،Xampp‬‬
‫ث اضغح ر "‪."Finsh‬‬

‫‪ ‬في يايل لاتل الاتتك لبرناامج ‪ Xampp‬تأكاا مال اختماار ‪ Apache‬ااضاغح بااب ر‬
‫"‪ "Start‬اسفق "‪ ،"Actions‬انفس اليئ مة ‪.MYSQL‬‬

‫‪ ‬أخماارا لاتأكااا ماال طااتل تنطاام برنااامج ‪ ،Xampp‬تمااق برنااامج مسااتعرض اإلنترنااا‬
‫المتاح بااب جماا ك‪ ،‬ثا اكتا فاي يارمح العنااال ‪ Localhost‬ااضاغح مفتااح اإلاخااق‬
‫"‪ ،"Enter‬فتظمر اليايل التالمل‪:‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 9‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫مالحظةةةةةةةةة‪ :‬نتتاااااااااج أمضااااااااا إلااااااااب تحبمااااااااق مسااااااااابانا فااااااااي إنياااااااااء طاااااااافتاا مااااااااااة‬
‫"ااااماس مطااحاتاا الكمبماااتر المطااار"‪ ،‬اممكاال تاظمااف خبرتااك ابمسااابان معامااك تنطاام‬
‫برنامج ‪.Expression Web‬‬

‫باك جماا خااا‬ ‫بعا تنطم برنامج ‪ Xampp‬أطبح جما الكمبماتر اليخطاي الخاا‬
‫"‪ ،"Local Host‬اابنا نؤكا باب ما ماي‪:‬‬

‫إنيااااء ماااااة "اااااماس مطاااحاتاا الكمبمااااتر المطاااار" متتااااج إلاااب تحبماااق مثاااق‬ ‫(‪)1‬‬
‫"‪ "Expression Web‬اال اذي ممكاال ماال خةل ا باارض كاااا "‪ "HTML‬لنتطااق‬
‫باب طفتاا "‪."Static Web‬‬
‫لجعق طفتاا الماااة ‪ Dynamic‬أي ممكال إجاراء معالجال بااب متتاماتماا نساتحمة‬ ‫(‪)2‬‬
‫إضافل كاا باغل "‪ "PHP‬ااخق كاا "‪."HTML‬‬
‫تيغمق برنامج "‪ " Apache Server‬ضراري لترجمل الكاا الذي سنقا بكتابت باغل‬ ‫(‪)3‬‬
‫"‪."PHP‬‬
‫تياغمق برناامج "‪ "SQL Server‬ضاراري لاتعاماق ماة متتااى اااباا البمانااا مال‬ ‫(‪)4‬‬
‫خةق أاامر مكتابل باغل "‪."SQL‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 10‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫نشاط‪" :‬تحميل برنامج ‪"XAMPP‬‬
‫الهدف من النشاط‪ :‬تتممق برنامج ‪ Xampp‬لتيغمق تحبمقي ‪ Apache‬ا ‪.MYSQL‬‬
‫وصف النشاط‪ :‬لترجمل كاا ‪ PHP‬وبا مل تيغمق برناامج ‪ Xampp‬الاذي مجعاق جماا ك مقاا‬
‫بااااار الخااااا ‪ ،Server‬اتياااغمق برناااامج ‪ Appache‬ا برناااامج نظااا إاارن اااباااا البمانااااا‬
‫‪.MYSQL‬‬

‫المطلوب‪:‬‬
‫تمااااق لاتاااال الااااتتك الخاطاااال برنااااامج ‪ ،Xampp‬اتأكااااا ماااال باااااء تيااااغمق برنااااامجي‬
‫‪ Appache‬ا ‪.MYSQL‬‬

‫تنفيذ النشاط‪:‬‬
‫ممكل تيغمق لاتل التتك الخاطل ببرنامج ‪ Xampp‬بأكثر مل حرمقل‪ ،‬منما‪:‬‬

‫اائمل ‪ Start‬كما باليكق التالي‪:‬‬ ‫(‪)1‬‬

‫ث مل نافذن لاتل التتك الخاطل ببرنامج ‪ Xampp‬كما باليكق‪:‬‬

‫انقر ‪ Start‬لتشغيل ‪Appache‬‬

‫وكذا زر ‪ Start‬بجوار ‪MYSQL‬‬
‫فيظهر على الزر ‪Stop‬‬

‫كما ممكل تياغمق ‪ Xampp‬مال مااف ‪ Xampp-control.exe‬فاي مجااا‬ ‫(‪)2‬‬

‫‪ ،C:\Xampp‬مة مرابان أي تغممر في مكال تنطم برنامج ‪.Xampp‬‬
‫الصف الثاني الثانوي‬ ‫(‪)52 - 11‬‬
 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫تغيير منفذ ‪ apache port‬في ‪Localhost‬‬

‫فااي بعااض ااتمااال تتااا ميااكال بنااا النقاار باااب ‪ start‬امااا ‪ apache‬لتيااغما كمااا‬
‫باليكق التالب‪:‬‬

‫السحر الميار الم ماضح مياكال أل منفاذ ‪ 80‬مساتخا بااساحل تحبماق آخار امتاا ياذا‬
‫في تالل تنطم اكثر مل خاا باب نظاا التياغمق‪ ،‬اممكال تاق ياذه المياكال بتتاماا منفاذ آخار‬
‫لبرنامج ‪ apache‬باتباا التالي ‪:‬‬

‫‪ C:\xampp\apache\conf‬فااي متاارر‬ ‫‪ ‬فااتح ماااف ‪ httpd.conf‬الماجاااا بالمسااار‬

‫النطا ‪ notepad‬كما باليكق التالب‪:‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 12‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫ممكل أمضا فتح نفاس المااف باالنقر بااب ‪ config‬مال نافاذن ‪ Xampp Control Panel‬كماا‬
‫باليكق التالب‪:‬‬

‫بعا فتح الماف نذي إلب السحرال الميار الممما باب اليكق التالب االذى متاا را المنفذ‬
‫‪ port‬ايا ‪.80‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 13‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫امت تغممره إلب ‪ 81‬ث اغةق الماف بعا تفظ ‪.‬‬

‫بعا اباان تيغمق ‪ apache‬نجا ان ت تيغما بالمنفذ الجاما كما باليكق‬

‫الرقم‬
‫الجديد‬

‫‪ Apache‬في‬
‫حالة تشغيل‬

‫الفاااااااااتح ماااااااااااة ‪ Xampp‬مجااااااااا تتاماااااااااا المنفاااااااااذ فاااااااااي كاااااااااق مااااااااارن بكتابااااااااال‬

‫‪ /http://localhost:81/xampp‬كما باليكق‪:‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 14‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 15‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫الوحدة الثانية‬

‫مراحل ومتطلبات إنتاج مشروع "قاموس مصطلحات الكمبيوتر المصور"‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 16‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫التدريب العملي الثاني‪" :‬إنشاء قاعدة بيانات"‬

‫الهدف من التدريب‪ :‬استخاا برنامج ‪ MySQL‬في إنياء اابان بماناا‪.‬‬

‫وصف التدريب‪ :‬بما أنما المرن ااالاب التاي تتماق تحبماق ‪ MySQL‬إلنيااء ااباان بمانااا فإنناا‬
‫نتتاج إلب بعض المسابان لتنفمذ ذلك‪.‬‬

‫المطلوب‪ :‬نفذ الخحااا التالمل إلنياء ااباان بمانااا باسا ‪ dbdictionary‬تتتااي بااب جاااق‬
‫بماناا باس ‪ ،Terms‬بتم تضا بااا (‪ )5‬خمسال تقااق ياي‪ID – Term – Terms – " :‬‬
‫‪."Defe - Picture‬‬

‫الخحااا التالمل لتتقمق المحاا ‪:‬‬ ‫نفذ ب م ي الحال‬

‫يغق برنامج ‪ Xampp‬الذي اما بتنطمب مل ابق‪ ،‬ث يغق برنامج ‪.MySQL‬‬ ‫(‪)1‬‬

‫اكت العنااال التاالي‪ http://localhost/phpmyadmin/ :‬فاي يارمح بنااال‬ ‫(‪)2‬‬

‫مستعرض اإلنترنا المتاح باب جما ك‪.‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 17‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫اختاار تبام ا "‪ "Databases‬أباااب الياياال‪ ،‬ث ا اختاار لغاال ااجماال التحبمااق فااي ج ا ء‬ ‫(‪)3‬‬
‫"‪ ،"Appearance Setting‬ث اضغح "‪ "NEW‬المياار إلمماا أبااب مساار اليايال‬
‫لتظمر لك اليايل التالمل‪:‬‬

‫‪ -2‬اكتب اسم قاعدة البيانات‬

‫الجديدة‬ ‫‪ -3‬أنقر زر ‪Create‬‬
‫إلنشاء قاعدة البيانات‬

‫‪ -1‬اسماء قاعد‬
‫البيانات التي تم‬
‫انشائها‬

‫افمما مظمر أسماء ااابا البماناا السابق إنياؤيا‪ ،‬ابعا كتابل اس اابان البماناا المراا‬
‫إنياؤيا ايي "‪ "dbdictionary‬ابالضغح باب ر "‪ "Create‬مت إنياء اابان البماناا‬
‫الجامان‪.‬‬

‫وتظ ظمار اس اابان البماناا التي ت إنياءيا‬

‫ضمل ااابا البماناا السابقل كما في اليايل‪.‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 18‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫ابالضغح ‪ Click‬باب اابان البماناا "‪ "dbdictionary‬تظمر اليايل التالمل‪:‬‬ ‫(‪)4‬‬

‫‪ -1‬اكتب اسم‬
‫‪ -2‬عدد الحقول‬
‫الجدول‬

‫اسم قاعدة‬
‫البيانات‬ ‫‪ -3‬يتم النقر النشاء جدول‬

‫تأكاا مال اختماار تباما "‪ "Structure‬اتتاا "‪ "Create table‬اكتا اسا جاااق البمانااا‬
‫المراا إنياؤه ايا "‪ ،"Terms‬ث ااخق بااا تقااق الجاااق فةي "‪ "Number of Columns‬الامكل‬
‫(‪ ،)5‬اأخمرا اضغح ‪ Click‬باب ر "‪ "Go‬لتظمر النافذن التالمل‪:‬‬
‫نوع بيانات الحقل‬
‫‪Data Type‬‬ ‫طول الحقل‬
‫اسماء‬
‫الحقول‬

‫حتى تستطيع الكتابة باللغة العربية داخل الحقل‬

‫حدد نظام التشفير‬

‫لحفظ الجدول‬

‫تذكر أل جااق البماناا متكال مل تقاق ‪ Fields‬األ كق تقق وبا أل مكال ل اس ايا‬
‫ما مج ااخالا أسافق "‪ ،" Name‬انااا اياا ماا مجا تتامااه أسافق "‪ ،"Type‬اتجا أا حااق‬
‫التقق ايا القممل المحاا إاخالما أسفق "‪ ،"Lengthvalues‬اتتب ممكل الكتابل بالاغل العربمل‬
‫ااخق التقق فمج اختمار ناا التيفمر أسفق "‪ ،"Collation‬اأخمارا اضاغح ر "‪ "Save‬لتفاظ‬
‫جااق البماناا تتا اس "‪."Terms‬‬
‫بعا الضغح باب ر "‪ "Save‬تظمر اليايل التالمل‪:‬‬ ‫(‪)5‬‬
‫‪-1‬‬
‫اسم‬
‫الجدو‬
‫الصف الثاني الثانوي‬ ‫(‪)52 - 19‬‬
 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫االتي متضح فم ما اس جااق البماناا الاذي تا إنيااؤه‪ ،‬ابااا الجااااق فاي ااباان البمانااا‬
‫التالمل‪.‬‬
‫وبنفس الطريقة يمكنك بمساعدة معلمك إنشاء أي جداول أخرى في قاعدة البيانات حسب‬
‫احتياجاتك‪.‬‬

‫استعرض الممكق البنائي لجااق اابان البماناا "‪ ،"dbdictionary‬اذلك باختمار اس‬ ‫(‪)6‬‬
‫جااااق البماناااا "‪ ،"Terms‬ثاا اضاااغح ‪ Click‬باااب ر "‪ ،"Structure‬كمااا ياااا‬
‫ماضح باليايل التالمل‪:‬‬
‫اسماء الحقول في‬
‫جدول ‪Terms‬‬
‫اسم‬
‫قاعدة‬
‫البيانا‬
‫ت‬

‫اسم‬
‫جدول‬
‫البيانا‬
‫ت‬

‫إلضافة حقل‬
‫جديد‬

‫نةتظ في اليايل السابقل ما ماي‪:‬‬

‫‪ ‬التباما النيااح أباااب الياياال "‪ ،"Structures‬ممكنااك اوسترياااا بمااا بنااا إنياااء جااااق‬
‫"‪."Terms‬‬
‫‪ ‬اس اابان البماناا "‪."dbdictionary‬‬
‫‪ ‬اس جااق البماناا "‪."Terms‬‬
‫‪ ‬متتاااي جااااق البمانااااا "‪ "Terms‬باااب (‪ )4‬خمسااال تقاااق‪ ،‬مظمااار اساامائما اأناابماااا‬
‫اأتجامما‪.‬‬
‫‪ ‬ت تعممل تقق "‪ "ID‬تقق مفتاح أساسي ‪.Primary Key‬‬
‫الصف الثاني الثانوي‬ ‫(‪)52 - 20‬‬
 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫‪ ‬تسااتحمة اختمااار تق اق االااتتك فااي خطائط ا ماال خااةق مجماباال اا رار أساافق التقااق‬
‫ااخمر‪.‬‬
‫‪ ‬كما تستحمة أل تضمف تقق جاما أمضا اتتاما مكال إضافت في الجااق النيح‪.‬‬

‫اختاار جااااق البماناااا المااراا إاخاااق بماناااا فم ا "‪ ،"Terms‬ث ا اضااغح ‪ Click‬باااب‬ ‫(‪)7‬‬
‫تبام "‪ ،"Insert‬اااخق البماناا في كق تقق أسفق "‪."Value‬‬

‫اختر تبويب‬

‫إدخال‬
‫البيانات‬
‫أسفل‬
‫‪Value‬‬
‫لكل حقل‬

‫بعد إدخال البيانات‬

‫اضغط ‪Go‬‬

‫ابنفس الحرمقل تستحمة إاخاق بماناا في أي جااق مل جاااق اابان البماناا باستخاا تحبمق‬
‫‪.MySQL‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 21‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫التدريب العملي الثالث "إنشاء صفحة ويب"‬

‫الهدف من التدريب‪ :‬استخاا كاا ‪ HTML‬في إنياء طفتل ام ‪.‬‬

‫وصةف التةدريب‪ :‬تعرفنااا ب ما ي الحالا مكاناااا الممكاق البناائي لكاااا ‪ HTML‬المساتخا فااي‬
‫إنياء طفتل ام ايراح تفظما‪.‬‬
‫المطلوب‪:‬‬

‫انيئ طفتل ام باس "‪ "Test1‬تعرض اآلتي‪:‬‬

‫‪ ‬بناال طفتل مستعرض اإلنترنا "‪."My First Web Page‬‬
‫‪ ‬ببارن "الكمبماتر التعاممي" في أاق سحر مل يايل مستعرض اإلنترنا‪.‬‬
‫‪ ‬في السحر الثاني‪ :‬طارن با مطر في منتطف اليايل‪.‬‬
‫‪ ‬في السحر الثال ببارن‪" :‬تحيا مصر" بخح بناال را (‪ )6‬في منتطف اليايل أمضا‪.‬‬
‫‪ ‬في السحر الرابة ببارن‪" :‬الطفتل الثانمل" في مممل يايل المستعرض‪.‬‬

‫خطوات التنفيذ‬
‫‪.Notpad‬‬ ‫(‪ )1‬تمق برنامج مترر النطا‬
‫(‪ )2‬اكت الكاا التالي‪:‬‬

‫اتفاااااظ المااااااف باسااااا اامتاااااااا "‪ "Test1.htm‬بااااااب ساااااحح المكتااااا ‪ ،‬ثااااا اختااااار‬ ‫(‪)3‬‬
‫"‪ "UTF-8‬مل ‪ Encoding‬أسفق يايل تفظ الماف اذلك لعرض النطا العربمل‬
‫بيكق طتمح في يايل المستعرض‪.‬‬
‫افتح الماف "‪ "Test1.htm‬مل سحح المكت اانظر إلب نتمجل تنفماذ الكااا فاي يايال‬ ‫(‪)4‬‬
‫مستعرض اإلنترنا لتظمر كما ماي‪:‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 22‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫اممكل استعراض كااا ‪ HTML‬إلجاراء أي تعاامق‪ ،‬اذلاك بالضاغح ‪ R-Click‬بااب‬ ‫(‪)5‬‬

‫طافتل مساتعرض اإلنترناا ااختار أمار "‪ "View Source‬مال القائمال المختطارن‪،‬‬
‫كما ماي‪:‬‬

‫بعاا تفااظ التعااامةا فااي كاااا ‪ HTML‬أبااا تنياامح طاافتل مسااتعرض اإلنترنااا‪ ،‬ثا‬ ‫(‪)6‬‬
‫اضغح باب مفتاح ‪ F5‬لتيايا نتمجل التعامةا باب طفتل المستعرض‪.‬‬

‫نشاط‪" :‬إنشاء صفحة ويب"‬

‫المطلوب‪:‬‬
‫باس "‪ "Test2‬تعرض اآلتي‪:‬‬ ‫انيئ طفتل ام‬

‫‪ ‬بناال طفتل مستعرض اإلنترنا "‪."My Second Web Page‬‬

‫‪ ‬ببارن "إاخااا مطر إل ياء هللا آمنمل" في أاق سحر مل يايل مستعرض اإلنترنا‪.‬‬
‫‪ ‬في السحر الثاني‪ :‬ضاة طاارن باا مطار ابجاارياا بباارن "الطافتل ااالاب" فاي ممامل‬
‫يايل المستعرض باابعاا التالمل "‪."100 × 50‬‬

‫خطوات التنفيذ‬
‫استريااا ب م ا ي الحال ا بالمماااراا التااي اكتساابتما فااي التااارم العماااي السااابق‬
‫إلنياء طفتل الام الثانمل كما ماي‪:‬‬
‫(‪ )1‬برنامج مترر النطا الذي ساف تستخام في كتابل كاا ‪ HTML‬يا ‪. .......‬‬
‫(‪ )2‬اكت الكاا التالي‪:‬‬
‫الصف الثاني الثانوي‬ ‫(‪)52 - 23‬‬
 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫اتفااااظ المااااااف باساااا اامتاااااااا "‪ "Test2.htm‬باااااب ساااااحح المكتاااا ‪ ،‬ثااااا اختااااار‬ ‫(‪)3‬‬
‫"‪ "UTF-8‬مل ‪ Encoding‬أسفق يايل تفظ الماف‪.‬‬
‫افتح الماف باب سحح المكت اا نظر نتمجل تنفمذ الكاا في يايل مستعرض اإلنترنا‪،‬‬ ‫(‪)4‬‬
‫لتظمر كالتالي‪:‬‬

‫اكمل الجدول التالي‪:‬‬ ‫(‪)5‬‬

‫الكود‬ ‫الغرض من الكود‬

‫>‪<Title‬‬
‫‪My Second Web Page‬‬ ‫‪...........................................................................‬‬
‫>‪</Title‬‬
‫>‪<Body‬‬
‫أين يظهر هذا النص؟ ‪........................................................‬‬
‫ادخلوا مصر إن شاء هللا آمنين‬
‫الكود >‪ <P‬فقرة جديدة‪ ،‬و"‪ align = "Center‬خاصةية تعنةي محةاذاة الةنص التةالي‬
‫>"‪<p align = "Center‬‬
‫لها توسيط على شاشة المستعرض إلى أن يُغلق الـ ‪ Tag‬كما يلي >‪.</P‬‬
‫(‪ )1‬اشرح الكود‪................................................................. :‬‬
‫"‪<img src = "Egypt.jpg‬‬
‫‪....................................................................................‬‬
‫>‪height = 50 width = 100‬‬
‫(‪ )2‬اكمل‪ :‬ما هو تنسيق محاذاة الصورة؟ ‪........................................‬‬

‫التدريب العملي الرابع "الربط بين صفحات الويب"‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 24‬‬
 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫اسم التدريب‪" :‬الربط بين صفحات الويب"‪.‬‬

‫الهدف من التدريب‪ :‬كتابل كاا باغل ‪ html‬اتاظمف إتاى تحبمقاا إنياء ماااة ام في الاربح‬
‫بمل طفتاا مااة ام ‪.‬‬
‫وصف التدريب‪ :‬ت إنياء طافتتي اما باساتخاا لغال الترمما ‪ ،HTML‬انرغا فاي تاظماف‬
‫إتاى التحبمقاا لاتعامق في طفتتي الام االربح بمنمما مل خةق ن أا طارن‪.‬‬

‫المطلوب‬
‫بااااق ماااا ماااا فاااي طااافتتي الامااا "‪ "Test1.htm‬ا "‪ "Test2.htm‬مااال خاااةق تحبماااق‬
‫َ‬
‫‪ Expression Web‬أا التعامق في كاا ‪ HTML‬بتم ‪:‬‬
‫‪ ‬مت اونتقاق إلب الطافتل "‪ " Test2.htm‬بناا الضاغح بااب الان "الطافتل الثانمال" فاي‬
‫يايل مستعرض الطفتل "‪."Test1.htm‬‬
‫‪ ‬اممكاال العاااان إلااب الطاافتل ااالااب "‪ "Test1.htm‬إذا ت ا الضااغح باااب طااارن "با ا‬
‫مطر" أسفق يايل المستعرض لاطفتل "‪."Test2.htm‬‬

‫خطوات التنفيذ‬

‫أوالً‪ :‬باستخدام تطبيق ‪Expression Web‬‬

‫اذلك باتباا الخحااا التالمل‪:‬‬

‫تمق برنامج ‪.Expression Web‬‬ ‫(‪)1‬‬

‫افتح طفتتي الام "‪ "Test1.htm‬ا "‪ "Test2.htm‬مل خةق اائمال مااف ‪،File‬‬ ‫(‪)2‬‬
‫ثا اختار منماا أمار فاتح ‪ ،Open‬ااختار اسا المااف "‪ ،"Test1.htm‬اكارر ماا سابق‬
‫لاماف الثاني "‪."Test2.htm‬‬

‫‪1‬‬

‫‪2‬‬

‫‪3‬‬

‫لمظمر اس طفتتي الام في يايل البرنامج كما ماي‪:‬‬ ‫(‪)3‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 25‬‬
 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫ب‬

‫أ‬

‫ت‬

‫اتحبمق ما ماي‪:‬‬ ‫امعل النظر في اليايل السابقل وستمعا‬

‫(أ) مظمر اسماء طفتتي الام "‪ "Test1.htm‬ا "‪."Test2.htm‬‬

‫( ) الطفتل التي امنا بإنيائما مل خةق كااا لغال الترمما ‪ HTML‬تظمار كماا لاا‬
‫كانااااا فااااي ياياااال المسااااتعرض ايااااا مااااا ساااابق اأياااارنا إلماااا فااااي خاطاااامل‬
‫(‪ ،)WYSIWYG‬اممكاال إجااراء أي تنساامق أا تااأثمر أا إضااافل أي ناااا ماال‬
‫أنااا المعاامااا فاي الطافتل مال خاةق الكتابال ااإلاراج بسامالل كماا لاكناا‬
‫تتعامق مة أي برنامج معالجل نطا ايا ما مظمر في أيرحل اااااا‪.‬‬
‫(ا) اا رار الثةثااال‪ :Design :‬معااارض طااافتل الامااا كماااا تظمااار فاااي يايااال‬
‫مستعرض اإلنترنا‪ ،‬اال ر ‪ :Code‬معرض كاا لغل الترمم ‪ HTML‬لجمماة‬
‫مكاناااا طاافتل الاما التااي ماات برضااما‪ ،‬أمااا ر ‪ :Split‬فمقسا الياياال إلااب‬
‫ج أ مل اااق تظمر فم طفتل الام االج ء ااخمر مظمر فم كاا ‪،HTML‬‬
‫لةةيس هةةذ ا فقةةط بةةل أن كةةل جةةزء فةةي صةةفحة الويةةب فةةي شاشةةة ‪ Design‬يةةتم‬
‫تحديدة ‪ Select‬يظهر مباشرة كود ‪ HTML‬الخاص به في شاشة الكود‪.‬‬
‫نيح طفتل الام ااالب "‪ ،"Test1.htm‬ث اضغح ر ‪ Split‬لتظمر طفتل الام‬ ‫(‪)4‬‬
‫اكاا ‪ HTML‬الخا بما‪.‬‬
‫لعمق ارتباح تيعبي لاعبارن "الطفتل الثانمل"‪ ،‬ما أاو تتامايا ‪ ،Select‬ث اختر مل‬ ‫(‪)5‬‬
‫اائمل إاراج "‪ "Insert‬أمر "‪ "Hyperlink‬لتظمر النافذن التالمل‪:‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 26‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫‪ ‬اختر اس الطفتل "‪ "Test2.htm‬ث اضغح ر "‪."OK‬‬

‫بذلك تطبح العبارن "الطفتل الثانمل" ارتباح تياعبي تما تظمار بااال ممما ‪ ،‬اتتتماا‬ ‫(‪)6‬‬
‫خح‪ ،‬ابنا تتاماا اإلرتبااح التياعبي فاي نافاذن ‪ Design‬مات تظاماق كااا ‪ HTML‬فاي‬
‫نافذن ‪ Code‬كما ماي‪:‬‬

‫‪2‬‬

‫‪1‬‬

‫بنفس الحرمقل نستحمة جعق با مطر ارتبااح تياعبي مال خاةق تنياح طافتل الاما‬ ‫(‪)7‬‬
‫الثانمل "‪ ،"Test2.htm‬مة التأكا مل الضغح باب ر ‪.Split‬‬
‫اضغح ‪ Click‬باب طارن با مطار لتتاماايا‪ ،‬ثا اختار مال اائمال إاراج "‪"Insert‬‬ ‫(‪)8‬‬
‫أمر "‪ "Hyperlink‬لتظمر النافذن التالمل‪:‬‬

‫‪ ‬اختر اس الطفتل "‪ "Test1.htm‬ث اضغح ر "‪."OK‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 27‬‬
 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫بذلك تطبح طارن باا مطار ارتبااح تياعبي تما متغمار مؤيار الفاأرن بناا التأيامر‬ ‫(‪)9‬‬
‫بامما‪ ،‬ابناا تتاماا اإلرتبااح التياعبي أي طاارن العاا فاي نافاذن ‪ Design‬مات تظاماق‬
‫كاا ‪ HTML‬في نافذن ‪ Code‬كما ماي‪:‬‬

‫‪2‬‬

‫‪1‬‬

‫(‪ )10‬لتجربل اورتباح التيعبي ااونتقاق إلب الطفتل "‪ "Test2.htm‬اضاغح ‪ Click‬بااب‬
‫اورتباااح التيااعبي "الطاافتل الثانماال" مااة اسااتمرار الضااغح باااب مفتاااح ‪ Ctrl‬بااتاال‬
‫المفاتمح‪ ،‬فتنتقق إلب الطفتل الثانمل "‪ "Test2.htm‬اتطبح نيحل‪.‬‬
‫(‪ )11‬اأمضاااا ممكااال العااااان إلاااب الطااافتل "‪ ،"Test1.htm‬اضاااغح ‪ Click‬بااااب اورتبااااح‬
‫التيااعبي طااارن با ا مطاار مااة اسااتمرار الضااغح باااب مفتاااح ‪ Ctrl‬بااتاال المفاااتمح‪،‬‬
‫فتنتقق إلب الطفتل ااالب "‪ "Test1.htm‬اتطبح نيحل‪.‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 28‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫ثان ًيا‪ :‬في كود لغة الترميز ‪HTML‬‬

‫باق الكاا في "‪ "Test1.htm‬كما ماي‪:‬‬ ‫(‪)1‬‬

‫ن الحظ أنه تم وضع النص المراد جعله ارتباط تشعبي بين بداية ونهاية الكود التالي‪:‬‬
‫>‪ </a‬الصفحة الثانية <"‪>a href = "test2.htm‬‬

‫أمضا باق الكاا في "‪ "Test2.htm‬كما ماي‪:‬‬ ‫(‪)2‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 29‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫كما ن الحظ أنه تم وضع كود إدراج الصورة المراد جعلها ارتباط تشعبي بين بداية ونهاية‬
‫الوسم التالي‪:‬‬
‫>"‪<a href = "Test1.htm‬‬
‫>‪<img src = "Egypt.jpg" Height=50 Width=100‬‬
‫>‪</a‬‬

‫اتفظ التعامةا في المافمل "‪ "Test1.htm‬ا"‪."Test2.htm‬‬ ‫(‪)3‬‬

‫افتح الماف "‪ "Test1.htm‬مل سحح المكت اانظر إلاب نتمجال تنفماذ الكااا فاي يايال‬ ‫(‪)4‬‬
‫مستعرض اإلنترنا‪ ،‬ث اضغح باب اورتباح التيعبي "الطفتل الثانمل"‪ ،‬اساف تنتقق‬
‫إلب طفتل "‪ " Test2.htm‬اتظمر في يايل المساتعرض‪ ،‬امال طافتل الاما الثانمال‬
‫"‪ "Test2.htm‬نسااتحمة العاااان إلااب الطاافتل ااالااب "‪ "Test1.htm‬بالضااغح باااب‬
‫اورتباح التيعبي "طارن با مطر"‪.‬‬

‫التدريب العملي الخامس‪" :‬إنشاء صفحة ‪."Header.php‬‬

‫الهدف من التدريب‪ :‬إنشاء طفتل ام مل خةق تحبمق‪.‬‬
‫تتتماا‬ ‫وصف التدريب‪ :‬مل خةق برنامج جاي نستحمة إاراج اطاارن اكتابال بعاض النطاا‬
‫اإجراء بعض التنسمقاا بامما‪ ،‬لتظمر بيكق مناس ‪ ،‬اذلك إلنياء طفتل ‪.Header‬‬

‫المطلوب‪:‬‬
‫تتتاي باب‪:‬‬ ‫انيئ طفتل ‪ Header‬باستخاا تحبمق بتم‬

‫‪ ‬طارن مناسبل تظمر في باامل طفتاا المااة‪.‬‬

‫‪ ‬النطا ااساسمل التي سامت ربحماا بطافتاا الماااة لمساابا المتعاماق ماة الماااة مال‬
‫التجاق فم ‪.‬‬
‫خطوات التنفيذ‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 30‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫تمق برنامج ‪.Expression Web‬‬ ‫(‪)1‬‬
‫اختر أساا العرض ‪.Split‬‬ ‫(‪)2‬‬
‫اارج طارن ‪.Banner‬‬ ‫(‪)3‬‬
‫بااال‬ ‫اكتااا النطاااا التالمااال أسااافق الطاااارن‪ :‬الرئمسااال – إاخااااق مطاااحاح – بتااا‬ ‫(‪)4‬‬
‫مطحاح – تعامق‪/‬تذف مطحاح – مسابان‪.‬‬

‫مالحظة‪ :‬ممكنك مل خةق التحبماق أمضاا إنيااء طافتل اما مال نااا ‪ PHP‬اتكتا فمماا الكااا‬
‫التالي‪:‬‬
‫كما ممكل إنياء طفتل "‪ "Header.php‬باغل ‪ PHP‬بالكاا التالي‪:‬‬

‫ابمق‬ ‫الكاا السابق مت بما في نمح التطمم ‪design‬‬

‫ارتباح تيعبب كما ماي‪:‬‬

‫‪ -1‬افتح طفتل ‪ header.php‬مل خةق‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 31‬‬
 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫التحبمق المستخا‬

‫‪ -2‬تاا الن المحاا بمق ارتباح تيعبب ل ايا "الرئمسمل" اختر "ارتباح تيعبب‬
‫‪ "hyperlink‬مل القائمل المختطرن كما باليكق‬

‫‪ -3‬تاا طفتل اورتباح ايب ‪ index.php‬كما باليكق‬

‫‪ -4‬ا بعمق كافل اإلرتباحاا افقا لما يا مخحح لامااة‬

‫التدريب العملي السادس "إنشاء صفحة االتصال بقواعد البيانات ‪"connection.php‬‬

‫الهدف من النشاط‪ :‬إنياء طفتل ام تتقق اوتطاق بقابان البماناا‪.‬‬
‫اطف النيااح‪ :‬نتتااج فاي جمماة طافتاا ماااة "اااماس مطاحاتاا الكمبمااتر المطاار" إلاب‬
‫إضافل مطحاح أا تعامق بمانات أا البت بن أا تذف مطحاح مل اابان البمانااا‪ ،‬اامار الاذي‬
‫متحا منا فتح اتطاق بقاباان البمانااا تتاب متسانب لناا إجاراء ياذه العمامااا بااب بمانااا جاااق‬
‫اابان البماناا‪.‬‬

‫جامان تتتاي باب الكاا التالي‪:‬‬ ‫المطلوب‪ :‬إنشاء طفتل ام‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 32‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 33‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫الوحدة الثالثة‬

‫إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور"‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 34‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫اسم النشاط‪" :‬إنشاء صفحة إدخال مصطلح ‪"Add_term.php‬‬
‫الهدف من النشاط‪ :‬إدخال مصطلح في قاعدة البيانات من خالل صفحة ويب‪.‬‬
‫وصف النشاط‪ :‬ممكل استخاا طفتل الاما كااجمال لاتعاماق ماة جاااق ااباان البمانااا إلضاافل‬
‫مطحاح جاما‪ ،‬اإجراء بماماا أخرى‪.‬‬

‫المطلوب‪:‬‬

‫استعل باليايل التالمل في إاخاق كاا ‪ PHP‬في ااماكل المياار إلمماا إلنيااء طافتل اما‬
‫تستخا في إاخاق مطحاح إلب جااق اابان البماناا‪.‬‬

‫‪ -1‬إدخال كود صفحة‬

‫‪Header‬‬

‫‪ -2‬إضاقة كود ‪ PHP‬الخاص بالربط بقاعدة‬

‫البيانات وإضافة مصطلح‬

‫كاا ‪ PHP‬إلضافل طفتل ‪.Header‬‬ ‫(‪)1‬‬

‫بتتقمق اوتطاق بقابان البماناا اإضافل بماناا مطحاح جاما‪.‬‬ ‫(‪ )2‬إضافل كاا ‪ PHP‬الخا‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 35‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫(‪ ) 3‬ابرض طفتل إاخاق مطحاح‪ ،‬ااستخامما في إاخاق مطحاح جاما‪.‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 36‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫اسم النشاط‪" :‬إنشاء صفحة البحث عن مصطلح ‪"Search_term.php‬‬
‫الهةةدف مةةن النشةةاط‪ :‬إنياااء طاافتل ام ا تسااتخا فااي البت ا باال مطااحاح فااي اابااان البماناااا‬
‫ابرض بمانات باب طفتل الام ‪.‬‬
‫وصف النشاط‪ :‬استكماو لعمامل إاخاق مطحاح اا مرغ المستخا في البت بل مطحاح سابق‬
‫تخ من ف ي اابان البماناا ابرض باب طفتل الام ‪.‬‬

‫المطلوب‬

‫بال مطاحاح لتظمار كماا باليايال‬ ‫استخا التحبمق المتاح لامك إلنيااء طافتل البتا‬ ‫(‪)1‬‬
‫التالمل‪:‬‬

‫نافذن الكاا كما ماي‬

‫اضف كود ‪ php‬رقم ‪1‬‬

‫اضف كود ‪ php‬رقم ‪2‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 37‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫(‪ )2‬استخا كاا ‪ PHP‬را ‪1‬‬

‫بالبت في اابان البماناا بل مطحاح معمل‪.‬‬ ‫استخا كاا ‪ PHP‬را ‪ ، 2‬االخا‬ ‫(‪)2‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 38‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫اسم النشاط‪" :‬إنشاء صفحة حذف مصطلح ‪"Del_term.php‬‬

‫الهدف من النشاط‪ :‬تذف سجق مل جااق اابان البماناا‪.‬‬

‫اطاف النيااح‪ :‬اساتخاا طافتل الاما كااجمال لتاذف ساجق بمانااا مطاحاح معامل مال جااااق‬
‫اابان البماناا اذلك مل خةق كاا ‪ PHP‬الذي ت يرت في الكتا ‪.‬‬
‫المطلوب‪:‬‬
‫(‪ )1‬استعل باليايل التالمال فاي إاراج كااا ‪ PHP‬فاي اامااكل المتااان بااب اليايال إنيااء‬
‫طفتل تذف مطحاح‪.‬‬

‫‪1‬‬

‫‪2‬‬

‫‪3‬‬
‫‪4‬‬

‫الجزء األول‪ :‬حيث يشير الرقم (‪ )1‬على الشاشة‬

‫الجزء الثاني‪ :‬حيث يشير الرقم (‪ )2‬على الشاشة‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 39‬‬
 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫الجزء الثالث‪ :‬حيث يشير الرقم (‪ )3‬على الشاشة‬

‫الجزء الرابع‪ :‬حيث يشير الرقم (‪ )4‬على الشاشة‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 40‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫اسم النشاط‪ :‬إنشاء صفحة "تعديل بيانات مصطلح ‪"Edit_term.php‬‬

‫الهدف من النشاط‪ :‬تعامق بماناا في جااق اابان البماناا‪.‬‬

‫وصف النشاط‪ :‬استخاا اليايتمل التالمتمل في إنياء طفتل تعامق بماناا مطحاح‪:‬‬

‫كود ‪ PHP‬رقم ‪1‬‬

‫كود ‪ PHP‬رقم ‪2‬‬

‫كود ‪ PHP‬رقم ‪3‬‬

‫كود ‪ PHP‬رقم ‪4‬‬

‫كود ‪ PHP‬رقم ‪5‬‬

‫كود ‪ PHP‬رقم ‪6‬‬

‫كود ‪ PHP‬رقم ‪7‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 41‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫المطلوب‪:‬‬
‫(‪ ) 1‬استخا الكاا التالي في ااماكل المتاان باليايل السابقل‪:‬‬

‫الجزء األول‪ :‬حيث يشير الرقم (‪ )1‬إلى مكان إضافة الكود التالي بعد >‪<Body‬‬

‫الجزء الثاني‪ :‬حيث يشير الرقم (‪ )2‬إلى مكان إضافة الكود التالي قبل>‪<Form‬‬

‫الجزء الثالث‪ :‬حيث يشير الرقم (‪ )3‬إلى مكان إضافة الكود التالي بعد >‪<Form‬‬

‫الجةةةزء الرابةةةع‪ :‬حيةةةث يشةةةير الةةةرقم (‪ )4‬إلةةةى مكةةةان إضةةةافة الكةةةود التةةةالي قبةةةل إ ةةةال الجةةةدول‬
‫>‪.</table‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 42‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫الجةةزء الخةةامس‪ :‬حيةةث يشةةير الةةرقم (‪ )5‬إلةةى مكةةان إضةةافة الكةةود التةةالي بعةةد إ ةةال الجةةدول‬
‫>‪.</table‬‬

‫الجزء السادس‪ :‬حيث يشير الرقم (‪ )6‬إلى مكان إضافة الكود التالي قبل إ ال الـ >‪.</Form‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 43‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫الجزء السابع‪ :‬حيث يشير الرقم (‪ )7‬إلى مكان إضافة الكود التالي قبل إ ال الـ >‪.</div‬‬

‫اسم النشاط‪" :‬إنشاء صفحة المساعدة ‪"Help.php‬‬

‫الهدف من النشاط‪ :‬تتاما العناطر التي ممكل برضما في طفتل المسابان‪.‬‬
‫وصف النشاط‪ :‬في معظ ماااة الام نجا ارتباح مسابان لمستخامي الماااة‪ ،‬تمااي بمعاامااا‬
‫معمن اتساباي اترياي في التعامق مة المااة‪ ،‬كما ممكل اوساتعانل باليايال التالمال فاي إنجاا‬
‫المحاا ‪:‬‬

‫المطلوب‪:‬‬
‫استخا المماراا االمعاارف التاي اكتسابتما فاي إنيااء طافتاا الماااة‪ ،‬امماارا البتا‬
‫ببر اإلنترنا في اوحةا باب طفتاا المسابان في بعض الماااة لتنفمذ ما ماي‪:‬‬

‫الغرض مل طفتل المسابان يا‪................................................. :‬‬ ‫(‪)1‬‬

‫‪...................................................................................‬‬
‫العناطر التي منارج تتتما معااماا طفتل المسابان يي‪:‬‬ ‫(‪)2‬‬
‫‪.................................... - .................................... -‬‬
‫‪.................................... - .................................... -‬‬
‫استخا إتاى التحبمقاا في إنيااء طافتل المساابان باسا "‪ ،"Help‬بتما مظمار بماا‬ ‫(‪)3‬‬
‫‪ ، Banner‬امكال لما بناال اتتتاي بااب كافال البمانااا الضارارمل الماراا برضاما‬
‫لمستخا المااة‪.‬‬
‫اتفظ طفتل الام في مجاا المااة‪.‬‬ ‫(‪)4‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 44‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 45‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫الوحدة الرابعة‬

‫تأمين موقع ويب‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 46‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫اسم النشاط‪" :‬طر اخترا مواقع اإلنترنت التي يجب تجنبها"‬

‫بنما خةق‬ ‫مواقع اإلنترنت تتب ممكل البت‬ ‫هدف النشاط‪ :‬التعرف باب أسالم اخترا‬
‫اإلنترنا امعرفل أفضق الحرق لتجنبما‪.‬‬

‫وصف النشاط‪ :‬التعرف على أساليب االخترا‬

‫المطلوب‪ :‬اكمال العبارات بالمفهوم العلمي المناسب مما يلي‪:‬‬

‫‪– SQL Injection - SSL (Secure Sockets Layer) - OpenVAS‬‬
‫( ‪MD5 - XSS ) Cross Site scripting‬‬

‫بل حرمق إاخاق المخترق لكاا جافا سكرمبا ‪Java Script‬‬ ‫‪ ------- -1‬ممكل أل متا‬
‫ابنا إرساق التعامق إلب الخاا ‪ Server‬مخ ل يذا الكاا في اابان البماناا ابنا برض في‬
‫طفتل ‪ html‬مت تنفمذ يذا الكاا االذي ربما معما تاجم المستخا إلب طفتل أخرى ذاا‬
‫متتاى سيء أا طفتل اطحماا ‪.Phishing‬‬

‫‪ ----- -2‬معتبر مل أكثر التحبمقاا مفتاتل المطار استخااما وختبار أمال المااة‪.‬‬
‫‪ ------- -3‬يا براتاكاق لتأكما التعامق اآلمل بمل خاا الام ‪ Web Server‬امستعرض‬
‫مسمب ‪Certificate Authority‬‬ ‫اإلنترنا ‪ Web Browser‬بل حرمق تاسمح حرف ثال‬
‫‪.(CA),‬‬
‫‪ -------- -4‬ممكل أل مت بل حرمق إاخاق المخترق لجمال ‪ SQL‬باو مل إاخاق اس المستخا‬
‫بماف إتاا تعامةا غمر مرغابل بالجاااق‪.‬‬
‫‪ ------ -5‬أتا أسالم تيفمر البماناا المتاتل في لغل ‪.PHP‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 47‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬

‫اسم النشاط‪" :‬استخدام ‪ GET‬و ‪ "POST‬عند إنشاء موذج بيانات‪.‬‬

‫هدف النشاط‪ :‬التعرف باب الفر بين ‪ GET‬و ‪ POST‬مل خةق تارم بماي‪.‬‬
‫وصف النشاط‪ )1( :‬فتح طفتل ‪ Reg‬لاتعامق – تعامق حرمقل ارساق البماناا إلب ‪ GET‬باو‬
‫مل ‪ POST‬امعامنل النتمجل بمستعرض اإلنترنا‪.‬‬
‫المطلوب‬
‫‪ ‬افتح طفتل ‪ reg.php‬لاتعامق‪.‬‬
‫‪ ‬غمر اممل الخاطمل ‪ Method‬إلب ‪.GET‬‬
‫‪ ‬اتفظ طفتل ‪.reg.php‬‬
‫العناال‬ ‫بكتابل‬ ‫اإلنترنا‬ ‫مستعرض‬ ‫خةق‬ ‫مل‬ ‫‪reg.php‬‬ ‫الطفتل‬ ‫‪ ‬تمق‬
‫‪ http://localhost/terms/reg.php‬في مستعرض اإلنترنا‪.‬‬
‫‪ ‬امقء البماناا المحاابل بالنماذج‪.‬‬
‫‪ ‬انقر ر تسجمق‪.‬‬
‫‪ ‬وتظ بناال ‪ URL‬في يرمح بناال المااة‪:‬‬

‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬

‫‪ http‬اتيمر ااراا‬ ‫ستجا جممة بماناا النماذج ااضتل في بناال ‪ URL‬خةق حا‬
‫باب اليكق إلب‪:‬‬

‫‪( txt_user‬اس المستخا )‪.‬‬ ‫اممل بنطر التتك لمربة الن‬ ‫‪-1‬‬
‫‪( txt_pass‬كامل المرار)‪.‬‬ ‫اممل بنطر التتك لمربة الن‬ ‫‪-2‬‬
‫‪( txt_con‬تاكما كامل المرار)‪.‬‬ ‫اممل بنطر التتك لمربة الن‬ ‫‪-3‬‬
‫وتظ ظمار كامل المرار بيكق ااضح جاا في بناال ‪.URL‬‬

‫‪ ‬غمر مرن أخرى اممل الخاطمل ‪ method‬إلب ‪ POST‬ث كرر ما سبق‪ ,‬لل تجا بماناا‬
‫النماذج في بناال ‪.URL‬‬
‫مل الااضح جاا أن مج استخاا أساا ‪ POST‬باو مل ‪ GET‬اذلك لغرض التأممل‪.‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 48‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫اسم النشاط‪ :‬التعلم الذاتي "لتشفير البيانات"‬

‫في اإلنترنا في التطاق باب كاا ماضح استخاا االل‬ ‫هدف النشاط‪ :‬تاظمف مماراا البت‬
‫‪ MD5‬لتيفمر البماناا‪.‬‬

‫لامك لااطاق إلب كاا لتشفير‬ ‫وصف النشاط‪ :‬استخاا اإلنترنا لتاظمف مماراا البت‬
‫البيانات باستخدام دالة ‪.MD5‬‬

‫المطلوب‪ :‬امأل الجااق التالي مستعمنا بنتائج البت في اإلنترنا‪:‬‬

‫تاريخ‬ ‫مصدر‬
‫علق باختصار موضحًا الفر بين‬ ‫ووقت‬ ‫الحصول عليه‬
‫الكلمة‪/‬الكلمات الدليلية التي استخدمتها في‬
‫الكود الذي درست‪ ،‬والكود الذي‬ ‫الحصول‬ ‫أي"عنوان‬ ‫كود البرمجة الذي حصلت عليه‬
‫البحث عن الكود ‪Key Words‬‬
‫حصلت عليه‬ ‫على‬ ‫الموقع‬
‫الكود‬ ‫وتبعيته"‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 49‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫اسم النشاط‪ :‬ابدأ من حيث انتهى االخرون لتنفيذ كود ‪ PHP‬من اإلنترنت‬

‫هدف النشاط‪ :‬تاظمف مماراا البت في اإلنترنا في التطاق باب كاا اتنفمذه‬

‫وصف النشاط‪ :‬امكانمل البت بل كاا ‪ PHP‬مل خةق اإلنترنا‪ ،‬اتنفمذه‪.‬‬

‫المطلوب‪ :‬بفرض التطاق باب نتمجل البت التالمل‬

‫بالدخول إلى هذه الصفحة تم الحصول على األكواد التالية وناتج تنفيذها‪:‬‬
‫الكود األول‪:‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 50‬‬

 ‫كراسة األنشطة والتدريبات العملية في مادة تكنولوجيا المعلومات واالتصاالت‬
‫الكود الثانى‬

‫من الواضح أن دالة ‪ MD5‬يمكن أن تشفر النص إلى اكثر من شكل‬

‫)‪MD5(string,raw‬‬

‫ناتج الدالة‬ ‫قيمة وسيط الدالة ‪raw‬‬

‫‪ 16‬رمز في شكل ‪Binary‬‬ ‫‪True‬‬
‫‪ 32‬رمز في شكل سادس عشر ‪Hex Number‬‬ ‫‪False‬‬

‫الصف الثاني الثانوي‬ ‫(‪)52 - 51‬‬