Internet Technologies

‫‪ 012‬حاسب‬ ‫تقنيات اإلنرتنت‬
‫تقنيات اإلنرتنت‬
‫الحاسب اآليل‬
‫‪1‬‬
‫مقدمة‬
‫احلمد هلل الذي علَّم بالقلم‪ ،‬علَّم اإلنسان ما مل يعلم‪ ،‬والصالة والسالم على من بُعث مُعلماً‬
‫للناس وهادياً وبشرياً‪ ،‬وداعياً إىل اهلل بإذنه وسراجاً منرياً؛ فأخرج الناس من ظلمات اجلهل والغواية‪،‬‬
‫إىل نور العلم واهلداية‪ ،‬نبينا ومعلمنا وقدوتنا األول حممد بن عبداهلل وعلى آله وصحبه أمجعني‪،‬‬
‫أما بعد‪:‬‬
‫تسعى املؤسسة العامة للتدريب التقين واملهين لتأهيل الكوادر الوطنية املدربة القادرة على‬
‫شغل الوظائف التقنية والفنية واملهنية املتوفرة يف سوق العمل السعودي‪ ،‬ويأتي هذا االهتمام نتيجة‬
‫للتوجهات السديدة من لدن قادة هذا الوطن اليت تصب يف جمملها حنو إجياد وطن متكامل يعتمد‬
‫ذاتياً على اهلل ثم على موارده وعلى قوة شبابه املسلح بالعلم واإلميان من أجل االستمرار قدماً يف‬
‫دفع عجلة التقدم التنموي‪ ،‬لتصل بعون اهلل تعاىل ملصاف الدول املتقدمة صناعياً‪.‬‬
‫وقد خطت اإلدارة العامة للمناهج خطوة إجيابية تتفق مع التجارب الدولية املتقدمة يف بناء‬
‫الربامج التدريبية‪ ،‬وفق أساليب علمية حديثة حتاكي متطلبات سوق العمل بكافة ختصصاته لتليب‬
‫تلك املتطلبات‪ ،‬وقد متثلت هذه اخلطوة يف مشروع إعداد املعايري املهنية الوطنية ومن بعده مشروع‬
‫املؤهالت املهنية الوطنية‪ ،‬والذي ميثل كل منهما يف زمنه‪ ،‬الركيزة األساسية يف بناء الربامج‬
‫التدريبية‪ ،‬إذ تعتمد املعايري وكذلك املؤهالت الحقاً يف بنائها على تشكيل جلان ختصصية متثل‬
‫سوق العمل واملؤسسة العامة للتدريب التقين واملهين حبيث تتوافق الرؤية العلمية مع الواقع العملي‬
‫الذي تفرضه متطلبات سوق العمل‪ ،‬لتخرج هذه اللجان يف النهاية بنظرة متكاملة لربنامج تدرييب‬
‫أكثر التصاقاً بسوق العمل‪ ،‬وأكثر واقعية يف حتقيق متطلباته األساسية‪.‬‬
‫وتتناول هذه احلقيبة التدريبية "تقنيات اإلنرتنت" ملتدربي ختصص "احلاسب اآللي" يف املعاهد‬
‫الصناعية الثانوية ومعاهد العمارة والتشييد‪ ،‬موضوعات حيوية تتناول كيفية اكتساب املهارات‬
‫الالزمة هلذا الربنامج لتكون مهاراتها رافداً هلم يف حياتهم العملية بعد خترجهم من هذا الربنامج‪.‬‬
‫واإلدارة العامة للمناهج وهي تضع بني يديك هذه احلقيبة التدريبية تأمل من اهلل عز وجل أن تسهم‬
‫بشكل مباشر يف تأصيل املهارات الضرورية الالزمة‪ ،‬بأسلوب مبسط خالٍ من التعقيد‪.‬‬
‫واهلل نسأل أن يوفق القائمني على إعدادها واملستفيدين منها ملا حيبه ويرضاه؛ إنه مسيع‬
‫جميب الدعاء‪.‬‬
‫اإلدارة العامة للمناهج‬
‫‪2‬‬
‫الفهرس‬
‫رقم الصفحة‬ ‫املوضـــــوع‬

‫‪2‬‬ ‫مقدمة‬
‫‪3‬‬ ‫الفهرس‬
‫‪5‬‬ ‫متهيد‬
‫‪7‬‬ ‫الوحدة األوىل‪ :‬خدمات اإلنرتنت‬
‫‪8‬‬ ‫ما هي اإلنرتنت‬
‫‪12‬‬ ‫ما هو حمرك البحث‬
‫‪14‬‬ ‫مهارات متقدمة يف عمليات البحث‬
‫‪17‬‬ ‫إعدادات حمرك حبث ‪Google‬‬
‫‪19‬‬ ‫متصفحات اإلنرتنت‬

‫‪19‬‬ ‫متصفح ‪Mozilla Firefox‬‬
‫‪40‬‬ ‫متصفح ‪Google Chrome‬‬
‫‪62‬‬ ‫متصفح ‪Microsoft Edge‬‬
‫‪86‬‬ ‫التجارة اإللكرتونية‬

‫‪87‬‬ ‫التسوق اإللكرتوني عرب مواقع الويب‬
‫‪90‬‬ ‫متارين الوحدة‬
‫‪95‬‬ ‫الوحدة الثانية‪ :‬شبكات التواصل االجتماعية ‪Social Media Network‬‬
‫‪96‬‬ ‫ما هي شبكات التواصل االجتماعي (‪)Social Media Network‬‬
‫الشبكات االجتماعية للمؤسسات ‪Enterprise social networking‬‬
‫‪99‬‬
‫)‪(ESN‬‬
‫‪101‬‬ ‫التسويق عرب شبكة التواصل االجتماعي‬
‫‪102‬‬ ‫شبكة ‪Facebook‬‬
‫‪3‬‬
‫رقم الصفحة‬ ‫املوضـــــوع‬

‫‪103‬‬ ‫شبكة ‪Twitter‬‬
‫‪103‬‬ ‫شبكة ‪Pinterest‬‬
‫‪105‬‬ ‫اجلرمية املعلوماتية‬

‫‪107‬‬ ‫مكافحة جرائم املعلوماتية يف اململكة العربية السعودية‬
‫‪113‬‬ ‫الوحدة الثالثة‪ :‬احلوسبة السحابية ‪Cloud Computing‬‬
‫‪114‬‬ ‫تعريف احلوسبة السحابية ‪Cloud Computing‬‬
‫‪118‬‬ ‫خدمات شركة ‪ Google‬السحابية‬

‫‪135‬‬ ‫خدمات شركة ‪ Microsoft‬السحابية‬
‫‪141‬‬ ‫خدمات شركة ‪ Dropbox‬السحابية‬
‫‪144‬‬ ‫خدمات ‪ Apple‬السحابية‬
‫‪146‬‬ ‫خدمات ‪ ZOHO One‬السحابية‬
‫‪147‬‬ ‫مفهوم األمان واخلصوصية يف احلوسبة السحابية‬
‫‪148‬‬ ‫إدارة أمان البيانات واملعلومات‬
‫‪154‬‬ ‫الوحدة الرابعة‪ :‬برجمة مواقع الويب للمبتدئني‬
‫‪155‬‬ ‫تعريف برجمة مواقع الويب‬
‫‪155‬‬ ‫لغة الرتميز ‪HTML‬‬
‫‪176‬‬ ‫لغة األمناط ‪CSS‬‬
‫‪192‬‬ ‫لغة ‪JavaScript‬‬
‫‪218‬‬ ‫املراجع‬
‫‪4‬‬
‫متهيد‬
‫اهلدف العام من احلقيبة‪:‬‬
‫تهدف هذه احلقيبة إىل إكساب املتدرب املعارف واملهارات األساسية الستخدام متصفحات‬
‫اإلنرتنت وتطبيقات احلوسبة السحابية وبرجمة املواقع‪.‬‬
‫تعريف باحلقيبة‪:‬‬
‫يتعرف املتدرب من خالل هذا املقرر على جمموعة من املهارات واملعارف األساسية الستخدام‬
‫اإلنرتنت ويشمل ذلك التعامل مع املتصفحات وحمركات البحث كما يغطي هذا املقرر‬
‫موضوعات مهمة مثل شبكات التواصل االجتماعي وتقنية احلوسبة السحابية وخدماتها‪،‬‬
‫وكذلك التعرف على مزودي هذه اخلدمات‪ ،‬باإلضافة إىل برجمة مواقع اإلنرتنت‪.‬‬
‫الوقت املتوقع إلمتام التدريب على مهارات هذه احلقيبة التدريبية‪:‬‬

‫يتم التدريب على مهارات هذه احلقيبة يف ‪ ٨٠‬ساعة تدريبية‪ ،‬موزعة كالتالي‪:‬‬
‫‪ ٢٠‬ساعة تدريبية‬ ‫خدمات اإلنرتنت‬ ‫الوحدة األوىل‪:‬‬
‫‪Social Media‬‬ ‫شبكات التواصل االجتماعية‬
‫‪١٠‬ساعات تدريبية‬ ‫الوحدة الثانية‪:‬‬
‫‪Networking‬‬
‫‪ ٢٠‬ساعة تدريبية‬ ‫احلوسبة السحابية ‪Cloud Computing‬‬ ‫الوحدة الثالثة‪:‬‬
‫‪ ٣٠‬ساعة تدريبية‬ ‫الوحدة الرابعة‪ :‬برجمة مواقع الويب للمبتدئني‬
‫األهداف التفصيلية للحقيبة‪:‬‬

‫من املتوقع يف نهاية هذه احلقيبة التدريبية أن يكون املتدرب قادراً وبكفاءة على أن‪:‬‬
‫‪ .1‬يشرح طريقة عمل اإلنرتنت‪.‬‬
‫‪ .2‬يوضح مفهوم التسويق عرب شبكة التواصل االجتماعي‪.‬‬
‫‪ .3‬يُعرّف تقنية احلوسبة السحابية‪.‬‬
‫‪ .4‬يذكر متطلبات احلوسبة السحابية ومميزاتها وعيوبها‪.‬‬
‫‪ .5‬يتعامل مع أشهر تطبيقات احلوسبة السحابية‪.‬‬
‫‪ .6‬يُعرف برجمة املواقع‪.‬‬
‫‪ .7‬يفرق بني أنواع لغات برجمة املواقع‪.‬‬
‫‪ .8‬يربمج باستخدام لغات الربجمة ‪.JavaScript ،CSS ،HTML‬‬
‫‪5‬‬
‫الوحدة األوىل‬
‫خدمات اإلنرتنت‬
‫‪6‬‬
‫الوحدة األوىل‬
‫خدمات اإلنرتنت‬
‫اهلدف العام للوحدة‪:‬‬

‫تهدف هذه الوحدة إىل تعريفك باإلنرتنت ومكوناته وطريقة عمله‪ ،‬باإلضافة إىل إكسابك‬
‫املهارات األساسية يف التعامل مع حمركات البحث ومتصفحات اإلنرتنت املختلفة‪.‬‬
‫األهداف التفصيلية‪:‬‬
‫من املتوقع يف نهاية هذه الوحدة التدريبية أن يكون املتدرب قادراً وبكفاءة على أن‪:‬‬
‫‪ .1‬يُعرّف اإلنرتنت‪.‬‬
‫‪ .2‬يشرح طريقة عمل اإلنرتنت‪.‬‬
‫‪ .3‬يفرق بني اإلنرتنت واإلنرتانت‪.‬‬
‫‪ .4‬يستخدم متصفحات اإلنرتنت الشهرية‪.‬‬
‫الوقت املتوقع للتدريب على هذه الوحدة‪ ٢٠ :‬ساعة تدريبية‪.‬‬
‫الوسائل التدريبية املساعدة‪:‬‬

‫‪ .1‬جهاز حاسب آلي مع ملحقاته‪.‬‬
‫‪ .2‬اتصال باإلنرتنت‪.‬‬
‫‪ .3‬جهاز عرض بيانات‪.‬‬
‫‪7‬‬
‫ما هي اإلنرتنت‪:‬‬
‫إنرتنت (‪ )INTERNET‬هي كلمة اجنليزية اختصاراً لكلمة (‪)International Network‬‬
‫وتعين الشبكة العاملية‪ ،‬وتُ َعرف اإلنرتنت بأنها عبارة عن نظام يربط بني املاليني من الشبكات‬
‫وأجهزة احلاسب اآللي واألجهزة األخرى املختلفة املوجودة يف العامل مع بعضها‪.‬‬
‫وميكن االتصال باإلنرتنت وتبادل املعلومات عن طريق الشبكة العاملية املوسعة ( ‪World‬‬
‫‪ )Wide Web‬واليت يرمز هلا بـ ‪ ،WWW‬كما ميكن أيضاً تبادل املعلومات عرب اإلنرتنت بطرق‬
‫متعددة أخرى مثل استخدام بروتوكوالت الربيد اإللكرتوني أو باستخدام بروتوكول نقل‬
‫امللفات (‪ )FTP‬وغريها‪.‬‬
‫كيف نشأت اإلنرتنت‪:‬‬

‫بدأ اإلنرتنت كمشروع لربط أجهزة احلاسب التابعة لوزارة الدفاع بالواليات املتحدة‬
‫األمريكية يف عام ‪1969‬م‪ ،‬ويف بداية السبعينات من القرن املاضي توسعت هذه الشبكة بربط‬
‫أجهزة اجلامعات ومراكز األحباث‪ ،‬ويف بداية الثمانينات توسعت هذه الشبكة بربط‬
‫الشركات وأجهزة األفراد داخل الواليات املتحدة وخارجها حتى أصبح يستخدم اإلنرتنت أكثر‬
‫من نصف سكان العامل والنسبة يف ازدياد‪.‬‬
‫خدمات اإلنرتنت‪:‬‬
‫‪ .1‬تبادل امللفات جبميع أنواعها بني املتعاملني على الشبكة يف أحناء العامل خالل ثوانٍ‪.‬‬
‫‪ .2‬خدمات الربيد اإللكرتوني‪ ،‬ومن خالله ميكن للشخص الذي ميلك بريداً إلكرتونياً على‬
‫الشبكة أن يستقبل أو يرسل رسائل إلكرتونية إىل أي مستخدم آخر يف العامل‪.‬‬
‫‪ .3‬تبادل احملادثات‪ ،‬حيث ميكنك من خالل الشبكة أن تقوم باحملادثات الصوتية أو‬
‫الكتابية بواسطة بعض األدوات والربامج املساعدة‪.‬‬
‫‪ .4‬الرتفيه‪ ،‬حيث بإمكان مستخدم اإلنرتنت اللعب مع أشخاص آخرين من خالل الشبكة‬
‫أو مشاهدة احملتويات املرئية أو الصوتية على املنصات املختلفة‪.‬‬
‫‪ .5‬التجارة اإللكرتونية والتسوق عرب اإلنرتنت‪ ،‬حيث باإلمكان البيع والشراء من خالل‬
‫شبكة اإلنرتنت ومن مجيع أحناء العامل‪ ،‬وتكون عمليات الدفع غالباً باستخدام البطاقة‬
‫االئتمانية‪.‬‬
‫‪8‬‬
‫‪ .6‬متابعة االخبار‪ ،‬حيث ميكنك أن تتابع األخبار والنشرات وتتصفح اجلرائد واجملالت‬
‫والكتب والبث املباشر للقنوات التلفزيونية وغريها من وسائل نقل األخبار املختلفة‪.‬‬
‫‪ .7‬خدمات ختزين امللفات على الشبكة للوصول إليها يف أي وقت ومكان‪.‬‬
‫‪ .8‬التعريف باخلدمات‪ .‬حيث أصبح بإمكان أي شخص أن ينشئ موقعاً إلكرتونياً أو حِساباً‬
‫على أحد برامج التواصل االجتماعي‪ ،‬يعرف من خالله بنفسه ومبا ميلكه ويدعو إليه من‬
‫أفكار وأطروحات ومهارات‪.‬‬
‫سلبيات اإلنرتنت‪:‬‬
‫‪ .1‬ضعف أمن املعلومات‪ :‬حيث من املمكن أن يتعرض مستخدمو اإلنرتنت العتداءات‬
‫معلوماتية مثل اخرتاق املواقع‪ ،‬أو سرقة معلومات احلسابات املصرفية‪ ،‬أو انتهاك‬
‫اخلصوصية وذلك بنسخ البيانات الشخصية بعد اخرتاق اجلهاز‪ ،‬وميكن الوقاية من هذه‬
‫االعتداءات باتباع وسائل أمن املعلومات وزيادة املعرفة بها‪.‬‬
‫‪ .2‬ضعف الدقة يف املعلومات‪ :‬نظراً إلمكانية أي شخص من إضافة أية معلومة على اإلنرتنت‬
‫دون رقابة أو تدقيق‪ ،‬فقد أصبحت صفحات اإلنرتنت مليئة بالشائعات واملعلومات غري‬
‫الصحيحة‪ ،‬ولذلك إذا أردت احلصول على املعلومات الصحيحة والدقيقة فيجب عليك‬
‫أخذها من املصادر الرمسية املوثوقة‪.‬‬
‫‪ .3‬اإلصابة باألمراض النفسية‪ :‬كثري من األمراض النفسية بدأت بالظهور نتيجة اإلدمان على‬
‫اإلنرتنت‪ ،‬كاالكتئاب واالنطواء والعزلة عن العامل وتكوين عامل وهمي واالرتباط به‪.‬‬
‫‪ .4‬اإلصابة باألمراض البدنية‪ :‬تسببت الساعات الطويلة اليت يقضيها املستخدمون على‬
‫اإلنرتنت إىل زيادة يف نسبة بعض األمراض البدنية‪ ،‬كاألمراض املتعلقة بالعيون والسمنة‬
‫واملفاصل وآالم الرقبة والكتفني‪.‬‬
‫‪ .5‬ضياع الوقت‪ :‬عند استخدام التطبيقات املختلفة لإلنرتنت دون أي تنظيم للوقت فإنه يتسبب‬
‫يف ضياع وقت املستخدم دون أن يشعر‪ ،‬مما يؤثر على حياته العملية كالدراسة أو الوظيفة‬
‫أو حتى إجناز املهام اليومية‪.‬‬
‫‪ .6‬التعرف على صحبة السوء‪ :‬ففي ظل غياب الرقابة األبوية أو جهلهم أحياناً بهذه التقنيات‬
‫وأسرارها‪ ،‬قد يقع األطفال واملراهقني جبهل منهم يف عالقات ال حتمد عقباها‪ ،‬قد‬
‫يتعرضون فيها لالستغالل واالبتزاز‪.‬‬
‫‪9‬‬
‫‪ .7‬املواقع السيئة‪ :‬يوجد يف اإلنرتنت الكثري من املواقع السيئة‪ ،‬فمنها ما يهدف إىل هدم‬
‫الدين والعقيدة‪ ،‬ومنها ما يدعو إىل دعوات اإلرهاب والتخريب‪ ،‬ومنها ما يدعو إىل الدعارة‬
‫والفساد‪.‬‬
‫مكونات وعناصر اإلنرتنت‪:‬‬

‫أوالً‪ :‬املكونات املادية وتتضمن ما يلي‪:‬‬
‫‪ -‬األسالك (‪ :)cables‬وهي اليت حتمل املعلومات إىل األجهزة املختلفة‪.‬‬
‫‪ -‬املوجّهات (‪ :)routers‬وهي وسيلة ربط بني الشبكات واألجهزة املختلفة‪.‬‬
‫‪ -‬اخلوادم (‪ :)servers‬وهي األجهزة اليت ختزن املعلومات اليت تصل إىل املستخدمني‪.‬‬
‫‪ -‬أبراج حمطات اهلواتف اخللوية‪ :‬وهي شبكة اتصاالت السلكية حتتوي على األقل على‬
‫جهاز إرسال واستقبال‪ ،‬وميكن استخدامها لنقل أنواع البيانات املختلفة‪.‬‬
‫ثانياً‪ :‬الربوتوكوالت‪ :‬وهي جمموعة من القواعد واملقاييس اليت متكن األجهزة املختلفة من‬
‫تبادل املعلومات‪ ،‬ومن دون الربوتوكوالت يصبح التواصل بني األجهزة غري ممكن‪.‬‬
‫طريقة عمل اإلنرتنت‪:‬‬

‫تعمل اإلنرتنت عن طريق جمموعة من خطوط النقل عالية السرعة تدعى باخلطوط اهليكلية‬
‫(‪ )Backbones‬للربط بني أجهزة حموالت عالية السرعة‪ ،‬واليت ترتبط خبطوط هيكلية‬
‫للشبكات داخل كل دولة واليت بدورها تربط الشبكات احمللية (‪ )LANs‬والالسلكية يف‬
‫املنشآت املختلفة من وزارات وجامعات وشركات وغريها‪.‬‬
‫ويتم هذا االرتباط من خالل (بروتوكوالت) وهي تنظيمات وقواعد وإجراءات موحدة بني‬
‫مجيع أجهزة الشبكة والذي متكن كل األجهزة والشبكات داخل اإلنرتنت من تبادل البيانات‬
‫مهما تباعدت املسافات أو اختلفت الشبكات املرسل عربها هذه البيانات‪.‬‬
‫ما هي اإلنرتانت‪:‬‬
‫هي شبكة داخلية خاصة تقوم بإنشائها املؤسسات على اختالف أحجامها‪ ،‬حيث ال يستطيع‬
‫أي شخص من خارج املؤسسة أن يدخل إليها مما يعطيها مزايا متعددة‪ ،‬كسرعة تبادل البيانات‬
‫وارتفاع مستوى احلماية باملقارنة مع مستوى احلماية املوجود على شبكة اإلنرتنت العادية‪ ،‬وهذه‬
‫الشبكة تستعمل بروتوكوالت اإلنرتنت املختلفة مثل ‪.SMTP ،HTTP‬‬
‫‪10‬‬
‫هذا يعين أن اإلنرتانت هو نسخة مصغرة من اإلنرتنت تعمل داخل مؤسسة أو كيان تنظيمي‬
‫معني هم الوحيدون القادرون على الوصول إليها‪ ،‬وال حتتوي اإلنرتانت من املعلومات إال تلك اليت‬
‫تسمح بها املؤسسة‪.‬‬
‫العنوان على اإلنرتنت‪:‬‬

‫العنوان ويسمى (‪ )URL‬وهو االسم الذي حيدد طريقة الوصول إىل الصفحة اليت متثل ذلك‬
‫العنوان على الشبكة العاملية‪ ،‬ويتكون العنوان يف اإلنرتنت عادة من األجزاء التالية‪:‬‬
‫‪ .1‬الربوتوكول‪ :‬وهو جمموعة من القواعد واملقاييس اليت متكن أجهزة احلاسب من‬
‫تبادل املعلومات‪.‬‬
‫‪ .2‬النطاق‪ :‬وهو اسم مستخدم املوقع‪.‬‬
‫‪ .3‬الالحقة‪ :‬وهي اليت حتدد نشاط املوقع‪ ،‬كما أن هناك الحقة أخرى ترمز للدولة‪.‬‬
‫مثال لعنوان على اإلنرتنت‪https://www.spa.gov.sa :‬‬
‫املقصود بهذا اجلزء من العنوان‬ ‫جزء العنوان‬
‫يستخدم ملقم ‪ Web‬هذا الربوتوكول ‪https‬‬ ‫‪https‬‬
‫يشري إىل أن املوقع موجود على ‪World Wide Web‬‬ ‫‪www‬‬
‫اسم مستخدم املوقع‪ ،‬وكالة األنباء السعودية‬ ‫‪Spa‬‬
‫املوقع خاص جبهة حكومية‬ ‫‪Gov‬‬
‫املوقع مسجل يف اململكة العربية السعودية‬ ‫‪Sa‬‬
‫معاني أنواع الالحقات‪:‬‬

‫‪Net‬‬ ‫‪mil‬‬ ‫‪edu‬‬ ‫‪gov‬‬ ‫‪com‬‬ ‫‪Org‬‬ ‫الالحقة‬
‫هيئة أو منظمة‬
‫شبكة‬ ‫عسكري‬ ‫تعليمي‬ ‫حكومي‬ ‫جتاري‬ ‫املعنى‬
‫غري رحبية‬
‫مقدمي خدمات اإلنرتنت‪:‬‬

‫يرمز ملقدمي خدمات اإلنرتنت بـ (‪ )ISP‬وهي اختصار ‪ Internet Service Provider‬وهي‬
‫الشركة اليت متكن العمالء من الدخول إىل شبكة اإلنرتنت واخلدمات املتصلة بها مقابل دفع‬
‫اشرتاك هلا‪.‬‬
‫‪11‬‬
‫خدمات مقدمي خدمات اإلنرتنت‪:‬‬

‫تقدم شركات مقدمي خدمات اإلنرتنت العديد من اخلدمات سوف نذكر بعضا منها‪:‬‬
‫‪ .1‬خط املشرتك الرقمي (‪ :)DSL‬وهي توصيل اخلدمات الرقمية عرب خطوط شبكات‬
‫اهلاتف العادية‪.‬‬
‫‪ .2‬األلياف البصرية إىل املنزل (‪ :)FTTH‬وهي شبكة لتوصيل تقنية األلياف الضوئية إىل‬
‫املنازل‪ ،‬وذلك ملنح العمالء سرعة عالية يف استخدام اإلنرتنت‪.‬‬
‫‪ .3‬خدمة النطاق العريض لألجهزة احملمولة (‪ :)Broadband‬هي طريقة االتصاالت اليت‬
‫تتعامل مع ترددات على نطاق واسع‪ ،‬كلما كان النطاق واسع تكون سعة محل‬
‫املعلومات أكرب‪.‬‬
‫‪ .4‬خدمة الرسائل النصية القصرية )‪ )SMS‬عن طريق الويب‪ :‬وهي خدمة متكن العمالء‬
‫من إرسال عدد معني من الرسائل النصية باستخدام املوقع اإللكرتوني اخلاص‬
‫بالشركة‪.‬‬
‫‪ .5‬خدمة احلماية من الفايروسات‪ :‬وهي منح املستخدم اشرتاك جماني يف أحد برامج‬
‫احلماية من الفايروسات‪.‬‬
‫ما هو حمرك البحث‪:‬‬

‫حمرك البحث هو برنامج خمصص للعثور على البيانات أو املعلومات اليت يريدها املستخدم‬
‫من اإلنرتنت كاملواقع أو الصور أو الفيديو وغريها‪.‬‬
‫كيف يعمل حمرك البحث‪:‬‬

‫تعمل حمركات البحث عن طريق ختزين املعلومات عن عدد كبري من صفحات الويب‪،‬‬
‫واليت جتلبها من الشبكة العاملية‪ .‬جتمع هذه الصفحات بواسطة برجميات تسمى (العناكب)‬
‫حيث تقوم هذه الربجميات (العناكب) جبلب بعض صفحات الويب ومن ثم تقوم بتتبع الروابط‬
‫املوجودة داخل تلك الصفحات ومن ثم تتبع الروابط املوجودة يف الصفحات اجلديدة وهكذا‪.‬‬
‫بعد ذلك جيري حتليل كل صفحة لتحديد كيف ينبغي فهرستها (على سبيل املثال‪ :‬تستخلص‬
‫الكلمات من العناوين‪ ،‬ورؤوس املوضوعات وغريها)‪ .‬ختزن البيانات عن صفحات الويب يف‬
‫قاعدة بيانات مفهرسة لالستخدام يف عمليات البحث الحقا‪.‬‬
‫‪12‬‬
‫حمرك حبث ‪:Google‬‬

‫حمرك حبث ‪ Google‬يتبع لشركة ‪ Alphabet‬القابضة‪ ،‬ويُعد حمرك حبث ‪Google‬‬
‫األكثر استخداماً يف العامل‪ ،‬حيث إنه يستخدم خوارزميات خاصة للبحث عن النتائج وترتيبها‪،‬‬
‫ويوفر حمرك حبث ‪ Google‬مصادر البيانات األكثر موثوقية وصلة باملوضوع‪ ،‬اجلدير بالذكر‬
‫أن شركة ‪ Google‬بدأت كشركة حبث على اإلنرتنت ولكنها اآلن تقدم أكثر من ‪ 50‬خدمة‬
‫خمتلفة‪ .‬يوضح الشكل رقم (‪ )1-1‬شعار شركة ‪.Google‬‬
‫الشكل رقم (‪)1-1‬‬
‫حمرك حبث ‪:Bing‬‬

‫يتبع حمرك حبث ‪ Bing‬لشركة ‪ ،Microsoft‬حيث يعترب حمرك حبث ‪ Bing‬بديالً حملرك‬
‫حبث ‪ Live Search‬حمرك البحث السابق لشركة ‪ Microsoft‬ومنافساً حملرك حبث ‪.Google‬‬
‫يوضح الشكل رقم (‪ )2-1‬شعار حمرك ‪.Bing‬‬
‫حمرك حبث ‪:Yahoo‬‬

‫حمرك حبث ‪ Yahoo‬أحد خدمات شركة ‪ Yahoo‬الشركة الرائدة سابقاً يف تقديم‬
‫خدمات اإلنرتنت والبحث‪ ،‬يعمل حمرك حبث ‪ Yahoo‬حالياً باستخدام حمرك البحث اخلاص‬
‫‪ Bing‬وذلك حسب اتفاقية مت عقدها بني الشركتني‪ .‬يوضح الشكل رقم (‪ )3-1‬شعار شركة‬
‫‪.Yahoo‬‬
‫‪13‬‬
‫مهارات متقدمة يف عمليات البحث‪:‬‬

‫‪ .1‬البحث بكلمات مفتاحية‪ :‬عند البحث عن موضوع معني حاول أن جتد الكلمات املفتاحية‬
‫هلذا املوضوع واليت تتكون من ثالث كلمات أو أقل‪ ،‬فزيادة عدد الكلمات يؤدي إىل نتائج‬
‫تضيق عمليات البحث ونتائج غري دقيقة‪.‬‬
‫‪ .2‬البحث عن صورة حبجم حمدد‪ :‬اكتب النص (‪:imagesize‬العرض‪x‬االرتفاع) بعد الكلمة‬
‫( ‪tree‬‬ ‫اليت سوف تبحث عنها مباشرة (اكتب حجم الصورة بـالـ ‪ ،) pixel‬مثال‬
‫‪ )imagesize:100x100‬أي ستقوم بالبحث عن كلمة ‪ tree‬وستحدد العرض ‪ 100‬واالرتفاع‬
‫‪.100‬‬
‫‪ .3‬البحث عن مجلة مطابقة متاماً‪ :‬ميكن البحث عن مجلة حمددة باستخدام عالمة‬
‫التنصيص " "‪ ،‬وذلك للبحث عن صفحات حتتوي على ما بداخل هذه العالمات بالضبط‬
‫وككتلة واحدة‪ ،‬مثال ("التقنيات احلديثة")‪.‬‬
‫‪ .4‬البحث عن كلمة واحدة يف اسم الصفحة‪ :‬يتم استخدام الكلمة ‪ intitle:‬مثال‬
‫(‪:intitle‬حممد)‪.‬‬
‫‪ .5‬البحث عن عدة كلمات يف اسم الصفحة‪ :‬يتم استخدام الكلمة ‪ allintitle:‬مثال‬
‫(‪:allintitle‬الثقافة املهنية)‪.‬‬
‫‪ .6‬البحث عن كلمة يف عنوان ‪ :URL‬يتم استخدام الكلمة ‪ inurl:‬مثال (‪.)inurl:tech‬‬
‫‪ .7‬البحث عن عدة كلمات يف عنوان ‪ :URL‬يتم استخدام الكلمة ‪ allinurl:‬مثال‬
‫(‪.)allinurl:new technology‬‬
‫‪ .8‬البحث يف مدى رقمني‪ :‬يتم استخدام النقطتني املتتابعتني (‪ )..‬إلظهار نتائج األرقام بني هذين‬
‫الرقمني مثال (جوال ‪.)2500..1500‬‬
‫‪ .9‬اجلمع بني عمليات البحث‪ :‬يتم استخدام الكلمة ‪ OR‬للجمع بني عملييت حبث مثال (هاتف‬
‫‪ OR‬إنرتنت)‪.‬‬
‫‪ .10‬استبعاد كلمة من البحث‪ :‬الستبعاد كلمة من البحث ضع قبلها الرمز (‪ ،)-‬مثال‬
‫(اخلضراوات اخلضراء ‪-‬بازالء)‪.‬‬
‫ملحوظة‪ :‬جيب حتري الدقة يف كتابة الرموز حيث إن كثرياً منها ال حتتوي على مسافات بني‬
‫كلمة البحث والرمز املستخدم‪.‬‬
‫‪14‬‬
‫البحث باستخدام صورة يف حمرك حبث‪:Google‬‬
‫‪ .1‬قم بالدخول على موقع ‪ ،Google‬ثم انقر على صور‪ ،‬كما يف الشكل رقم (‪.)4-1‬‬
‫‪ .2‬انقر على رمز الكامريا‪ ،‬كما يف الشكل رقم (‪.)5-1‬‬
‫‪ .3‬من نافذة البحث حبسب الصور بإمكانك لصق رابط الصورة أو اختيارها من جهازك‪،‬‬
‫قم باختيار صورة من اجلهاز بالنقر على (حتميل صورة)‪ ،‬كما يف الشكل رقم (‪.)6-1‬‬
‫‪ .4‬الختيار الصورة من جهازك انقر على (اختيار ملف)‪ ،‬كما يف الشكل رقم (‪.)7-1‬‬
‫‪15‬‬
‫‪ .5‬اخرت صورة للبحث عنها‪ ،‬ثم انقر على ‪ ،open‬كما يف الشكل رقم (‪.)8-1‬‬
‫‪ .6‬ستظهر لك نتائج البحث اخلاصة بهذه الصورة‪ ،‬كما يف الشكل رقم (‪.)9-1‬‬
‫ملحوظة‪ :‬ميكن سحب الصورة ثم إفالتها يف مربع البحث‪ ،‬كما يف الشكل رقم (‪.)10-1‬‬
‫‪16‬‬
‫إعدادات حمرك حبث ‪:Google‬‬

‫بعد كتابة كلمة البحث ويف قسم (الكل)‪ ،‬انقر على (اإلعدادات)‪ ،‬ثم انقر على‬
‫(إعدادات البحث)‪ ،‬كما يف الشكل رقم (‪.)11-1‬‬
‫‪ ‬إعدادات البحث‪ ،‬وحتتوي على‪:‬‬

‫‪ o‬نتائج البحث‪:‬‬
‫‪ -‬البحث اآلمن‪ :‬يقوم البحث اآلمن بتصفية نتائج البحث من احملتويات غري املالئمة‬
‫كالصور اإلباحية مثالً مع العلم بأن نسبة التصفية فيه ال تصل إىل ‪،%100‬‬
‫وميكن تشغيل البحث اآلمن أو إيقافه من إعدادات البحث‪.‬‬
‫‪ -‬النتائج لكل صفحة‪ :‬وفيها يتم حتديد عدد النتائج اليت تريد ظهورها يف الصفحة‬
‫الواحدة‪.‬‬
‫‪ -‬النتائج اخلاصة‪ :‬تساعد املستخدم يف العثور على نتائج أكثر صلة به‪ ،‬ونتائج حبث‬
‫تظهر له فقط‪ ،‬وميكن تفعيلها من إعدادات البحث‪.‬‬
‫‪ -‬فتح النتائج يف متصفح جديد‪ :‬فتح كل نتيجة حمددة يف نافذة متصفح جديدة‪.‬‬
‫‪ -‬سجل البحث‪ :‬يساعد سجل البحث يف احلصول على نتائج أكثر صلة مبوضوع‬
‫البحث وذلك من خالل استخدام العناصر اليت تبحث عنها والنتائج اليت تنقر‬
‫عليها‪ ،‬وميكن إدارة سجل البحث أو إيقافه أو تشغيله من إعدادات البحث‪.‬‬
‫‪17‬‬
‫‪ -‬إعدادات املنطقة‪ :‬قم بتحديد املنطقة اليت تريدها لعرض نتائج أكثر صلة ودقة‬
‫باملوضوع‪.‬‬
‫‪ o‬اللغات‪ :‬ومنها ميكن للمستخدم تغيري لغة نتائج البحث‪.‬‬
‫‪ o‬مساعدة‪ :‬وهي للبحث عن حل ملشكلة ما متعلقة بـ ‪.Google‬‬
‫‪ ‬حبث متقدم‪:‬‬
‫للوصول للبحث املتقدم اكتب كلمة البحث اليت تريدها ويف قسم (الكل)‪ ،‬انقر على‬
‫(اإلعدادات)‪ ،‬ثم انقر على (حبث متقدم)‪ ،‬كما يف الشكل رقم (‪.)12-1‬‬
‫يُتيح البحث املتقدم ويف مكان واحد ما يلي‪:‬‬

‫‪ ‬اجلمع بني عمليات البحث‪ :‬باستخدام (‪ )OR‬بني الكلمات‪.‬‬
‫‪ ‬البحث عن مجلة مطابقة متاماً‪ :‬وذلك بكاتبة النص داخل عالميت التنصيص ("")‪.‬‬
‫‪ ‬استبعاد كلمة من البحث‪ :‬باستخدام عالمة (‪ )-‬قبل كلمة البحث‪.‬‬
‫‪ ‬البحث عن أرقام ترتاوح من وإىل‪ :‬وذلك باستخدام النقطتني (‪ )..‬بني األرقام‪.‬‬
‫‪ ‬اللغة‪ :‬للبحث عن نتائج باللغة اليت حتددها‪.‬‬
‫‪ ‬املنطقة‪ :‬للبحث عن نتائج مت نشرها يف منطقة معينة‪.‬‬
‫‪ ‬آخر حتديث‪ :‬البحث عن نتائج مت نشرها خالل فرتة زمنية تقوم بتحديدها‪.‬‬
‫‪ ‬موقع الويب أو النطاق‪ :‬البحث داخل موقع إلكرتوني معني‪ ،‬أو حتديد النتائج بنطاق معني‬
‫‪ org،com‬وغريها‪.‬‬
‫‪18‬‬
‫‪ ‬العبارات اليت تظهر‪ :‬حتديد مكان البحث يف العنوان أو داخل الصفحة أو ‪ URL‬وغريها‪.‬‬
‫‪ ‬البحث اآلمن‪ :‬يقوم بتصفية النتائج من احملتوى اإلباحي‪.‬‬
‫نوع امللف‪ :‬يتيح لك حتديد صيغة امللفات اليت تريدها مثل‪ xls، ppt، doc،pdf :‬وغريها‪.‬‬
‫‪ ‬حقوق االستخدام‪ :‬يتيح لك اظهار نتائج البحث على حبسب حقوق االستخدام وهي‪:‬‬
‫‪ o‬ميكن استخدامها أو مشاركتها جمانا‪.‬‬
‫‪ o‬ميكن استخدامها أو مشاركتها جماناً‪ ،‬مبا يف ذلك االستخدام التجاري‪.‬‬
‫‪ o‬ميكن مشاركتها أو تعديلها جمانا‪.‬‬
‫‪ o‬ميكن استخدامها أو مشاركتها أو تعديلها جمانا‪ ،‬مبا يف ذلك االستخدام‬
‫التجاري‪.‬‬
‫متصفحات اإلنرتنت‪:‬‬
‫هي برامج متكن املستخدمني من الوصول إىل مواقع الويب على اإلنرتنت‪ ،‬حيث تقوم‬
‫متصفحات اإلنرتنت برتمجة صفحات الويب واليت يتم كتابتها باستخدام لغات الربجمة املختلفة‬
‫إىل حمتوى ميكن للمستخدم التعامل معها بسهولة‪ ،‬وقد ختتلف بعض مميزات متصفحات‬
‫اإلنرتنت عن بعضها البعض ولكنها تؤدي نفس الغرض‪ ،‬كما مت تصميم املتصفحات بواجهات‬
‫سهلة االستخدام لتمكني مجيع املستخدمني من التعامل معها‪ ،‬وقد ختتلف بعض مسميات‬
‫القوائم واألدوات املستخدمة يف متصفحات اإلنرتنت كما ستالحظ‪.‬‬
‫متصفح ‪:Mozilla Firefox‬‬

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

‫‪ .1‬افتح املتصفح االفرتاضي على نظام التشغيل الذي تستخدمه‪ ،‬ثم توجه إىل موقع‬
‫شركة ‪ Mozilla‬عرب هذا العنوان ‪ http://www.mozilla.org/‬أو استخدم أحد‬
‫حمركات البحث للوصول إليه‪.‬‬
‫‪ .2‬قم بتحميل الربنامج من موقع الشركة‪.‬‬
‫‪ .3‬انقر على برنامج تشغيل املتصفح‪ ،‬كما يف الشكل رقم (‪.)13-1‬‬
‫‪19‬‬
‫‪ .4‬قم بالسماح للتطبيق من أن يُثبت على جهازك‪ ،‬كما يف الشكل رقم (‪.)14-1‬‬
‫‪ .5‬يتم يف هذه اخلطوة تثبيت املتصفح‪ ،‬كما يف الشكل رقم (‪.)15-1‬‬
‫‪ .6‬ستتم إضافة الربنامج يف قائمة ابدأ‪ ،‬وستتم إضافة اختصاراً له على سطح املكتب‪.‬‬
‫فتح متصفح ‪:Firefox‬‬

‫الطريقة األوىل‪:‬‬
‫انقر على قائمة ابدأ‪ ،‬ثم انقر على برنامج ‪ Firefox‬فيفتح لك صفحة اإلنرتنت‪ ،‬كما يف‬
‫الشكل رقم (‪.)16-1‬‬
‫‪20‬‬

‫الطريقة الثانية‪:‬‬
‫انقر فوق أيقونة متصفح ‪ Firefox‬املوضحة يف الشكل رقم (‪ )17-1‬من على سطح‬
‫املكتب‪ ،‬فيفتح لك صفحة اإلنرتنت‪.‬‬
‫طريقة الوصول إىل عنوان يف اإلنرتنت‪:‬‬

‫بعد أن تقوم بتشغيل املتصفح‪ ،‬اكتب العنوان يف شريط العنوان‪ ،‬فإن كنت استخدمت‬
‫العنوان من قبل فستظهر لك قائمة بالعناوين املشابهة واليت ميكنك االختيار من بينها‪ ،‬وبعد‬
‫من شريط العنوان‪،‬‬ ‫كتابة العنوان اضغط على مفتاح اإلدخال أو انقر على رمز االنتقال‬
‫كما يف الشكل رقم (‪.)18-1‬‬
‫تعلم كيفية استعراض صفحات الويب بشكل أسرع وأسهل‪:‬‬

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

‫‪ .1‬للعودة للصفحة األخرية اليت عرضتها‪ ،‬انقر فوق الزر عد للخلف صفحة واحدة‪ ،‬كما‬
‫يف الشكل رقم (‪.)19-1‬‬
‫‪ .2‬لعرض صفحة عرضتها بعد النقر فوق الزر عد للخلف صفحة واحدة‪ ،‬انقر على الزر‬
‫اذهب لألمام صفحة واحدة‪ ،‬كما يف الشكل رقم (‪.)20-1‬‬
‫‪ .3‬لعرض تسلسل الصفحات اليت زرتها قبل الصفحة احلالية‪ ،‬قم بالنقر مطوالً على زر‬
‫عد للخلف صفحة واحدة‪ ،‬كما يف الشكل رقم (‪.)21-1‬‬
‫تعيني الصفحة الرئيسة‪:‬‬

‫‪ .1‬الصفحة الرئيسة هي الصفحة اليت تظهر كل مرة تبدأ فيها متصفح اإلنرتنت‪،‬‬
‫وميكنك أن حتدد الصفحة الرئيسة باخلطوات التالية‪ :‬افتح القائمة اجلانبية بالنقر على‬
‫‪ ،‬ثم انقر على خيارات‪ ،‬كما هو موضح يف الشكل رقم (‪.)22-1‬‬
‫‪22‬‬
‫‪ .2‬ستظهر صفحة خيارات املتصفح‪ ،‬منها انقر على املنزل‪ ،‬كما هو موضح يف الشكل‬
‫رقم (‪.)23-1‬‬
‫‪ .3‬انقر على القائمة املنسدلة اليت جبانب صفحة البداية والنوافذ اجلديدة‪ ،‬ثم انقر منها‬
‫على عناوين خمصصة‪ ،‬كما يف الشكل رقم (‪.)24-1‬‬
‫‪ .4‬قم بكتابة عنوان املوقع الذي تريده أن يظهر عند فتح املتصفح يف املكان املخصص‪،‬‬
‫‪23‬‬
‫إضافة صفحة ويب إىل العالمات‪:‬‬

‫من شريط‬ ‫إلضافة صفحة ويب إىل العالمات املرجعية (املفضلة)‪ ،‬انقر على زر العالمات‬
‫العنوان‪ ،‬ستظهر لك نافذة لتسمية هذه الصفحة وحتديد مكان حفظها‪ ،‬كما يظهر يف‬
‫الشكل رقم (‪.)26-1‬‬
‫‪24‬‬
‫فتح صفحة ويب من العالمات‪:‬‬

‫لفتح صفحة ويب من قائمة العالمات (الصفحات اللي قمت بتفضيلها) قم بالتالي‪:‬‬
‫‪.‬‬ ‫‪ .1‬انقر على‬
‫‪ .2‬انقر على العالمات‪ ،‬كما يف الشكل رقم (‪.)27-1‬‬
‫‪ .3‬ثم ستظهر لك صفحة العالمات‪ ،‬كما يف الشكل رقم (‪.)28-1‬‬
‫االرتباط بصفحة ويب حمددة‪:‬‬

‫للعودة للصفحة اليت تظهر كل مرة تبدأ فيها متصفح اإلنرتنت‪ ،‬انقر فوق زر صفحة بداية‬
‫‪ Firefox‬املوضح يف الشكل رقم (‪.)29-1‬‬
‫‪25‬‬
‫إدارة التأريخ‪:‬‬
‫لعرض صفحات ويب اليت قمت بزيارتها حديثاً أو حتى قبل فرتة زمنية قم بالتالي‪:‬‬
‫‪.‬‬ ‫‪ .1‬انقر على زر اعرض التاريخ والعالمات احملفوظة وغريها‬
‫‪ .2‬انقر على التأريخ‪ ،‬كما يف الشكل رقم (‪.)30-1‬‬
‫‪ .3‬ستظهر لك صفحة التأريخ‪ ،‬كما يف الشكل رقم (‪.)31-1‬‬
‫‪26‬‬
‫طباعة صفحة ويب‪:‬‬

‫لطباعة صفحة ويب اتبع اخلطوات التالية‪:‬‬
‫‪ ،‬ثم انقر على اطبع‪ ،‬كما يف الشكل رقم (‪.)32-1‬‬ ‫‪ .1‬انقر على‬
‫‪ .2‬ستظهر صفحة معاينة الصفحة قبل الطباعة‪ ،‬منها انقر على اطبع‪ ،‬كما يف‬
‫الشكل رقم (‪.)33-1‬‬
‫‪ .3‬ستظهر لك نافذة حوار لتعيني إعدادات الطباعة اليت ترغب فيها‪ ،‬حدد اإلعدادات‬
‫اليت تريدها ثم انقر على طباعة‪ ،‬كما يف الشكل رقم (‪.)34-1‬‬
‫‪27‬‬
‫حفظ صفحة ويب على احلاسب‪:‬‬

‫حلفظ صفحة ويب ميكنك الضغط على املفاتيح ‪ Ctrl+S‬أو اتبع اخلطوات التالية‪:‬‬
‫‪ ،‬ثم انقر على احفظ الصفحة باسم‪ ،‬كما هو موضح يف الشكل‬ ‫‪ .1‬انقر على‬
‫رقم (‪.)35-1‬‬
‫‪ .2‬حدد موقع حفظ امللف واكتب امساً له‪ ،‬ثم انقر على القائمة املنسدلة جبانب‬
‫حفظ كنوع لتحديد نوع امللف‪ ،‬كما يف الشكل رقم (‪.)36-1‬‬
‫‪28‬‬
‫‪ .3‬اخرت نوع امللف املناسب الستخدامك‪ ،‬ثم انقر على حفظ‪ ،‬كما موضح يف الشكل‬
‫رقم (‪.)37-1‬‬
‫صفحة وب كاملة‪ :‬ويستخدم هذا النوع حلفظ كافة امللفات املطلوبة لعرض الصفحة‪ ،‬متضمنة‬
‫الرسومات‪ ،‬وأوراق األمناط‪ ،‬وعند اختيار هذا النوع‪ ،‬يتم حفظ كل ملف بتنسيقه األصلي‬
‫وهذا النوع ميكنك من عرض كافة صفحات ويب بدون اتصال باإلنرتنت‪ ،‬كما أن احلفظ يف‬
‫هذا النوع يتم على الصفحة احلالية فقط دون الصفحات الفرعية‪.‬‬
‫فقط ‪ HTML‬صفحة وب‪ :‬ويستخدم هذا النوع حلفظ صفحة ‪ HTML‬احلالية فقط أي حفظ‬
‫املعلومات على صفحة ويب‪ .‬لكن ال يتم حفظ الرسومات‪ ،‬أو أي ملفات أخرى‪.‬‬
‫ملفات نصية‪ :‬ويستخدم هذا النوع حلفظ النص فقط من صفحة ويب احلالية‪ ،‬بتنسيق نص‬
‫نظامي‪.‬‬
‫كل امللفات‪ :‬ويستخدم هذا النوع حلفظ كافة امللفات املطلوبة لعرضها يف ملف مفرد‪.‬‬
‫فتح نافذة خاصة‪:‬‬

‫وهي خاصية إلخفاء أي أثر لك يف املتصفح‪ ،‬وهي مفيدة عند استخدامك لإلنرتنت يف‬
‫األماكن العامة مثل مقاهي اإلنرتنت أو املكاتب العامة‪ ،‬لفتح نافذة خاصة جديدة ميكنك‬
‫الضغط على املفاتيح ‪ Ctrl+Shift+P‬أو اتبع اخلطوات التالية‪:‬‬
‫‪ ،‬ثم انقر على نافذة خاصة جديدة‪ ،‬كما يف الشكل رقم (‪.)38-1‬‬ ‫‪ .1‬انقر على‬
‫‪29‬‬
‫‪ .2‬ستفتح لك نافذة خاصة جديدة‪ ،‬كما يف الشكل رقم (‪.)39-1‬‬
‫اإلضافات‪:‬‬
‫اإلضافات هي تطبيقات ميكنك تنزيلها ملتصفح ‪ Firefox‬إلضافة املزيد من املميزات‬
‫للمتصفح‪ ،‬ولتنزيل إضافة جديدة ميكنك الضغط على املفاتيح ‪ Ctrl+Shift+A‬أو اتبع‬
‫اخلطوات التالية‪:‬‬
‫‪ ،‬ثم انقر على اإلضافات‪ ،‬كما يف الشكل رقم (‪.)40-1‬‬ ‫‪ .1‬انقر على‬
‫‪30‬‬
‫‪ .2‬سوف تفتح لك صفحة إدارة اإلضافات والسمات‪ ،‬انقر على االمتدادات‪ ،‬ثم اكتب يف‬
‫مربع البحث اخلاص باإلضافات اسم اإلضافة اليت تريد إضافتها للمتصفح‪ ،‬على‬
‫سبيل املثال ‪ ،adblock‬كما يف الشكل رقم (‪.)41-1‬‬
‫‪ .3‬ستظهر لك نتيجة البحث عن اسم اإلضافة اليت قمت بالبحث عنها‪ ،‬كما يف الشكل‬
‫رقم (‪.)42-1‬‬
‫‪ .4‬انقر على اإلضافة اليت تريدها وذلك لعرض تفاصيل أكثر عنها كاملراجعات‬
‫والتقييم‪ ،‬ثم انقر على ‪+‬أضِف إىل فريفُكس‪ ،‬كما يف الشكل رقم (‪.)43-1‬‬
‫‪31‬‬
‫‪ .5‬ستظهر لك نافذة بالصالحيات اليت سوف تسمح لإلضافة بالوصول إليها‪ ،‬بعد االطالع‬
‫على الصالحيات انقر على أضِف‪ ،‬كما يف الشكل رقم (‪.)44-1‬‬
‫ملحوظة‪ :‬اإلضافات يف ‪ Firefox‬ختتلف عن اإلضافات يف املتصفحات األخرى‪ ،‬فقد جتد‬

‫إضافات يف هذا املتصفح غري مسموح بها يف متصفح ‪ Google Chrome‬مثالً‪.‬‬
‫إزالة إضافة‪:‬‬
‫إلزالة إضافة اتبع اخلطوات التالية‪ ،‬كما يف الشكل رقم (‪:)45-1‬‬
‫‪ .1‬توجه إىل اإلضافات كما يف اخلطوات السابقة‪.‬‬
‫‪.‬‬ ‫‪ .2‬من اإلضافة اليت تريد إزالتها انقر على‬
‫‪ .3‬انقر على ‪.Remove‬‬
‫‪ .4‬انقر على أزل من نافذة تأكيد اإلزالة‪ ،‬وبهذا سيتم إزالة اإلضافة‪ ،‬كما يف‬
‫‪32‬‬
‫إدارة التنزيالت‪:‬‬
‫لتنزيل ملف يف جهازك اتبع اخلطوات التالية‪:‬‬
‫‪ .1‬عند النقر على رابط حتميل امللف من أحد املواقع‪ ،‬ستظهر لك نافذة حوار انقر‬
‫منها على احفظ امللف‪ ،‬كما يف الشكل رقم (‪.)47-1‬‬
‫الذي سيظهر جبانب شريط العنوان‪.‬‬ ‫‪ .2‬بعد اكتمال حفظ امللف انقر على الرمز‬
‫‪ .3‬انقر على امللف الذي مت حتميله لكي تقوم بفتحه‪.‬‬
‫ملحوظة‪ :‬باإلمكان النقر على أظهر كل التنزيالت لعرض مجيع تنزيالتك السابقة‪ ،‬ولعرض‬
‫‪ ،‬كما يف‬ ‫امللف الذي مت تنزليه يف موقعه على جهاز احلاسب انقر على الرمز‬
‫الشكل رقم (‪.)48-1‬‬
‫‪33‬‬
‫حفظ صورة من اإلنرتنت‪:‬‬

‫حلفظ صورة من صفحة اإلنرتنت اتبع اخلطوات التالية‪:‬‬
‫‪ .1‬قم بالنقر على الصورة بالزر األمين‪ ،‬ثم انقر على احفظ الصورة باسم‪ ،‬كما يف‬
‫الشكل رقم (‪.)49-1‬‬
‫‪ .2‬ستظهر لك نافذة حوار‪ ،‬قم بكتابة امساً للصورة‪ ،‬ثم حدد مكان حفظها على‬
‫جهازك‪ ،‬ثم انقر حفظ‪ ،‬كما يف الشكل رقم (‪.)50-1‬‬
‫‪34‬‬
‫تكبري وتصغري حجم صفحة الويب‪:‬‬

‫لتكبري صفحة الويب ميكنك الضغط على املفاتيح ('‪ )Ctrl+'+‬وللتصغري اضغط املفاتيح‬
‫للتصغري‬ ‫‪ ،‬ثم انقر على الرمز‬ ‫('‪ )Ctrl+'-‬ومللء الشاشة اضغط املفتاح ‪ ،F11‬أو انقر على‬
‫مللء الشاشة‪ ،‬كما يف الشكل رقم (‪.)51-1‬‬ ‫للتكبري والرمز‬ ‫والرمز‬
‫التزامن‪:‬‬
‫وهي نقل معلومات تصفحك يف متصفح ‪ Firefox‬إىل أي مكانٍ تشاء‪ ،‬سواءً كان على‬
‫هاتفك الذكي أو أي جهاز آخر‪ ،‬وإلعداد التزامن اتبع اخلطوات التالية‪:‬‬
‫‪ ،‬ثم انقر على لِج إىل ‪ ،Firefox‬كما هو موضح يف الشكل‬ ‫‪ .1‬انقر على الرمز‬
‫رقم (‪.)52-1‬‬
‫‪35‬‬
‫‪ .2‬قم بإدخال بريدك اإللكرتوني يف الصفحة التالية‪ ،‬ثم اضغط استمر‪ ،‬كما يف‬
‫الشكل رقم (‪.)53-1‬‬
‫‪ .3‬قم بإدخال كلمة السر والعمر يف الصفحة التالية ثم انقر على أنشئ حساباً‪ ،‬كما‬
‫‪36‬‬
‫‪ .4‬سيصلك رمز تأكيد على بريدك اإللكرتوني‪ ،‬قم بإدخاله يف املكان املخصص‪،‬‬
‫ثم انقر على أكِد‪ ،‬كما يف الشكل رقم (‪.)55-1‬‬
‫‪ .5‬وبهذا مت إنشاء حساب ملزامنة معلومات هذا املتصفح يف أي مكان آخر‪ ،‬كما‬
‫ملحوظة‪ :‬ملزامنة معلومات متصفحك مع أي جهاز آخر فقط‪ ،‬قم بتنزيل متصفح ‪ Firefox‬على‬
‫أي نظام تشغيل‪ ،‬ثم قم بتسجيل الدخول باستخدام احلساب الذي قمت بإنشائه‬
‫للمزامنة‪.‬‬
‫‪37‬‬
‫إعدادات االتصال‪:‬‬
‫للوصول إىل إعدادات االتصال يف متصفح ‪ Firefox‬كإعدادات الوسيط (اخلادم) واملنفذ‬
‫اتبع اخلطوات التالية‪:‬‬
‫‪،‬ثم انقر على خيارات‪ ،‬كما يف الشكل رقم (‪.)57-1‬‬ ‫‪ .1‬انقر على الرمز‬
‫‪ .2‬ومن القائمة اجلانبية يف صفحة اخليارات‪ ،‬انقر على عام‪.‬‬

‫‪ .3‬انزل إىل آخر الصفحة ثم انقر على زر اإلعدادات يف قسم إعدادات الشبكة‪،‬‬
‫‪38‬‬
‫‪ .4‬ستظهر على صفحة إعدادات االتصاالت‪ ،‬كما يف الشكل رقم (‪.)59-1‬‬
‫‪39‬‬
‫متصفح ‪:Google Chrome‬‬

‫وهو متصفح مغلق املصدر مت بناؤه على متصفح ‪ chromium‬مفتوح املصدر‪ ،‬يتبع متصفح‬
‫‪ Google Chrome‬لشركة ‪ ،Google‬ويعمل على أغلب أنظمة تشغيل احلاسوب باإلضافة إىل‬
‫أنظمة تشغيل اهلواتف الذكية‪.‬‬
‫حتميل متصفح ‪:Google Chrome‬‬

‫‪ .1‬افتح املتصفح االفرتاضي على نظام التشغيل الذي تستخدمه‪ ،‬ثم توجه إىل موقع‬
‫املتصفح عرب هذا العنوان ‪ https://www.google.com/intl/ar/chrome‬أو استخدم‬
‫أحد حمركات البحث للوصول إليه‪.‬‬
‫‪ .2‬قم بتحميل الربنامج من موقع الشركة‪.‬‬
‫‪ .3‬انقر على برنامج تشغيل املتصفح‪ ،‬كما يف الشكل رقم (‪.)60-1‬‬
‫‪ .5‬يتم تنزيل الربنامج من اإلنرتنت وتثبيته‪ ،‬كما يف الشكل رقم (‪.)62-1‬‬
‫‪40‬‬
‫‪ .6‬بعد االنتهاء من التثبيت سيتم فتح متصفح ‪ Google Chrome‬تلقائياً‪ ،‬كما يف‬
‫الشكل رقم (‪.)63-1‬‬
‫‪ .7‬ستتم إضافة الربنامج يف قائمة ابدأ‪ ،‬وستتم إضافة اختصاراً له على سطح املكتب‪.‬‬
‫فتح متصفح ‪:Google Chrome‬‬

‫انقر فوق أيقونة متصفح ‪ Google Chrome‬املوضح يف الشكل رقم (‪ )64-1‬من على‬
‫سطح املكتب‪ ،‬فيفتح لك صفحة اإلنرتنت‪.‬‬

‫انقر على قائمة ابدأ ثم انقر على برنامج ‪ Google Chrome‬كما هو موضح يف الشكل‬
‫رقم (‪ ،)65-1‬فيفتح لك صفحة اإلنرتنت‪.‬‬
‫‪41‬‬

‫بعد أن تقوم بتشغيل املتصفح‪ ،‬اكتب العنوان يف شريط العناوين‪ ،‬كما يف الشكل رقم‬
‫(‪ ،)66-1‬فستظهر لك قائمة بالعناوين املشابهة لليت قمت بكتابتها واليت ميكنك االختيار من‬
‫بينها‪ ،‬وبعد كتابة العنوان اضغط على مفتاح اإلدخال‪.‬‬


‫‪ .1‬للعودة للصفحة األخرية اليت عرضتها‪ ،‬انقر على زر الرجوع للوراء‪.‬‬
‫‪ .2‬لعرض صفحة عرضتها بعد النقر على زر الرجوع للوراء‪ ،‬انقر على زر االنتقال إىل‬
‫األمام‪.‬‬
‫‪ .3‬إلعادة حتميل الصفحة (حتديث)‪ ،‬انقر على زر إعادة حتميل الصفحة‪ ،‬كما يف‬
‫الشكل رقم (‪.)67-1‬‬
‫‪ .4‬لعرض تسلسل الصفحات اليت زرتها قبل الصفحة احلالية‪ ،‬قم بالنقر مطوالً على زر‬
‫الرجوع للوراء‪ ،‬كما يف الشكل رقم (‪.)68-1‬‬
‫‪42‬‬
‫‪ .5‬لعرض تسلسل الصفحات اليت زرتها بعد الصفحة احلالية‪ ،‬قم بالنقر مطوالً على زر‬
‫االنتقال إىل األمام‪ ،‬كما يف الشكل رقم (‪.)69-1‬‬
‫تعيني صفحة بدء تشغيل املتصفح‪:‬‬

‫وهي الصفحة اليت تظهر كل مرة تبدأ فيها متصفح اإلنرتنت‪ ،‬وميكنك أن حتدد صفحة‬
‫بدء التشغيل باخلطوات التالية‪:‬‬
‫‪ ،‬ثم انقر على اإلعدادات‪ ،‬كما هو موضح يف الشكل‬ ‫‪ .1‬افتح القائمة بالنقر على‬
‫رقم (‪.)70-1‬‬
‫‪43‬‬
‫‪ .2‬ستظهر لك صفحة إعدادات املتصفح‪ ،‬منها انقر على عالقتك مع ‪ ،Google‬كما يف‬
‫الشكل رقم (‪.)71-1‬‬
‫‪ .3‬قم بالنزول إىل آخر الصفحة‪ ،‬ويف القسم عند بدء التشغيل انقر على فتح صفحة حمددة‬
‫أو جمموعة صفحات‪.‬‬
‫‪ .4‬انقر على إضافة صفحة جديدة‪ ،‬كما يف الشكل رقم (‪.)72-1‬‬
‫‪ .5‬قم بكتابة عنوان املوقع اليت تريده أن يظهر على عند فتح املتصفح‪ ،‬ثم انقر إضافة‪،‬‬
‫‪44‬‬
‫ملحوظة‪ :‬باإلمكان إضافة أكثر من صفحة عند بدء تشغيل املتصفح‪.‬‬

‫تفعيل زر الصفحة الرئيسة‪:‬‬
‫باخلطوات التالية‪:‬‬ ‫باإلمكان تفعيل زر االنتقال إىل الصفحة الرئيسة‬
‫‪ ،‬ثم قم بالنقر على اإلعدادات‪ ،‬كما يف الشكل رقم (‪.)74-1‬‬ ‫‪ .1‬قم بالنقر على‬
‫‪ .2‬ستظهر لك صفحة اإلعدادات‪ ،‬منها انقر على عالقتك مع ‪ ،Google‬كما يف الشكل‬

‫رقم (‪.)75-1‬‬
‫‪45‬‬
‫‪ .3‬قم بالنزول إىل قسم املظهر‪ ،‬ثم انقر على عرض زر الصفحة الرئيسة‪ ،‬كما يف الشكل‬
‫رقم (‪.)76-1‬‬
‫‪،‬‬ ‫‪ .4‬اكتب عنوان املوقع الذي تريده أن يظهر بعد النقر على زر الصفحة الرئيسة‬
‫‪46‬‬
‫إضافة صفحة ويب إىل اإلشارات املرجعية‪:‬‬

‫إلضافة صفحة ويب إىل اإلشارات املرجعية (املفضلة) اتبع اخلطوات التالية‪:‬‬
‫من شريط العنوان‪.‬‬ ‫‪ .1‬انقر على زر اإلشارات املرجعية‬
‫‪ .2‬قم بتسمية الصفحة‪.‬‬
‫‪ .3‬حدد مكان حفظها ثم انقر على مت‪ ،‬كما يف الشكل رقم (‪.)78-1‬‬
‫‪47‬‬
‫‪ .4‬بعد إضافة إشارة مرجعية يف شريط اإلشارات سيظهر شريط اإلشارات حتت شريط‬
‫العنوان‪ ،‬كما يف الشكل رقم (‪.)79-1‬‬
‫فتح صفحة ويب من اإلشارات املرجعية‪:‬‬

‫‪ ،‬ثم إشارات مرجعية‪ ،‬ثم‬ ‫لفتح صفحة ويب من قائمة اإلشارات املرجعية انقر على زر‬
‫ستظهر لك اإلشارات املرجعية‪ ،‬كما يف الشكل رقم (‪.)80-1‬‬

‫ملحوظة‪ :‬باإلمكان إدارة اإلشارات املرجعية والبحث فيها من مدير اإلشارات‪ ،‬كما ميكنك‬
‫تثبيت شريط اإلشارات بالنقر على عرض شريط اإلشارات‪.‬‬
‫إدارة السجل‪:‬‬
‫يسمح لك السجل بعرض صفحات الويب اليت متت زيارتها على هذا املتصفح‪ ،‬ولعرض‬
‫هذه الصفحات وإدارتها اتبع اخلطوات التالية‪:‬‬
‫‪ ،‬ثم السجل‪ ،‬ثم السجل‪ ،‬كما يف الشكل رقم (‪.)81-1‬‬ ‫‪ .1‬انقر على‬
‫‪48‬‬
‫‪ .2‬وستفتح لك صفحة إدارة السجل‪ ،‬كما يف الشكل رقم (‪.)82-1‬‬

‫لطباعة صفحة ويب ميكنك الضغط على املفاتيح ‪Ctrl+P‬أو اتبع اخلطوات التالية‪:‬‬
‫‪ ،‬ثم انقر على طباعة‪ ،‬كما يف الشكل رقم (‪.)83-1‬‬ ‫‪ .1‬انقر على‬
‫‪49‬‬
‫‪ .2‬ستظهر نافذة معاينة الصفحة قبل الطباعة‪ ،‬منها انقر على طباعة‪ ،‬كما يف الشكل‬
‫رقم (‪.)84-1‬‬
‫‪50‬‬
‫ملحوظة‪ :‬يتميز متصفح ‪ Google Chrome‬بإمكانية تصدير الصفحة إىل ملف ‪ pdf‬بشكل‬
‫افرتاضي بدون إضافات‪ ،‬وذلك بالنقر على القائمة املنسدلة اخلاصة بـ الوجهة ثم اختيار حفظ‬
‫بتنسيق ملف ‪ ،pdf‬ثم حفظ‪ ،‬كما يف الشكل رقم (‪.)85-1‬‬

‫حلفظ صفحة ويب ميكنك الضغط على املفاتيح ‪ Ctrl+S‬أو اتبع اخلطوات التالية‪:‬‬
‫‪ ،‬ثم املزيد من األدوات‪ ،‬ثم حفظ الصفحة باسم‪ ،‬وذلك كما يف الشكل‬ ‫‪ .1‬انقر على‬
‫رقم (‪.)86-1‬‬
‫‪51‬‬
‫‪ .2‬سوف تفتح نافذة حوار قم بتحديد موقع حفظ امللف‪ ،‬ثم قم بتسميته وحتديد نوعه‪ ،‬ثم‬
‫انقر على زر حفظ‪ ،‬كما يف الشكل رقم (‪.)87-1‬‬
‫ملحوظة‪ :‬حلفظ صورة من صفحة اإلنرتنت‪ ،‬قم بالنقر عليها بالزر األمين‪ ،‬ثم انقر على حفظ‬
‫الصورة باسم‪.‬‬
‫فتح نافذة التصفح املتخفي‪:‬‬

‫األماكن العامة مثل مقاهي اإلنرتنت أو املكاتب العامة‪ ،‬ولفتح نافذة خاصة جديدة اتبع‬
‫اخلطوات التالية‪:‬‬
‫‪ ،‬ثم انقر على نافذة جديدة للتصفح املتخفي‪ ،‬كما هو موضح يف الشكل‬ ‫‪ .1‬انقر على‬
‫رقم (‪.)88-1‬‬
‫‪52‬‬
‫‪ .2‬ستفتح لك نافذة جديدة للمتصفح املتخفي‪ ،‬كما يف الشكل رقم (‪.)89-1‬‬
‫اإلضافات‪:‬‬
‫اإلضافات هي تطبيقات ميكنك تنزيلها للمتصفح إلضافة املزيد من املميزات‪ ،‬لتنزيل‬
‫إضافة جديدة اتبع اخلطوات التالية‪:‬‬
‫‪53‬‬
‫‪ ،‬ثم انقر على املزيد من األدوات‪ ،‬ثم انقر على اإلضافات‪ ،‬كما يف‬ ‫‪ .1‬انقر على‬
‫الشكل رقم (‪.)90-1‬‬
‫‪ .2‬انقر على اإلضافات من القائمة اجلانبية‪ ،‬كما يف الشكل رقم (‪.)91-1‬‬
‫‪ .3‬ثم انقر على فتح سوق ‪ Chrome‬اإللكرتوني‪ ،‬كما يف الشكل رقم (‪.)92-1‬‬
‫‪ .4‬سيتم فتح صفحة اإلضافات والسمات اخلاصة مبتصفح ‪ ،Google Chrome‬كما يف‬
‫الشكل رقم (‪.)93-1‬‬
‫‪54‬‬
‫‪ .5‬يف املكان املخصص للبحث بإمكانك البحث عن اإلضافة اليت تريدها‪ ،‬سنقوم‬
‫بالبحث عن إضافة تقوم مبنع اإلعالنات بكتابة ‪ ،ad block‬ومن املالحظ أن نتائج‬
‫البحث عن اإلضافات خمتلفة عن نتائج إضافات متصفح ‪ ،Firefox‬كما يف الشكل‬
‫رقم (‪.)94-1‬‬
‫‪ .6‬انقر على اإلضافة اليت تريد حتميلها لتشاهد تفاصيل أكثر عنها‪ ،‬ثم انقر على إضافة‬
‫إىل ‪ ،chrome‬كما يف الشكل رقم (‪.)95-1‬‬
‫‪55‬‬
‫على الصالحيات انقر على تثبيت إضافة‪ ،‬كما يف الشكل رقم (‪.)96-1‬‬
‫عندما تريد تنزيل ملف يف جهازك وبعد النقر على رابط التحميل سوف يبدأ امللف يف‬
‫التنزيل مباشرة‪ ،‬وبعد اكتمال التنزيل سيظهر امللف يف أسفل املتصفح‪ ،‬كما بإمكانك عرض‬
‫مجيع التنزيالت بالضغط على عرض الكل‪ ،‬كما يف الشكل رقم (‪.)97-1‬‬
‫‪56‬‬
‫‪ ،‬ثم انقر على التنزيالت‪ ،‬كما يف الشكل‬ ‫لالطالع على مجيع تنزيالتك السابقة‪ ،‬انقر على‬
‫رقم (‪.)98-1‬‬

‫للتصغري‬ ‫‪ ،‬انقر على الرمز‬ ‫('‪ )Ctrl+'-‬ومللء الشاشة اضغط املفتاح ‪ ،F11‬أو انقر على‬
‫‪57‬‬
‫وهي نقل معلومات تصفحك يف متصفح ‪ Google Chrome‬إىل أي مكانٍ تشاء‪ ،‬سواءً‬
‫كان على هاتفك الذكي أو أي جهاز آخر‪ ،‬وإلعداد التزامن اتبع اخلطوات التالية‪:‬‬
‫‪ ،‬ثم انقر على تفعيل املزامنة‪ ،‬كما يف الشكل رقم (‪.)100-1‬‬ ‫‪ .1‬انقر على الرمز‬
‫الشكل رقم (‪)100-1‬‬
‫‪ .2‬ستظهر لك صفحة تطلب منك تسجيل الدخول حبسابك يف ‪ ،Google‬قم بإدخال‬

‫بريدك اإللكرتوني يف ‪ ،Google‬ثم انقر على التالي‪ ،‬كما يف الشكل رقم (‪.)101-1‬‬
‫الشكل رقم (‪)101-1‬‬
‫‪58‬‬
‫‪ .3‬ستظهر لك نافذة إلدخال كلمة املرور‪ ،‬بعد إدخال كلمة املرور انقر على التالي‪ ،‬كما‬
‫الشكل رقم (‪)102-1‬‬
‫‪ .4‬ستظهر لك رسالة تأكيد تفعيل املزامنة‪ ،‬انقر على نعم موافق‪ ،‬كما هو يف الشكل‬
‫رقم (‪.)103-1‬‬
‫الشكل رقم (‪)103-1‬‬
‫‪ .5‬بهذا مت إنشاء حساب ملزامنة معلومات هذا املتصفح إىل أي مكان آخر‪.‬‬
‫ملحوظة‪ :‬ملزامنة معلومات متصفحك مع أي جهاز آخر فقط قم بتنزيل متصفح ‪Google‬‬
‫‪ Chrome‬على أي نظام تشغيل‪ ،‬ثم قم بتسجيل الدخول باستخدام حساب ‪Google‬‬
‫الذي قمت مبزامنته‪.‬‬
‫‪59‬‬
‫إعدادات اخلادم الوكيل اخلاصة بالكمبيوتر‪:‬‬

‫للوصول إىل إعدادات اخلادم الوكيل يف الكمبيوتر باستخدام متصفح ‪Google‬‬
‫‪ Chrome‬اتبع اخلطوات التالية‪:‬‬
‫‪،‬ثم انقر على اإلعدادات‪ ،‬كما يف الشكل رقم (‪.)104-1‬‬ ‫‪ .1‬انقر على الرمز‬
‫الشكل رقم (‪)104-1‬‬
‫‪ .2‬من القائمة اجلانبية يف صفحة اإلعدادات‪ ،‬انقر على عالقتك مع ‪ ،Google‬كما يف‬
‫الشكل رقم (‪.)105-1‬‬
‫الشكل رقم (‪)105-1‬‬
‫‪60‬‬
‫‪ .3‬قم بالنزول إىل آخر الصفحة‪ ،‬ثم انقر على اإلعدادات املتقدمة‪ ،‬كما موضح يف‬
‫الشكل رقم (‪.)106-1‬‬
‫الشكل رقم (‪)106-1‬‬
‫‪ .4‬من قسم النظام‪ ،‬انقر على فتح إعدادات اخلادم الوكيل اخلاصة بالكمبيوتر‪ ،‬كما‬
‫الشكل رقم (‪)107-1‬‬
‫‪61‬‬
‫‪ .5‬ستظهر على صفحة إعدادات اخلادم الوكيل اخلاصة بالكمبيوتر‪ ،‬كما يف الشكل‬
‫رقم (‪.)108-1‬‬
‫الشكل رقم (‪)108-1‬‬
‫متصفح ‪:Microsoft Edge‬‬

‫هو متصفح ويب من تطوير شركة ‪ Microsoft‬مدمج يف ويندوز ‪ 10‬ويعترب بديل لربنامج‬
‫‪ internet explorer‬املدمج يف نظام تشغيل ‪ ،windows‬إال أن متصفح ‪ Microsoft Edge‬برنامج‬
‫منفصل حسب ما أكدت شركة ‪ ،Microsoft‬ويعمل متصفح ‪ Microsoft Edge‬على أغلب‬
‫أنظمة تشغيل احلاسوب واهلواتف الذكية ‪ ،‬وهو برنامج مغلق املصدر مت بناؤه باستخدام لغة‬
‫‪.C++‬‬
‫حتميل متصفح ‪:Microsoft Edge‬‬

‫‪ .1‬افتح املتصفح االفرتاضي على نظام التشغيل الذي تستخدمه‪ ،‬ثم توجه إىل صفحة تنزيل‬
‫متصفح ‪ Microsoft Edge‬من هذا الرابط ‪https://www.microsoft.com/ar-‬‬
‫‪ sa/edge‬أو استخدم أحد حمركات البحث للوصول إليه‪.‬‬
‫‪62‬‬
‫‪ .2‬انقر على زر التحميل‪ ،‬كما يف الشكل رقم (‪.)109-1‬‬
‫الشكل رقم (‪)109-1‬‬
‫‪ .3‬ستفتح لك نافذة شروط تنزيل املتصفح‪ ،‬انقر على القبول والتنزيل‪ ،‬كما يف الشكل‬
‫رقم (‪.)110-1‬‬
‫الشكل رقم (‪)110-1‬‬
‫‪ .4‬بعد اكتمال حتميل الربنامج‪ ،‬انقر على أيقونة تثبيت املتصفح‪ ،‬كما هو يف الشكل‬
‫رقم (‪.)111-1‬‬
‫الشكل رقم (‪)111-1‬‬
‫الشكل رقم (‪)112-1‬‬
‫‪63‬‬
‫‪ .6‬يتم تنزيل الربنامج من اإلنرتنت وتثبيته‪ ،‬كما يف الشكل رقم (‪.)113-1‬‬
‫الشكل رقم (‪)113-1‬‬
‫‪ .7‬ستظهر لك نافذة الرتحيب اخلاصة باملتصفح‪ ،‬انقر على بدء االستخدام‪ ،‬كما يف‬
‫الشكل رقم (‪.)114-1‬‬
‫الشكل رقم (‪)114-1‬‬
‫‪64‬‬
‫‪ .8‬ستظهر لك صفحة إعداد التبويب‪ ،‬اخرت ما يناسبك ثم انقر على تأكيد‪ ،‬كما يف‬
‫الشكل رقم (‪.)115-1‬‬
‫الشكل رقم (‪)115-1‬‬
‫‪ .9‬سنقوم بإعداد املزامنة الحقاً‪ ،‬انقر على تأكيد‪ ،‬كما يف الشكل رقم (‪.)116-1‬‬
‫الشكل رقم (‪)116-1‬‬
‫‪65‬‬
‫‪ .10‬بعد االنتهاء من التثبيت سيتم فتح املتصفح تلقائياً‪ ،‬كما يف الشكل رقم (‪.)117-1‬‬
‫الشكل رقم (‪)117-1‬‬
‫‪ .11‬ستتم إضافة الربنامج يف قائمة ابدأ‪ ،‬وستتم إضافة اختصاراً له على سطح املكتب‬
‫وكذلك يف شريط املهام‪.‬‬
‫فتح متصفح ‪:Microsoft Edge‬‬

‫انقر فوق أيقونة متصفح ‪ Microsoft Edge‬من على سطح املكتب كما يف الشكل رقم‬
‫(‪ ،)118-1‬فيفتح لك صفحة اإلنرتنت‪.‬‬
‫الشكل رقم (‪)118-1‬‬
‫‪66‬‬
‫انقر على قائمة ابدأ ثم انقر على برنامج ‪ ،Microsoft Edge‬كما هو يف الشكل رقم‬
‫(‪ )119-1‬فيفتح لك صفحة اإلنرتنت‪.‬‬
‫الشكل رقم (‪)119-1‬‬

‫بعد أن تقوم بتشغيل املتصفح‪ ،‬اكتب العنوان يف شريط العناوين‪ ،‬فستظهر لك قائمة‬
‫بالعناوين املشابهة لليت قمت بكتابتها واليت ميكنك االختيار من بينها‪ ،‬وبعد كتابة العنوان‬
‫اضغط على مفتاح اإلدخال‪ ،‬كما يف الشكل رقم (‪.)120-1‬‬
‫الشكل رقم (‪)120-1‬‬
‫‪67‬‬


‫‪ .1‬للعودة للصفحة األخرية اليت عرضتها‪ ،‬انقر فوق زر الرجوع للوراء‪ ،‬كما يف الشكل‬
‫رقم (‪.)121-1‬‬
‫الشكل رقم (‪)121-1‬‬
‫‪ .2‬لعرض صفحة عرضتها بعد النقر على زر الرجوع للوراء‪ ،‬انقر على زر االنتقال إىل‬
‫األمام‪ ،‬كما يف الشكل رقم (‪.)122-1‬‬
‫الشكل رقم (‪)122-1‬‬
‫‪ .3‬إلعادة حتميل الصفحة (حتديث)‪ ،‬انقر على زر إعادة حتميل الصفحة‪ ،‬كما يف‬
‫الشكل رقم (‪.)123-1‬‬
‫الشكل رقم (‪)123-1‬‬
‫‪ .4‬لعرض تسلسل الصفحات اليت زرتها قبل الصفحة احلالية أو إلدارة احملفوظات‪ ،‬قم‬
‫بالنقر مطو ًال على زر الرجوع للوراء‪ ،‬كما يف الشكل رقم (‪.)124-1‬‬
‫الشكل رقم (‪)124-1‬‬
‫‪68‬‬
‫‪ .5‬لعرض تسلسل الصفحات اليت زرتها بعد النقر على زر الرجوع للوراء أو إلدارة‬
‫احملفوظات‪ ،‬قم بالنقر مطوالً على زر االنتقال إىل األمام‪ ،‬كما يف الشكل رقم (‪-1‬‬
‫‪.)125‬‬
‫الشكل رقم (‪)125-1‬‬
‫تعيني صفحة بدء تشغيل املتصفح‪:‬‬

‫وهي الصفحة اليت تظهر كل مرة تبدأ فيها متصفح اإلنرتنت‪ ،‬وميكنك أن حتدد صفحة‬
‫بدء التشغيل باخلطوات التالية‪:‬‬
‫‪ ،‬ثم انقر على اإلعدادات‪ ،‬كما يف الشكل رقم (‪.)126-1‬‬ ‫‪ .1‬انقر على الرمز‬
‫الشكل رقم (‪)126-1‬‬
‫‪69‬‬
‫‪،‬ثم انقر‬ ‫‪ .2‬ستظهر لك صفحة اإلعدادات اخلاصة باملتصفح‪ ،‬منها انقر على الرمز‬
‫على عند بدء التشغيل‪ ،‬كما يف الشكل رقم (‪.)127-1‬‬
‫الشكل رقم (‪)127-1‬‬
‫‪ .3‬انقر على فتح صفحة أو صفحات معينة‪ ،‬ثم انقر على إضافة صفحة جديدة‪ ،‬كما يف‬
‫الشكل رقم (‪.)128-1‬‬
‫الشكل رقم (‪)128-1‬‬
‫‪ .4‬قم بكتابة عنوان املوقع اليت تريده أن يظهر عند فتح املتصفح‪ ،‬ثم انقر على إضافة‪،‬‬
‫الشكل رقم (‪)129-1‬‬
‫ملحوظة‪ :‬باإلمكان إضافة أكثر من صفحة عند بدء تشغيل املتصفح‪.‬‬
‫‪70‬‬
‫تفعيل زر الصفحة الرئيسة‪:‬‬

‫باتباع هذه اخلطوات‪:‬‬ ‫باإلمكان تفعيل زر االنتقال إىل الصفحة الرئيسة‬
‫‪ ،‬ثم انقر على اإلعدادات‪ ،‬كما يف الشكل رقم (‪.)130-1‬‬ ‫‪ .1‬انقر على‬
‫الشكل رقم (‪)130-1‬‬
‫‪،‬ثم انقر‬ ‫‪ .2‬ستظهر لك صفحة اإلعدادات اخلاصة باملتصفح‪ ،‬منها انقر على الرمز‬
‫على املظهر‪ ،‬كما يف الشكل رقم (‪.)131-1‬‬
‫الشكل رقم (‪)131-1‬‬
‫‪ .3‬قم بتفعيل زر إظهار الصفحة الرئيسة‪ ،‬ثم اكتب عنوان املوقع يف املكان املخصص‪،‬‬
‫الشكل رقم (‪)132-1‬‬
‫‪71‬‬
‫إضافة صفحة ويب إىل املفضلة‪:‬‬

‫إلضافة صفحة ويب إىل قوائم املفضلة اتبع اخلطوات التالية‪:‬‬
‫من شريط العنوان‪ ،‬ستظهر لك نافذة لتسمية هذه الصفحة‬ ‫‪ .1‬انقر على زر املفضلة‬
‫وحتديد مكان حفظها‪ ،‬كما يف الشكل رقم (‪.)133-1‬‬
‫الشكل رقم (‪)133-1‬‬
‫‪ .2‬بعد إضافة إشارة مرجعية يف شريط اإلشارات سيظهر شريط قوائم املفضلة حتت‬
‫شريط العنوان‪ ،‬كما يف الشكل رقم (‪.)134-1‬‬
‫الشكل رقم (‪)134-1‬‬
‫فتح صفحة ويب من قوائم املفضلة‪:‬‬

‫لفتح صفحة ويب من قوائم املفضلة اتبع هذه اخلطوات‪:‬‬
‫جبانب شريط العنوان‪.‬‬ ‫‪ .1‬انقر على زر قوائم املفضلة‬
‫‪ .2‬ستظهر لك املواقع اليت قمت بتفضيلها‪ ،‬كما يف الشكل رقم (‪.)135-1‬‬
‫الشكل رقم (‪)135-1‬‬
‫‪72‬‬
‫‪ .3‬لتثبيت شريط قوائم املفضلة‪ ،‬انقر بالزر األمين على شريط قوائم املفضلة‪ ،‬ثم حدد‬
‫شريط قوائم املفضلة‪ ،‬ثم انقر على دائماً‪ ،‬كما يف الشكل رقم (‪.)136-1‬‬
‫الشكل رقم (‪)136-1‬‬
‫إدارة احملفوظات‪:‬‬
‫تسمح لك احملفوظات بعرض صفحات الويب اليت متت زيارتها على هذا املتصفح‪ ،‬ولعرض‬
‫هذه الصفحات وإدارتها ميكنك الضغط على املفاتيح ‪ Ctrl+H‬أو اتبع اخلطوات التالية‪:‬‬
‫‪ ،‬ثم احملفوظات‪ ،‬ثم إدارة احملفوظات‪ ،‬كما يف الشكل رقم (‪.)137-1‬‬ ‫‪ .1‬انقر على‬
‫الشكل رقم (‪)137-1‬‬
‫‪73‬‬
‫‪ .2‬ستظهر لك صفحة إدارة احملفوظات‪ ،‬كما يف الشكل رقم (‪.)138-1‬‬
‫الشكل رقم (‪)138-1‬‬

‫لطباعة صفحة ويب ميكنك الضغط على املفاتيح ‪ Ctrl+P‬أو اتبع اخلطوات التالية‪:‬‬
‫‪ ،‬ثم انقر على طباعة‪ ،‬كما يف الشكل رقم (‪.)139-1‬‬ ‫‪ .1‬انقر على‬
‫الشكل رقم (‪)139-1‬‬
‫‪74‬‬
‫‪ .2‬ستظهر لك صفحة معاينة الصفحة قبل الطباعة‪ ،‬بعد معاينة الصفحة والتأكد من‬
‫احملتوى املراد طباعته‪ ،‬انقر على طباعة‪ ،‬كما يف الشكل رقم (‪.)140-1‬‬
‫الشكل رقم (‪)140-1‬‬
‫ملحوظة‪ :‬بإمكانك تصدير الصفحة إىل ملف ‪ pdf‬بشكل افرتاضي بدون إضافات‪ ،‬وذلك بفتح‬
‫القائمة املنسدلة واختيار ‪ ،Microsoft Print to pdf‬ثم اضغط على طباعة‪ ،‬كما يف‬
‫الشكل رقم (‪.)141-1‬‬
‫الشكل رقم (‪)141-1‬‬
‫‪75‬‬

‫حلفظ صفحة ويب ميكنك الضغط على املفاتيح ‪Ctrl+S‬أو اتبع اخلطوات التالية‪:‬‬
‫‪ ،‬ثم املزيد من األدوات‪ ،‬ثم حفظ الصفحة باسم‪ ،‬كما هو يف الشكل‬ ‫‪ .1‬انقر على‬
‫رقم (‪.)142-1‬‬
‫الشكل رقم (‪)142-1‬‬
‫‪ .2‬ستفتح نافذة حوار‪ ،‬قم بتحديد موقع حفظ امللف وقم بتسميته‪ ،‬ثم حدد نوعه‪ ،‬ثم انقر‬
‫على زر حفظ‪ ،‬كما يف الشكل رقم (‪.)143-1‬‬
‫الشكل رقم (‪)143-1‬‬
‫‪76‬‬
‫ملحوظة‪ :‬حلفظ صورة من صفحة اإلنرتنت‪ ،‬قم بالنقر عليها بالزر األمين‪ ،‬ثم انقر على حفظ‬
‫الصورة باسم‪.‬‬
‫فتح نافذة ‪:InPrivate‬‬

‫األماكن العامة مثل مقاهي اإلنرتنت أو املكاتب العامة‪ ،‬ولفتح نافذة ‪ InPrivate‬جديدة‬
‫ميكنك الضغط على املفاتيح ‪ Ctrl+Shift+P‬أو اتبع هذه اخلطوات‪:‬‬
‫‪ ،‬ثم انقر على نافذة ‪ InPrivate‬جديدة‪ ،‬كما يف الشكل رقم (‪-1‬‬ ‫‪ .1‬انقر على‬
‫‪.)144‬‬
‫الشكل رقم (‪)144-1‬‬
‫‪ .2‬ستفتح لك نافذة ‪ InPrivate‬جديدة‪ ،‬كما يف الشكل رقم (‪.)145-1‬‬
‫الشكل رقم (‪)145-1‬‬
‫‪77‬‬
‫امللحقات‪:‬‬
‫امللحقات هي تطبيقات ميكنك تنزيلها للمتصفح إلضافة املزيد من املميزات‪ ،‬ولتنزيل‬
‫ملحقات جديدة اتبع هذه اخلطوات‪:‬‬
‫‪ ،‬ثم انقر على امللحقات‪ ،‬كما يف الشكل رقم (‪.)146-1‬‬ ‫‪ .1‬انقر على‬
‫الشكل رقم (‪)146-1‬‬
‫‪ .2‬إلضافة ملحقات جديدة انقر على ‪ ،Microsoft Store‬كما يف الشكل رقم (‪.)147-1‬‬
‫الشكل رقم (‪)147-1‬‬
‫‪ .3‬سيتم فتح صفحة امللحقات اخلاصة مبتصفح ‪ ،Microsoft Edge‬كما يف الشكل رقم‬
‫(‪.)148-1‬‬
‫الشكل رقم (‪)148-1‬‬
‫‪78‬‬
‫‪ .4‬تصفح امللحقات ونزل ما يناسبك أو يف املكان املخصص للبحث بإمكانك البحث عن‬
‫اإلضافة اليت تريدها‪ ،‬ستقوم بتحميل امللحق ‪ office‬وذلك بالنقر عليه الستعراض‬
‫وصف امللحق وتقييمه ومراجعات املستخدمني‪ ،‬ثم النقر على احلصول عليه لتثبيته‪،‬‬
‫الشكل رقم (‪)149-1‬‬
‫على الصالحيات انقر على إضافة ملحق‪ ،‬كما يف الشكل رقم (‪.)150-1‬‬
‫الشكل رقم (‪)150-1‬‬
‫عندما تريد تنزيل ملف يف جهازك وبعد النقر على رابط التحميل سوف يبدأ امللف يف‬
‫التنزيل مباشرة‪ ،‬وبعد اكتمال تنزيل امللف سيظهر يف أسفل املتصفح‪ ،‬كما بإمكانك عرض‬
‫مجيع التنزيالت بالضغط على إظهار الكل‪ ،‬كما يف الشكل رقم (‪.)151-1‬‬
‫الشكل رقم (‪)151-1‬‬
‫‪79‬‬
‫لالطالع على مجيع تنزيالتك السابقة‪ ،‬ميكنك الضغط على املفاتيح ‪ Ctrl+J‬أو انقر على‬
‫ثم انقر على التنزيالت‪ ،‬كما يف الشكل رقم (‪.)152-1‬‬
‫الشكل رقم (‪)152-1‬‬

‫للتصغري‬ ‫‪ ،‬ثم انقر على الرمز‬ ‫('‪ )Ctrl+'-‬ومللء الشاشة اضغط املفتاح ‪ ،F11‬أو انقر على‬
‫الشكل رقم (‪)153-1‬‬
‫‪80‬‬
‫وهي نقل معلومات تصفحك يف متصفح ‪ Microsoft Edge‬إىل أي مكانٍ تشاء‪ ،‬سواءً كان‬
‫على هاتفك الذكي أو أي جهاز آخر‪ ،‬وإلعداد التزامن اتبع هذه اخلطوات‪:‬‬
‫‪ ،‬ثم انقر على تسجيل الدخول‪ ،‬كما يف الشكل رقم (‪.)154-1‬‬ ‫‪ .1‬انقر على الرمز‬
‫الشكل رقم (‪)154-1‬‬
‫‪ .2‬ستظهر لك صفحة تطلب منك اختيار نوع حسابك يف ‪ ،Microsoft‬قم باختيار حساب‬
‫‪ ،Microsoft‬ثم انقر على متابعة‪ ،‬كما يف الشكل رقم (‪.)155-1‬‬
‫الشكل رقم (‪)155-1‬‬
‫‪81‬‬
‫‪ .3‬ستظهر لك صفحة تطلب منك إدخال تسجيل الدخول حبسابك يف ‪ ،Microsoft‬قم‬

‫بإدخال بريدك اإللكرتوني يف ‪ ،Microsoft‬ثم انقر على التالي‪ ،‬كما يف الشكل رقم‬
‫(‪.)156-1‬‬
‫الشكل رقم (‪)156-1‬‬
‫‪ .4‬ستظهر لك نافذة إلدخال كلمة املرور‪ ،‬بعد إدخال كلمة املرور انقر على التالي‪ ،‬كما‬
‫الشكل رقم (‪)157-1‬‬
‫‪82‬‬
‫‪ .5‬انقر على التالي على نافذة معلومات عن خدمة املزامنة‪ ،‬ثم ستظهر لك رسالة تأكيد‬
‫تفعيل مزامنة ملفك التعريفي‪ ،‬انقر على مزامنة‪ ،‬كما يف الشكل رقم (‪.)158-1‬‬
‫الشكل رقم (‪)158-1‬‬
‫‪ .6‬وبهذا مت إنشاء حساب ملزامنة معلومات هذا املتصفح إىل أي مكان آخر‪.‬‬
‫ملحوظة‪ :‬ملزامنة معلومات متصفحك مع أي جهاز آخر‪ ،‬فقط قم بتنزيل متصفح ‪Microsoft‬‬
‫‪ Edge‬على أي نظام تشغيل‪ ،‬ثم قم بتسجيل الدخول باستخدام حساب ‪Microsoft‬‬
‫الذي قمت مبزامنته‪.‬‬
‫إعدادات وكيل الكمبيوتر‪:‬‬

‫للوصول إىل إعدادات وكيل الكمبيوتر اتبع اخلطوات التالية‪:‬‬
‫‪،‬ثم انقر على اإلعدادات‪ ،‬كما يف الشكل رقم (‪.)159-1‬‬ ‫‪ .1‬انقر على الرمز‬
‫الشكل رقم (‪)159-1‬‬
‫‪83‬‬
‫‪،‬ثم انقر على‬ ‫‪ .2‬ستظهر لك صفحة اإلعدادات اخلاصة باملتصفح‪ ،‬منها انقر على الرمز‬
‫النظام‪ ،‬كما يف الشكل رقم (‪.)160-1‬‬
‫الشكل رقم (‪)160-1‬‬
‫‪ .3‬انقر على فتح إعدادات وكيل الكمبيوتر‪ ،‬كما يف الشكل رقم (‪.)161-1‬‬
‫الشكل رقم (‪)161-1‬‬
‫‪84‬‬
‫‪ .4‬ستظهر لك صفحة إعدادات الوكيل اخلاصة بالكمبيوتر‪ ،‬كما يف الشكل رقم‬

‫(‪.)162-1‬‬
‫الشكل رقم (‪)162-1‬‬
‫مميزات مشرتكة يف متصفحات اإلنرتنت‪:‬‬

‫‪ -1‬سهولة التصميم‪ :‬صممت متصفحات اإلنرتنت بواجهات سهلة االستخدام لتمكن مجيع‬
‫فئات املستخدمني من التعامل معها بسهولة‪.‬‬
‫‪ -2‬املزامنة‪ :‬وهي أحد تطبيقات احلوسبة السحابية حلفظ معلومات املستخدم اليت أجراها‬
‫على املتصفح ثم حتديثها على مجيع أجهزته‪ ،‬وتشمل تلك املعلومات اإلشارات املرجعية‬
‫والسجل وكلمات املرور واإلعدادات األخرى‪.‬‬
‫‪ -3‬إدارة كلمات املرور‪ :‬يقوم املتصفح حبفظ بيانات تسجيل دخول املستخدم حلساباته‬
‫يف مواقع اإلنرتنت املختلفة‪ ،‬ثم كتابتها تلقائياً للمستخدم عند الدخول هلذه املواقع مرة‬
‫أخرى‪.‬‬
‫‪ -4‬توفري األمان واحلماية‪ :‬وذلك مبنع الدخول للمواقع املشبوهة واليت حتوي على‬
‫فايروسات أو برامج ضارة‪.‬‬
‫‪85‬‬
‫‪ -5‬البحث السريع من شريط العنوان‪ :‬حيث أصبح بإمكان املستخدم بدء البحث عما‬
‫يريده من خالل شريط العنوان بدالً من الدخول حملرك البحث‪.‬‬
‫‪ -6‬إخفاء البيانات الشخصية واهلوية‪ :‬حيث إنه ال يتم حفظ مواقع الويب اليت متت زيارتها‬
‫يف السجل‪ ،‬كما سيتم حذف وإزالة ملفات التعريف عند إنهاء التصفح‪.‬‬
‫‪ -7‬اإلضافات‪ :‬وهي برامج خاصة باملتصفحات توفر املزيد من اخلدمات للمستخدم‪.‬‬
‫ملحوظة‪ :‬قد ختتلف مسميات هذه املميزات واألدوات من متصفح آلخر‪.‬‬
‫التجارة اإللكرتونية‪ :‬جمموعة متكاملة من العمليات التجارية واالقتصادية باستخدام وسائل‬

‫التقنية‪.‬‬
‫مميزات التجارة اإللكرتونية‪:‬‬

‫‪ ‬التكاليف املنخفضة‪.‬‬
‫‪ ‬النمو السريع‪.‬‬
‫‪ ‬سهولة اإلجراءات‪.‬‬
‫أنواع التعامالت التجارية اإللكرتونية‪:‬‬

‫من شركة إىل شركة‪:‬‬
‫هي التعامالت واخلدمات التجارية القائمة بني الشركات‪.‬‬
‫مثالً‪ :‬شركة ل تصنيع مواد التنظيف حتتاج إىل مواد كيميائية لتصنيع منتجاتها‪ ،‬هذه‬
‫املواد‬
‫الكيميائية تنتجها شركة أخرى فتقوم بشرائها منها‪.‬‬
‫من شركة إىل مستهلك‪:‬‬
‫هي التعامالت اليت تكون بني الشركات واملستهلكني (العمالء)‪.‬‬
‫مثالً‪ :‬شركة أجهزة هواتف ذكية تبيع املنتجات اليت تصنعها مباشرة إىل العمالء مباشرة‬
‫بدون وسيط‪.‬‬
‫من مستهلك إىل شركة‪:‬‬
‫هي التعامالت اليت تكون من املستهلكني األفراد إىل الشركات‪.‬‬
‫مثال‪ :‬أن يبيع شخص قطعة أثرية قدمية إىل شركة مهتمة باآلثار‪ .‬من مستهلك إىل مستهلك‪:‬‬
‫‪86‬‬
‫هي التعامالت اليت تكون بني مستهلك ومستهلك آخر‪.‬‬

‫مثالً‪ :‬أن ميتلك شخص جهاز حاسب آلي ويريد بيعه وهناك شخص آخر يريد شراءه‪.‬‬
‫التسوق اإللكرتوني عرب مواقع الويب‪:‬‬

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

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

‫‪ ‬شراء السلع جبميع أنواعها مثل (مواد غذائية‪ ،‬ومالبس‪ ،‬وأثاث‪ ،‬واألجهزة‬
‫اإللكرتونية‪ ،‬وقرطاسية‪ ،‬وأدوات التجميل وغريها) ومن أمثلة املواقع اليت تقدم هذه‬
‫السلع أو بعضها‪:‬‬
‫‪ o‬موقع نون‪.www.noon.com :‬‬
‫‪ o‬موقع ‪.www.amazon.com :amazon‬‬
‫‪ o‬موقع ‪.www.aliexpress.com :AliExpress‬‬
‫‪ ‬شراء اخلدمات جبميع أنواعها مثل (خدمات إدخال البيات‪ ،‬وخدمات التسويق‪،‬‬
‫وخدمات الدراسات واألحباث‪ ،‬وخدمات التصميم‪ ،‬وخدمات الرتمجة‪ ،‬وخدمات‬
‫التعليم عن بعد) ومن أمثلة هذه املواقع اليت تقدم هذه اخلدمات‪:‬‬
‫‪ o‬منصة مخسات‪.www.khamsat.com :‬‬
‫‪ o‬منصة حبر‪.www.bahr.910ths.sa :‬‬
‫‪ o‬منصة ‪.www.freelancer.com :freelancer‬‬
‫‪ ‬شراء احلجوزات والتذاكر جبميع أنواعها مثل (تذاكر الطريان‪ ،‬وتذاكر الفعاليات‬
‫واألنشطة الرتفيهية‪ ،‬وتذاكر القطارات‪ ،‬وحجوزات الفنادق) ومن أمثلة املواقع اليت‬
‫تقدم هذه اخلدمات‪:‬‬
‫‪87‬‬
‫‪ o‬موقع املسافر حلجز تذاكر الفنادق والطريان‪.www.almosafer.com/ar :‬‬

‫‪ o‬موقع ‪ booking‬حلجز الفنادق‪.www.booking.com :‬‬
‫‪ ‬االشرتاك يف دورات الدروس عن بعد‪ :‬هناك الكثري من املنصات تقدم الدروس والدورات‬
‫منها اجملانية واملدفوعة ومن أمثلة هذه املواقع‪:‬‬
‫‪ o‬منصة دروب‪.www.doroob.sa/ar :‬‬
‫‪ o‬منصة ‪.www.udemy.com :Udemy‬‬
‫‪ o‬منصة رواق‪.www.rwaq.org :‬‬

‫‪ ‬مواقع بيع الكتب‪:‬‬
‫‪ o‬موقع مجلون‪.www. jamalon.com/ar :‬‬
‫‪ o‬موقع مكتبة جرير‪.www.jarir.com :‬‬
‫كما ميكنك من خالل اإلنرتنت احلصول على الكثري من اخلدمات األخرى كاالشرتاك يف‬
‫خدمات بث األفالم واملسلسالت‪ ،‬وتأجري سكن األفراد‪ ،‬وخدمات التوصيل‪ ،‬وخدمات‬
‫األلعاب اجلماعية وغريها‪.‬‬
‫طرق الدفع من خالل اإلنرتنت‪:‬‬

‫يتوفر على اإلنرتنت العديد من خدمات املدفوعات اآلمنة واليت تسهل على املستخدمني دفع‬
‫مشرتياتهم مبا يتناسب مع ما هو متوفر لديهم‪ ،‬ومن أمثلة هذه اخلدمات‪:‬‬
‫‪ .1‬خدمة مدى‪ :‬الشبكة السعودية للمدفوعات (مدى) تقدم خدمة الدفع للخدمات احمللية‬
‫والعاملية‪.‬‬
‫‪ .2‬خدمة ‪ :mada pay‬هي خدمة الدفع عرب أجهزة اجلواالت الذكية‪ ،‬عرب تطبيق خاص‬
‫يتمتع بأعلى معايري األمان وتشفري املعلومات اخلاصة‪ ،‬وتستخدم هذه اخلدمة للدفع لدى‬
‫مراكز التسوق‪.‬‬
‫‪ .3‬خدمة التحويل البنكي‪ :‬وتتم عن طريق حتويل الرصيد إلكرتونياً من حساب بنكي إىل‬
‫حساب بنكي آخر‪.‬‬
‫‪ .4‬خدمة الدفع بالبطاقة االئتمانية‪ :‬ومن أشهر البطاقات االئتمانية ‪ MasterCard‬أو ‪Visa‬‬
‫وتستخدم يف عمليات الدفع اإللكرتونية‪.‬‬
‫‪88‬‬
‫‪ .5‬خدمة ‪ :PayPal‬موقع إلكرتوني يقدم خدمة حتويل األموال عرب اإلنرتنت باستخدام عنوان‬
‫الربيد اإللكرتوني‪ ،‬ويتم شحن رصيد العميل بربط حسابه يف ‪ PayPal‬بالبطاقة‬
‫االئتمانية‪ ،‬وتعرب ‪ PayPal‬من الوسائل اآلمنة جداً يف الدفع اإللكرتوني حيث تعترب‬
‫وسيط بني املستخدمني واملوقع اإللكرتوني وهي اجلهة الضامنة ألموال عمالئها‪.‬‬
‫‪ .6‬خدمة ‪ :Apple Pay‬وهي خدمة دفع مقدمة من شركة آبل تسمح للمستخدمني بالدفع‬
‫عن طريق أجهزة ‪ Apple‬املختلفة‪ ،‬حيث يتم ربط هذه اخلدمة بالبطاقات االئتمانية‬
‫ليتمكن املستخدمون من الدفع للمواقع الداعمة للخدمة‪.‬‬
‫‪ .7‬خدمة ‪ :STC Pay‬وهي تقدم جمموعة من خدمات الدفع عن طريق اإلنرتنت مثل (دفع‬
‫املشرتيات‪ ،‬والتحويل الدولي‪ ،‬والتحويل عرب رقم اجلوال‪ ،‬والتحويل للبنوك احمللية‪،‬‬
‫وخدمات ‪ STC‬املدفوعة‪ ،‬والسحب النقدي من أجهزة الصراف اآللي)‪.‬‬
‫‪89‬‬
‫متارين الوحدة‬
‫‪ .1‬ما الفرق بني اإلنرتنت واإلنرتانت ؟‬
‫‪ .2‬عدد خدمات اإلنرتنت‪.‬‬
‫‪ .3‬اشرح طريقة عمل اإلنرتنت‪.‬‬
‫‪ .4‬عدد ثالثة من خدمات التسوق اإللكرتوني‪.‬‬
‫‪ .5‬اذكر أمثلة ملا يلي‪:‬‬

‫‪ ‬التعامالت التجارية اإللكرتنية من شركة إىل شركة‪.‬‬
‫‪ ‬التعامالت التجارية اإللكرتونية من شركة إىل مستهلك‪.‬‬
‫‪ .6‬أجب بـ (صح) أو (خطأ) ملا يلي‪:‬‬

‫)‬ ‫(‬ ‫‪ o‬متصفح ‪ Firefox‬متصفح جماني مغلق املصدر‪.‬‬
‫)‬ ‫(‬ ‫‪ o‬التكاليف العالية أحد عيوب التجارة اإللكرتونية‪.‬‬
‫)‬ ‫‪ o‬الستبعاد كلمة من نتائح حمرك البحث نستخدم عالميت التنصيص‪( .‬‬
‫‪ .7‬باستخدام متصفح ‪ ،Google Chrome‬نفذ التالي‪:‬‬

‫‪ ‬حدد الصفحة الرئيسة للمتصفح حبيث تكون موقع املؤسسة العامة للتدريب‬
‫التقين واملهين ‪.www.tvtc.gov.sa‬‬
‫‪ ‬أضف موقع املؤسسة العامة للتدريب التقين واملهين إىل اإلشارات املرجعية‪.‬‬
‫‪ ‬احفظ املؤسسة العامة للتدريب التقين واملهين على سطح املكتب‪ ،‬بنوع صفحة‬
‫ويب‪ ،‬كاملة‪.‬‬
‫‪ .8‬باستخدام متصفح ‪ ،Firefox‬نفذ التالي‪:‬‬

‫‪ ‬أضف صفحة موقع املؤسسة العامة للتدريب التقين واملهين ‪ www.tvtc.gov.sa‬إىل‬
‫املفضلة‪.‬‬
‫‪ ‬افتح نافذة خاصة جديدة‪.‬‬
‫‪ ‬فعل املزامنة‪.‬‬
‫‪90‬‬
‫‪ .9‬قم بتعبئة اجلدول التالي مبواقع إلكرتونية مع ذكر اخلدمات اليت تقدمها‪:‬‬
‫رابط املوقع‬ ‫خدمات املوقع‬ ‫اسم املوقع‬ ‫م‬
‫‪1‬‬
‫‪2‬‬
‫‪3‬‬
‫‪4‬‬
‫‪5‬‬
‫‪6‬‬
‫‪7‬‬
‫‪8‬‬
‫‪91‬‬
‫منوذج تقييم املتدرب ملستوى أدائه‬

‫يعبأ من قبل املتدرب نفسه وذلك بعد االنتهاء من متارين الوحدة‬
‫بعد االنتهاء من التدرب على وحدة خدمات اإلنرتنت‪ ،‬قيم نفسك وقدراتك بواســـطة‬
‫إكمال هذا التقييم الذاتي بعد كل عنصر من العناصر املذكورة‪ ،‬وذلك بوضع عـــــالمة‬
‫(‪ ) ‬أمام مستوى األداء الذي أتقنته‪ ،‬ويف حالة عدم قابلية املهمة للتطبيق ضع العالمة يف‬
‫اخلانة اخلاصة بذلك‪.‬‬
‫مستوى األداء (هل أتقنت األداء؟)‬
‫غري قابل‬ ‫العناصـــــر‬ ‫م‬
‫كليا‬ ‫جزئيا‬ ‫ال‬
‫للتطبيق‬
‫يُعرّف اإلنرتنت‬ ‫‪1‬‬

‫يشرح طريقة عمل اإلنرتنت‬ ‫‪2‬‬
‫يفرق بني اإلنرتنت واإلنرتانت‬ ‫‪3‬‬
‫يستخدم متصفح ‪Firefox‬‬ ‫‪4‬‬
‫يستخدم متصفح ‪Google Chrome‬‬ ‫‪5‬‬
‫يستخدم متصفح ‪Microsoft Edge‬‬ ‫‪6‬‬
‫جيب أن تصل النتيجة جلميع املفردات (البنود) املذكورة إىل درجة اإلتقان الكلي أو‬
‫أنها غري قابلة للتطبيق‪ ،‬ويف حالة وجود مفردة يف القائمة "ال" أو "جزئيا" فيجب إعادة التدرب‬
‫على هذا النشاط مرة أخرى مبساعدة املدرب‪.‬‬
‫‪92‬‬
‫منوذج تقييم املدرب ملستوى أداء املتدرب‬

‫يعبأ من قبل املدرب وذلك بعد االنتهاء من متارين الوحدة‬
‫اسم املتدرب‪ ...................................................................................... :‬التاريخ‪................................... :‬‬
‫‪4‬‬ ‫‪3‬‬ ‫‪2‬‬ ‫‪1‬‬ ‫احملاولة ‪:‬‬
‫رقم املتدرب‪....................................................................................... :‬‬
‫العالمة ‪...... ...... ...... ...... :‬‬
‫كل بند أو مفردة يقيم بـ ‪ 10‬نقاط‬
‫احلد األعلى‪ :‬ما يعادل ‪ %100‬من جمموع النقاط‪.‬‬ ‫احلد األدنى‪ :‬ما يعادل ‪ %80‬من جمموع النقاط‪.‬‬
‫النقاط (حسب رقم احملاوالت)‬
‫بنود التقييم‬ ‫م‬
‫‪4‬‬ ‫‪3‬‬ ‫‪2‬‬ ‫‪1‬‬
‫يُعرّف اإلنرتنت‬ ‫‪1‬‬
‫يشرح طريقة عمل اإلنرتنت‬ ‫‪2‬‬
‫يفرق بني اإلنرتنت واإلنرتانت‬ ‫‪3‬‬
‫يستخدم متصفح ‪Firefox‬‬ ‫‪4‬‬
‫يستخدم متصفح ‪Google Chrome‬‬ ‫‪5‬‬
‫يستخدم متصفح ‪Microsoft Edge‬‬ ‫‪6‬‬
‫اجملموع‬
‫ملحوظات‪:‬‬
‫‪.........................................................................................................................................................‬‬
‫‪.........................................................................................................................................................‬‬
‫‪.........................................................................................................................................................‬‬
‫توقيع املدرب‪............................. :‬‬
‫‪93‬‬
‫الوحدة الثانية‬
‫شبكات التواصل االجتامعية ‪Social Media Network‬‬
‫‪94‬‬
‫الوحدة الثانية‬
‫شبكات التواصل االجتماعية ‪Social Media Network‬‬

‫تهدف هذه الوحدة إىل تعريفك بشبكات التواصل االجتماعية وفوائدها‪ ،‬باإلضافة إىل‬
‫إكسابك املهارات األساسية يف التعامل مع أشهر تطبيقاتها‪.‬‬
‫‪ .1‬يُعرّف شبكات التواصل االجتماعي‪.‬‬
‫‪ .2‬يُعدد فوائد تطبيقات التواصل االجتماعي‪.‬‬
‫‪ .3‬يوضح مفهوم التسويق عرب شبكة التواصل االجتماعي‪.‬‬
‫‪ .4‬يُعدد أشهر مواقع التواصل االجتماعي‪.‬‬
‫الوقت املتوقع للتدريب على هذه الوحدة‪ 10 :‬ساعات تدريبية‪.‬‬

‫‪95‬‬
‫ما هي شبكات التواصل االجتماعي (‪:)Social Media Network‬‬

‫هي عبارة عن تطبيقات اتصال تقنية حديثة تعتمد على شبكة اإلنرتنت‪ ،‬تتيح لألشخاص‬
‫التواصل والتفاعل فيما بينهم من خالل مشاركة املعلومات أو االهتمامات أو األنشطة املختلفة‬
‫عن طريق الرسائل الصوتية أو الكتابية أو املرئية‪ .‬يوضح الشكل رقم (‪ )1-2‬الرتابط يف‬
‫شبكات التواصل االجتماعي‪.‬‬
‫ظهور شبكات التواصل االجتماعي‪:‬‬

‫كان أول ظهور لشبكات التواصل االجتماعي يف عام ‪ 1995‬من القرن املاضي ملوقع‬
‫إلكرتوني يسمى ‪ classmates‬خمصص للتواصل بني طالب املدارس يف الواليات املتحدة‬
‫األمريكية‪ ،‬ثم تبع ظهور هذا املوقع عدة مواقع خمصصة للتواصل االجتماعي كموقع ‪six‬‬
‫‪ degrees‬و‪ Friend Finder‬و ‪ ،Match.com‬وكانت مجيع املواقع خالل تلك الفرتة تعتمد على‬
‫تقنيات اجليل األول للويب (ويب ‪ ،)0.1‬لذلك كانت فكرة شبكات التواصل االجتماعي فيها‬
‫بسيط جداً‪ ،‬حيث كانت تقدم للمستخدمني خدمات إنشاء امللفات الشخصية وإرسال الرسائل‬
‫اخلاصة وغرف الدردشة‪ ،‬ومع ظهور تقنيات اجليل الثاني للويب (ويب ‪ )0.2‬ظهرت مواقع‬
‫التواصل احلديثة اليت نعرفها اليوم مثل ‪ Facebook‬و‪ Twitter‬وغريها‪ ،‬حيث استفادت هذه‬
‫الشبكات االجتماعية من اخلدمات اليت تقدمها (ويب ‪ ،)0.2‬كإتاحة مساحة أكرب‬
‫للمستخدمني يف إثراء احملتوى الرقمي‪ ،‬وذلك بالتعبري عن أنفسهم وثقافتهم واهتماماتهم‪،‬‬
‫وكذلك أتاحت للمستخدمني إمكانية التعديل يف قواعد البيانات باحلذف أو اإلضافة أو‬
‫التعديل‪ ،‬كما أتاحت (ويب ‪ )0.2‬إمكانية الربط بني األجهزة اإللكرتونية احملمولة وشبكة‬
‫اإلنرتنت وغريها من اخلدمات اليت ساعدت شبكات التواصل االجتماعي للظهور بشكلها‬
‫احلالي‪.‬‬
‫‪96‬‬
‫فوائد شبكات التواصل االجتماعي‪:‬‬

‫‪ .1‬القدرة على االتصال مع مجيع األفراد حول العامل‪ ،‬وذلك باستخدام تطبيقات التواصل‬
‫املختلفة الكتابية أو الصوتية أو املرئية‪.‬‬
‫‪ .2‬احلصول على األخبار من حول العامل يف أي وقت‪ ،‬حيث أصبح باإلمكان متابعة‬
‫األخبار والتفاعل معها عن طريق شبكات التواصل االجتماعي‪.‬‬
‫‪ .3‬وسيلة للرتفيه‪ ،‬وذلك بتصفح احلسابات الرتفيهية ذات احملتويات املختلفة‪ ،‬أو باللعب‬
‫مع املستخدمني اآلخرين من مجيع أحناء العامل‪.‬‬
‫‪ .4‬تقديم خدمات الدعم الفين للعمالء‪ ،‬فقد أصبحت الشركات تقدم خدمات الدعم‬
‫الفين لعمالئها من خالل صفحاتهم يف شبكات التواصل االجتماعي‪.‬‬
‫‪ .5‬عقد االجتماعات الصوتية أو املرئية‪ ،‬وذلك من خالل املنصات املخصصة لذلك‬
‫كمنصة ‪ Microsoft Teams‬و‪ ZOOM‬وغريها‪.‬‬
‫‪ .6‬تكوين جمموعات (‪ )Groups‬افرتاضية ألي هدف‪ ،‬حيث أصبح بإمكان املستخدمني‬
‫إنشاء جمموعات ألهداف تطوعية أو تعليمية أو ترفيهية وغريها‪ ،‬يتم فيها تبادل اخلربات‬
‫واآلراء والنقاشات واألنشطة املختلفة‪.‬‬
‫‪ .7‬إنشاء العالقات االجتماعية‪ ،‬حيث أصبح بإمكان الشخص إنشاء عالقات اجتماعية‬
‫جديدة تناسب ميوله واهتماماته‪.‬‬
‫‪ .8‬التسويق للمنتجات واملهارات‪ ،‬حيث أصبحت وسائل التواصل االجتماعي أداةً فعالة‬
‫للتسويق سواءً لألفراد أو للشركات‪ ،‬فمن خالل الشبكات االجتماعية يستطيع أي‬
‫شخص عرض وتسويق مهاراته الشخصية يف الرسم أو التصميم أو الربجمية وغريها‬
‫للعامل أمجع‪ ،‬مما قد يوفر له فُرصة وظيفية لدى إحدى الشركات‪.‬‬
‫سلبيات شبكات التواصل االجتماعي‪:‬‬

‫‪ .1‬انتشار الشائعات بسرعة كبرية‪ ،‬تنتشر الشائعات مبختلف أنواعها من حسابات‬
‫جمهولة اهلوية غالباً‪ ،‬وقد تُدار هذه احلسابات من دول معادية وألسباب متعددة‪.‬‬
‫‪ .2‬انتهاك خصوصية اآلخرين‪ ،‬وقد يكون ذلك بتصويرهم بدون أذن مسبق والتشهري بهم‬
‫يف شبكات التواصل االجتماعي‪.‬‬
‫‪97‬‬
‫‪ .3‬نشر معلومات خاطئة أو مغلوطة‪ ،‬حيث تعج هذه الشبكات باملعلومات غري املوثوقة يف‬
‫شتى اجملاالت‪ ،‬مما قد تتسبب هذه املعلومات يف إيذاء املتلقي هلا‪.‬‬
‫‪ .4‬التعرض للنصب واالحتيال‪ ،‬حيث يتم خداع املستخدمني بطرق متعددة‪،‬‬
‫كاالستثمارات املضمونة سريعة الربح أو بتحويل مبالغ مالية جلهات وهمية تدعي أنها‬
‫تقوم بأنشطة مرخصة أو بشراء سلع مقلدة تباع على أنها سلع أصلية وغريها‪.‬‬
‫‪ .5‬إهدار الوقت‪ ،‬إن استخدام هذه الشبكات االجتماعية بدون إدارة يؤدي إىل ضياع‬
‫الوقت وعدم إجناز األمور األكثر أهمية‪ ،‬فقد صممت شبكات التواصل االجتماعي‬
‫بطريقة جتعل املستخدم يستمر يف استخدامها ألطول وقت ممكن‪.‬‬
‫‪ .6‬انتحال الشخصيات‪ ،‬تكثر عمليات االنتحال لألشخاص واحلسابات املؤثرة‪ ،‬وذلك‬
‫لغرض استخدامها لنشر الشائعات أو للنصب واالحتيال وغريها‪.‬‬
‫‪ .7‬اإلساءة لآلخرين والتنمر عليهم‪ ،‬فقد يتعرض بعض املستخدمني وخصوصاً األطفال‬
‫واملراهقني إىل تعليقات مسيئة وجارحة مما يؤثر على صحتهم النفسية‪.‬‬
‫‪ .8‬اإلحباط والكآبة‪ ،‬وذلك بسبب املقارنات االجتماعية بني املستخدمني‪ ،‬حيث أصبح‬
‫املستخدمون حتت ضغط املقارنات اليومية بسبب نشر اليوميات والظهور فيها باملثالية‪.‬‬
‫مميزات تطبيقات (برامج) التواصل االجتماعي‪:‬‬

‫‪ .1‬جمانية‪ ،‬حيث بإمكان أي شخص الدخول إليها واستخدامها‪.‬‬
‫‪ .2‬السهولة يف االستخدام‪ ،‬حيث إن واجهة املستخدم فيها صممت بأقل قدر من التعقيد‬
‫وبروابط وأيقونات مألوفة‪.‬‬
‫‪ .3‬األمان العالي‪ ،‬مبا توفره هذه التطبيقات من طرق متقدمة حلماية احلسابات‪.‬‬
‫شبكات التواصل االجتماعي يف عامل األعمال‪:‬‬

‫تشري مجيع املؤشرات إىل أن دور شبكات التواصل االجتماعية يزداد بشكل كبري يف‬
‫عامل األعمال‪ ،‬حيث أثرت شبكات التواصل االجتماعي على زيادة نسبة املبيعات واالستهالك‬
‫لألفراد‪ ،‬وهلذا تتواجد الشركات على منصات شبكات التواصل االجتماعي املختلفة للرتويج‬
‫ملنتجاتها ولتقديم خدمات الدعم الفين للعمالء‪.‬‬
‫‪98‬‬
‫الشبكات االجتماعية للمؤسسات )‪:Enterprise social networking (ESN‬‬

‫هي شبكات اجتماعية تُستخدم لالتصال الداخلي اخلاص يف املؤسسات‪ ،‬حيث يتم حتديد‬
‫الوصول إىل هذه الشبكات لألفراد الذين لديهم عناوين بريد إلكرتونية معتمدة من قبل‬
‫املؤسسة‪ .‬ومن أمثلة الشبكات االجتماعية للمؤسسات ما يلي‪:‬‬
‫شبكة ‪:Yammer‬‬
‫هي شبكة اجتماعية خاصة باملؤسسات مت إطالقها يف عام ‪ 2008‬ميالدية كخدمة اتصال‬
‫داخلي يف إحدى الشركات‪ ،‬ثم قامت شركة ‪ Microsoft‬باالستحواذ عليها يف عام ‪2012‬‬
‫بصفقه بلغت ‪ 1.2‬مليار دوالر أمريكي‪ .‬وتعترب شبكة ‪ Yammer‬املكان املناسب ملعرفة‬
‫األفكار واالقرتاحات واالهتمامات واملالحظات ألفراد املؤسسة‪ ،‬كما أن شبكة ‪Yammer‬‬
‫تعمل بشكل متكامل وسلس مع تطبيقات ‪ Microsoft 365‬السحابية مما يعطيها ميزة تنافسية‬
‫قوية‪ .‬شعار ورمز شبكة ‪ Yammer‬يف الشكل رقم (‪.)2-2‬‬

‫شبكة ‪:LinkedIn‬‬
‫هي شبكة اجتماعية مهنية مت إطالقها يف ‪ 5‬مايو من عام ‪ 2003‬ميالدية‪ ،‬بلغ عدد‬
‫املستخدمني فيها عام ‪ 2019‬إىل أكثر من ‪ 500‬مليون مستخدم‪ ،‬وتستخدم ‪ LinkedIn‬إلجياد‬
‫وظائف أو أشخاص أو فرص عمل وأيضاً لتبادل املعرفة واألفكار‪.‬‬
‫شعار ورمز شبكة ‪ LinkedIn‬يف الشكل رقم (‪.)3-2‬‬

‫شبكة ‪:Bitrix24‬‬
‫تسمح شبكة ‪ Bitrix24‬للمستخدمني بإنشاء شبكة اتصال داخلي وهي خمصصة‬
‫للمؤسسات الصغرية‪ ،‬كما تُتيح للمستخدمني إدارة وتنظيم املهام واملشاريع والتقويم وامللفات‬
‫والعالقات مع العمالء وإقامة االجتماعات‪ .‬شعار شبكة ‪ Bitrix24‬يف الشكل رقم (‪.)4-2‬‬
‫‪99‬‬

‫شبكة ‪:Jive‬‬
‫‪ Jive Software‬هي شبكة مزودة حللول االتصاالت وخدمات التعاون لألعمال التجارية‪،‬‬
‫مبا يف ذلك جمموعة من برامج االتصال الداخلي للمؤسسات‪ ،‬مت االستحواذ عليها من قبل‬
‫شركة ‪ Aurea Software‬يف عام ‪ 2017‬مقابل ‪ 462‬مليون دوالر أمريكي‪ .‬تقدم شركة‬
‫‪ Jive Software‬منتجات تعاونية جتعل العمل أكثر جاذبية وإنتاجية‪.‬‬
‫شعار ورمز شبكة ‪ Jive‬يف الشكل رقم (‪.)5-2‬‬

‫شبكة ‪:Chatter‬‬
‫هي شبكة اتصال داخلي للمؤسسات مقدمة من شركة ‪ Salesforce‬للربجميات السحابية‪،‬‬
‫تقدم شركة ‪ Salesforce‬جمموعة متكاملة من تطبيقات املؤسسات اليت تركز على خدمة‬
‫العمالء‪ ،‬وأمتتة التسويق‪ ،‬والتحليالت‪ ،‬وتطوير التطبيقات‪.‬‬
‫شعار ورمز شبكة ‪ Chatter‬يف الشكل رقم (‪.)6-2‬‬

‫شبكة ‪:Wrike‬‬
‫هي شبكة خمصصة إلدارة املشاريع عن بعد وذلك عن طريق متكني املستخدمني من إنشاء‬
‫شبكة اتصال داخلي تسمح هلم من إنشاء وتنظيم وجدولة املهام ومشاركة احملتوى الرقمي‬
‫باإلضافة إىل توفري مسار عن أي تعديالت مت إجراؤها على ملفات العمل‪.‬‬
‫شعار ورمز شبكة ‪ Wrike‬يف الشكل رقم (‪.)7-2‬‬
‫‪100‬‬
‫اخلدمات اليت توفرها الشبكات االجتماعية يف املؤسسات‪:‬‬

‫‪ .1‬تكوين شبكة عالقات مهنية الستقطاب الكفاءات املهنية أو العلمية‪.‬‬
‫‪ .2‬إنشاء ملفات شخصية للمؤسسات‪.‬‬
‫‪ .3‬نشر عروض التشغيل‪.‬‬
‫‪ .4‬عقد الصفقات‪.‬‬
‫‪ .5‬متابعة املشاريع وإدارة فِرق العمل‪.‬‬
‫‪ .6‬عقد االجتماعات عن بعد‪.‬‬
‫‪ .7‬النقاش وتبادل األفكار حول املشاريع‪.‬‬
‫‪ .8‬محاية احملادثات داخل الشركة‪.‬‬
‫التسويق عرب شبكة التواصل االجتماعي‪:‬‬

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

‫‪ .1‬االختيار وبعناية للمنصات اليت سوف تستخدمها للتسويق‪.‬‬
‫‪ .2‬إطالق احلمالت اإلعالنية حسب اجلمهور املستهدف واملوقع اجلغرايف‪.‬‬
‫‪ .3‬إنشاء حمتوى جيذب انتباه املستخدمني ويشجعهم على نشره‪.‬‬
‫‪ .4‬تكوين قاعدة مجاهريية كبرية وتعريفهم بعالمتك التجارية‪.‬‬
‫مميزات التسويق عرب شبكات التواصل االجتماعي‪:‬‬

‫‪ .1‬سهولة االستخدام‪ ،‬حيث صممت واجهات املنصات لتكون سهلة االستخدام‪.‬‬
‫‪ .2‬التكاليف املنخفضة‪ ،‬حيث تعترب تكاليف التسويق اإللكرتوني منخفضة باملقارنة‬
‫مع تكاليف التسويق التقليدي‪.‬‬
‫‪101‬‬
‫‪ .3‬عرض احملتوى املناسب للجمهور‪ ،‬توفر أدوات التسويق على شبكات التواصل‬
‫االجتماعي إمكانية حتديد املوقع اجلغرايف للجمهور والفئة املستهدفة بدقة عالية مما‬
‫يؤدي إىل ظهور اإلعالن للشخص املناسب‪.‬‬
‫‪ .4‬تقوية العالقة مع اجلمهور‪ ،‬حيث باإلمكان التواصل مع اجلمهور وزيادة العالقة بهم‪.‬‬
‫‪ .5‬اإلملام خبصائص اجلمهور‪ ،‬وذلك عرب مجع معلومات أكثر عنهم‪.‬‬
‫شبكة ‪:Facebook‬‬
‫هي شبكة اجتماعية مت إطالقها يف ‪ 4‬فرباير من عام ‪ 2004‬ميالدية‪ ،‬ويعترب ‪Facebook‬‬
‫الشبكة االجتماعية األكثر شعبية وشهرة على شبكة اإلنرتنت‪ ،‬حيث بلغ عدد املستخدمني‬
‫فيها عام ‪ 2019‬إىل ‪ 2.5‬مليار مستخدم‪ ،‬وتُتيح ‪ Facebook‬إمكانية مشاركة الرسائل‬
‫النصية‪ ،‬والصور‪ ،‬ومقاطع الفيديو‪ ،‬كما تُتيح ‪ Facebook‬أيضاً للمستخدمني إمكانيّة اللعب‬
‫فيما بينهم‪ .‬شعار ورمز شبكة ‪ Facebook‬يف الشكل رقم (‪.)8-2‬‬
‫أبرز مميزات شبكة ‪:Facebook‬‬

‫‪ .1‬النصوص الطويلة‪ :‬بإمكان املستخدم كتابة أكثر من ‪ 60.000‬حرف يف املنشور‪.‬‬
‫‪ .2‬قسم األلعاب‪ :‬توفر ‪ Facebook‬قسم ًا خاص ًا لأللعاب‪ ،‬حيث تشجع هذه األلعاب‬
‫املستخدمني على االستمرار يف زيارة املوقع خصوصاً مع وجود ميزة اللعب اجلماعي‬
‫ودعوة األصدقاء‪.‬‬
‫‪ .3‬خصوصية أكثر‪ :‬توفر للمستخدمني خيارات كثرية لتحديد خصوصياتهم‪.‬‬
‫خطوات إنشاء حساب يف شبكة ‪:Facebook‬‬

‫‪ .1‬نزل تطبيق ‪ Facebook‬على هاتفك الذكي من خالل متجر التطبيقات‪ ،‬أو باستخدام‬
‫متصفح الويب ثم قم بالدخول على موقع ‪ Facebook‬عرب الرابط‬
‫‪.www.facebook.com‬‬
‫‪ .2‬يف الصفحة الرئيسة اتبع خطوات التسجيل ليتم إنشاء حساب خاص بك يف ‪.Facebook‬‬
‫‪102‬‬
‫شبكة ‪:Twitter‬‬
‫هي شبكة تواصل اجتماعي تقدم خدمة التدوينات القصرية حبد أقصى ‪٢٨٠‬حرفا للتدوينة‬
‫الواحدة‪ ،‬وتعرف هذه التدوينات بالتغريدات (‪ )tweets‬وقد حتتوي هذه التغريدات على نصوص‬
‫أو صور أو مقاطع فيديو أو روابط‪ .‬وإلرسال أو تلقي التغريدات جيب إنشاء حساب على شبكة‬
‫‪ ،Twitter‬وميكن للمستخدمني اآلخرين إعادة تغريد التغريدات اخلاصة بك ووضع االعجاب‬
‫عليها‪ .‬تضم شبكة ‪ Twitter‬فئة كبرية من املثقفني والسياسيني والفنانني وجنوم الرياضة‬
‫حبسابات مُوثقة‪ .‬شعار ورمز شبكة ‪ Twitter‬يف الشكل رقم (‪.)9-2‬‬
‫أبرز مميزات شبكة ‪:Twitter‬‬

‫‪ .1‬التغريدات القصرية جترب املغردين على اختصار املوضوعات الطويلة وذكر اخلالصة‪.‬‬
‫‪ .2‬عرض قائمة بأكثر املوضوعات املتداولة (‪ )Trend‬يف دولتك أو أية دولة حتددها‪.‬‬
‫‪ .3‬سهولة إعادة نشر تغريدات املستخدمني وتسمى (‪.)Retweet‬‬
‫‪ .4‬سرعة تداول األخبار واألحداث اهلامة فيها‪.‬‬
‫خطوات إنشاء حساب يف شبكة ‪:Twitter‬‬
‫‪ .1‬نزل تطبيق ‪ Twitter‬على هاتفك الذكي من خالل متجر التطبيقات‪ ،‬أو عن طريق‬
‫متصفح الويب ثم قم بالدخول على موقع ‪ Twitter‬عرب الرابط ‪.www. Twitter.com‬‬
‫‪ .2‬يف الصفحة الرئيسة انقر على (تسجيل) ثم اتبع اخلطوات املطلوبة ليتم إنشاء احلساب‬
‫اخلاص بك‪.‬‬
‫شبكة ‪:Pinterest‬‬
‫هي شبكة اجتماعية ملشاركة الصور والفيديو مت إطالقها يف عام ‪ 2010‬ميالدية‪،‬‬
‫يستطيع املشرتك فيها نشر الصور أو الفيديو بداخل ألواح حائط (‪ )Boards‬ويقوم املستخدم‬
‫بإنشائها وتصنيفها كمجموعات خمصصة‪ .‬مثل‪ :‬طبيعة‪ ،‬واهتمامات‪ ،‬وتعليم وغريها‪ ،‬كما‬
‫يستطيع املستخدمون التعليق أو إعادة نشر الصور كما يف بعض مواقع التواصل االجتماعي‬
‫األخرى‪ .‬شعار ورمز شبكة ‪ Pinterest‬يف الشكل رقم (‪.)10-2‬‬
‫‪103‬‬
‫خطوات إنشاء حساب يف شبكة ‪:Pinterest‬‬

‫‪ .1‬نزل تطبيق ‪ Pinterest‬على هاتفك الذكي‪ ،‬أو عن طريق متصفح الويب ثم قم بالدخول‬
‫على موقع ‪ Pinterest‬عرب الرابط ‪.www. Pinterest.com‬‬
‫‪ .2‬يف الصفحة الرئيسة انقر على (‪.)Sign up‬‬
‫‪ .3‬يف نافذة التسجيل كما يف الشكل رقم (‪ )11-2‬قم بإدخال بريدك اإللكرتوني‪،‬‬
‫وكلمة املرور‪ ،‬والعمر ثم انقر على (‪ ،)Continue‬كما تتيح ‪ Pinterest‬إنشاء‬
‫احلساب بربطه حبسابك يف ‪ Facebook‬أو ‪.Google‬‬
‫أبرز مميزات شبكة ‪:Pinterest‬‬

‫‪ .1‬حمرك البحث اخلاص بالشبكة يوفر نتائج مرئية تفوق حمركات البحث األخرى‪.‬‬
‫‪ .2‬إعادة نشر الصور أو الفيديو بسهولة‪ ،‬وتسمى (‪ )Repin‬مبعنى إعادة تدبيس‪.‬‬
‫‪ .3‬تعترب مصدرا ملاليني الصور والفيديوهات‪.‬‬
‫‪104‬‬
‫اجلرمية املعلوماتية‪:‬‬
‫هي املمارسات اليت تتم ضد األفراد أو املؤسسات أو احلكومات بهدف إحلاق األذى‪ ،‬وتتم‬
‫هذه املمارسات باستخدام احلاسب اآللي أو الشبكة املعلوماتية وما يتبعها من خدمات‪،‬‬
‫كشبكات التواصل االجتماعي أو الربيد اإللكرتوني وغريها‪ ،‬وتسمى اجلرمية املعلوماتية‬
‫مبسميات عدة كجرمية احلاسب اآللي واإلنرتنت أو جرمية سيربانية وغريها‪.‬‬
‫ظهور اجلرائم املعلوماتية‪:‬‬

‫أصبحت التعامالت اإللكرتونية عنصراً مهماً يف أسلوب احلياة احلديثة‪ ،‬حيث أصبح‬
‫التعامل مع األجهزة اإللكرتونية واالتصال بالشبكة املعلوماتية أحد املمارسات اليومية اليت‬
‫يقوم بها الناس ‪ ،‬فقد سهلت اخلدمات اليت تقدمها خمتلف القطاعات عرب الشبكة املعلوماتية‬
‫حياة الناس بشكل كبري جداً‪ ،‬كما ساعدت وسائل التواصل االجتماعي يف تقريب املسافات‬
‫بني األقارب واألصدقاء مما حول حياة الناس إىل العامل الرقمي‪ ،‬مما أدى إىل ظهور أنواع خمتلفة‬
‫وجديدة من اجلرائم سُميت باجلرائم املعلوماتية‪.‬‬
‫دوافع اجلرائم املعلوماتية‪:‬‬

‫‪ ‬دوافع مادية‪ :‬وذلك بهدف الثراء غري املشروع من وراء هذه اجلرمية‪.‬‬
‫‪ ‬دوافع إثبات الذات‪ :‬وتتم هذه اجلرائم فقط للرغبة يف إثبات الذات واالنتصار على أنظمة‬
‫تقنية املعلومات‪.‬‬
‫‪ ‬دوافع التسلية‪ :‬ترتكب هذه اجلرائم جملرد التسلية‪.‬‬
‫‪ ‬دوافع تعليمية‪ :‬ترتكب هذه اجلرائم للرغبة يف تعلم كيفية اخرتاق األنظمة املعلوماتية‬
‫واملواقع واألجهزة اإللكرتونية‪.‬‬
‫‪ ‬دوافع سياسية‪ :‬تتم هذه اجلرائم غالباً من دول معادية بهدف سرقة املعلومات املهمة عن‬
‫الدولة إلحلاق الضرر بها‪ ،‬ويكون نوع الضرر حبسب املعلومات اليت استطاعت‬
‫احلصول عليها‪.‬‬
‫خصائص اجلرمية املعلوماتية‪:‬‬

‫‪ ‬ال ترتك آثارًا خارجية‪ :‬ألنها تتم على البيانات واملعلومات وال ترتك أي أثر مادي‪.‬‬
‫‪ ‬ترتكب عن بُعد‪ :‬ال توجد حدود للجرمية املعلوماتية فهي تتم من أي مكان يف العامل‪.‬‬
‫‪105‬‬
‫‪ ‬سهولة إتالف األدلة‪ :‬ألن املعلومات تنتقل عن طريق نبضات إلكرتونية غري مرئية مما‬
‫جيعل حمو األدلة أمراً سهالً‪.‬‬
‫‪ ‬سهولة ارتكاب اجلرمية‪ :‬ألنها تتم باستخدام جهاز احلاسب اآللي بعيداً عن األنظار‪.‬‬
‫أنواع اجلرائم املعلوماتية‪:‬‬

‫‪ ‬جرائم التشهري‪ :‬واهلدف منها تشويه مسعة شخص ما‪.‬‬
‫‪ ‬جرائم السرقة‪ :‬وتشمل نسخ أية معلومات إلكرتونية حمفوظة يف أجهزة املستخدمني‪.‬‬
‫‪ ‬جرائم االبتزاز‪ :‬هي التهديد بنشر معلومات عن شخص ما إن مل يقم بتنفيذ بعض‬
‫الطلبات‪.‬‬
‫‪ ‬إيقاف أو تعطل الشبكة‪ :‬يكون ذلك من خالل املسح أو التسريب أو التعديل على‬
‫البيانات والربامج املوجودة على الشبكة‪.‬‬
‫‪ ‬إنتاج ونشر ما من شأنه املساس بالنظام العام‪ :‬يكون ذلك من خالل إنتاج أو ختزين أو‬
‫إعادة إرسال ما من شأنه املساس بالنظام العام أو القيم الدينية أو اآلداب العامة أو حرمة‬
‫احلياة اخلاصة عن طريق الشبكة املعلوماتية‪.‬‬
‫‪ ‬التغرير بالقصر ومن يف حكمهم واستغالهلم‪ :‬يقصد به استغالل األطفال واستدراجهم‬
‫عن طريق األلعاب اإللكرتونية أو مواقع التواصل االجتماعي بغرض اللقاء بهم على‬
‫الواقع إلغوائهم الرتكاب الدعارة والفجور‪.‬‬
‫‪ ‬إنشاء مواقع على الشبكة املعلوماتية‪ :‬اهلدف من هذه املواقع االجتار باجلنس البشري‬
‫أو ترويج املخدرات أو تسهيل التعامل معها‪.‬‬
‫‪ ‬جرائم األلفاظ النابية‪ :‬وهي اإلساءة لألفراد بالسب أو الشتم أو القذف‪.‬‬
‫‪ ‬جرائم التنصت‪ :‬وهي االطالع على مجيع املعلومات الصادرة من جهاز شخص ما‪.‬‬
‫‪ ‬جرائم التجسس‪ :‬وهي الدخول على جهاز شخص ما واالطالع على حمتوياته‪.‬‬
‫مكافحة اجلرمية املعلوماتية‪:‬‬

‫تبذل الدول جهوداً كبرية للحد من اجلرائم املعلوماتية وآثارها عرب طرق كثرية منها‪:‬‬
‫‪ .1‬توعية اجملتمع باجلرائم املعلوماتية وخماطرها وكيفية محاية اخلصوصية واملعلومات‪.‬‬
‫‪ .2‬ختصيص قنوات اتصال خاصة للتبليغ عن اجلرائم املعلوماتية‪.‬‬
‫‪ .3‬استخدام أحدث الوسائل والتقنيات للكشف عن هوية مرتكيب اجلرائم املعلوماتية‪.‬‬
‫‪106‬‬
‫‪ .4‬فرض عقوبات كبرية على مرتكيب اجلرائم املعلوماتية‪.‬‬

‫‪ .5‬العمل الدائم على حتديث األنظمة والتشريعات والقوانني مبا يتماشى مع تطور هذه‬
‫األنظمة والتقنيات‪ ،‬وذلك لفرض عقوبات جديدة تتناسب مع هذه التطورات‪.‬‬
‫مكافحة جرائم املعلوماتية يف اململكة العربية السعودية‪:‬‬
‫"يهدف نظام مكافحة جرائم املعلوماتية يف اململكة العربية السعودية إىل احلد من وقوع‬
‫جرائم املعلوماتية مبا يؤدي إىل‪:‬‬
‫‪ .1‬املساعدة يف حتقيق األمن املعلوماتي‪.‬‬
‫‪ .2‬حفظ احلقوق املرتتبة على االستخدام املشروع للحاسبات اآللية والشبكات املعلوماتية‪.‬‬
‫‪ .3‬محاية املصلحة العامة واألخالق واآلداب العامة‪.‬‬
‫‪ .4‬محاية االقتصاد الوطين‪.‬‬
‫عقوبات جرائم املعلوماتية يف اململكة العربية السعودية‪:‬‬
‫فيما يلي بعض عقوبات جرائم املعلوماتية يف نظام مكافحة جرائم املعلوماتية يف اململكة العربية‬
‫السعودية‪:‬‬
‫العقوبة‬ ‫اجلرمية‬
‫التنصت على ما هو مرسل عن طريق شبكة املعلوماتية أو أحد‬
‫أجهزة احلاسب اآللي ‪-‬دون مسوغ نظامي صحيح‪ -‬أو التقاطه أو‬
‫اعرتاضه‪.‬‬
‫السجن مدة ال‬ ‫الدخول غري املشروع لتهديد شخص أو ابتزازه؛ حلمله على القيام‬
‫تزيد عن سنة‬ ‫بفعل أو االمتناع عنه‪ ،‬ولو كان القيام بهذا الفعل أو االمتناع عنه‬
‫وبغرامة ال تزيد‬ ‫مشروعاً‪.‬‬
‫على مخس مئة‬ ‫الدخول غري املشروع إىل موقع إلكرتوني‪ ،‬أو الدخول إىل موقع‬
‫ألف ريال‪ ،‬أو‬ ‫إلكرتوني لتغيري تصاميم هذا املوقع‪ ،‬أو إتالفه‪ ،‬أو تعديله‪ ،‬أو شغل‬
‫بإحدى هاتني‬ ‫عنوانه‪.‬‬
‫العقوبتني‪.‬‬ ‫املساس باحلياة اخلاصة عن طريق إساءة استخدام كامريا اهلواتف‬
‫النقالة املزودة بالكامريا‪ ،‬أو ما يف حكمها‪.‬‬
‫التشهري باآلخرين‪ ،‬وإحلاق الضرر بهم‪ ،‬عرب وسائل تقنيات املعلومات‬
‫املختلفة‪.‬‬
‫‪107‬‬
‫العقوبة‬ ‫اجلرمية‬
‫إنتاج ما من شأنه املساس بالنظام العام‪ ،‬أو القيم الدينية‪ ،‬أو اآلداب‬
‫العامة‪ ،‬أو حرمة احلياة اخلاصة أو إعداده‪ ،‬أو إرساله‪ ،‬أو ختزينه‬
‫السجن مدة ال‬
‫عن طريق الشبكة املعلوماتية أو أحد أجهزة احلاسب اآللي‪.‬‬
‫تزيد على مخس‬
‫إنشاء موقع على الشبكة املعلوماتية‪ ،‬أو أحد أجهزة احلاسب اآللي‬
‫سنوات وبغرامة‬
‫أو نشره لالجتار باجلنس البشري أو تسهيل التعامل به‪.‬‬
‫ال تزيد على‬
‫إنشاء املواد والبيانات املتعلقة بالشبكات اإلباحية‪ ،‬أو أنشطة امليسر‬
‫ثالثة ماليني‬
‫املخلة باآلداب العامة أو نشرها أو تروجيها‪.‬‬
‫ريال‪ ،‬أو بإحدى‬
‫إنشاء موقع على الشبكة املعلوماتية‪ ،‬أو أحد أجهزة احلاسب اآللي‬
‫هاتني العقوبتني‪.‬‬
‫أو نشره‪ ،‬لالجتار باملخدرات‪ ،‬أو املؤثرات العقلية‪ ،‬أو تروجيها‪ ،‬أو‬
‫طرق تعاطيها‪ ،‬أو تسهيل التعامل بها‪.‬‬
‫ملحوظة‪ :‬باإلمكان االطالع على كامل نظام مكافحة جرائم املعلوماتية يف اململكة العربية‬
‫السعودية عن طريقة موقع هيئة االتصاالت وتقنية املعلومات ‪.www.citc.gov.sa‬‬
‫خماطر اجلرائم املعلوماتية‪:‬‬

‫‪ .1‬تهدد أمن الدول الوطين واالقتصادي‪.‬‬
‫‪ .2‬اخلسائر املادية واالقتصادية‪.‬‬
‫‪ .3‬املساس باألمن االجتماعي‪.‬‬
‫‪ .4‬تعطيل مصاحل الناس‪.‬‬
‫‪ .5‬انتهاك خصوصيات املواطنني‪.‬‬
‫‪ .6‬تهدد استقرار العالقات األسرية مما يؤدي إىل التفكك األسري‪.‬‬
‫‪108‬‬
‫‪ .1‬عرف شبكات التواصل االجتماعي‪.‬‬
‫‪ .2‬اذكر فوائد شبكات التواصل االجتماعي‪.‬‬
‫‪ .3‬عدد سلبيات شبكات التواصل االجتماعي‪.‬‬
‫‪ .4‬ما دور شبكات التواصل االجتماعي يف عامل األعمال؟‬
‫‪ .5‬عدد اجلهود اليت تقوم بها الدول ملكافحة اجلرائم املعلوماتية‪.‬‬
‫‪ .6‬عدد خماطر اجلرائم املعلوماتية‪.‬‬

‫)‬ ‫(‬ ‫‪ o‬ترتبط اجلرائم املعلوماتية فقط بشبكات التواصل االجتماعي‪.‬‬
‫)‬ ‫(‬ ‫‪ o‬يقصد باالبتزاز تشويه مسعة شخص ما على شبكات التواصل االجتماعي‪.‬‬
‫)‬ ‫(‬ ‫‪ o‬شبكة ‪ Pinterest‬االجتماعية خمصصة ملشاركة الصور والفيديو‪.‬‬
‫)‬ ‫‪ o‬يتم دفع مبلغ مادي بشكل شهري لالشرتاك يف شبكات التواصل االجتماعي‪( .‬‬
‫)‬ ‫(‬ ‫‪ o‬جرائم التشهري يقصد منها تشويه مسعة األشخاص‪.‬‬
‫)‬ ‫(‬ ‫‪ o‬من أهداف نظام مكافحة اجلرائم املعلوماتية محاية االقتصاد الوطين‪.‬‬
‫‪ .8‬أنشئ حساب ًا جديداً يف كل من‪:‬‬

‫‪ ‬شبكة ‪.Pinterest‬‬
‫‪ ‬شبكة ‪.LinkedIn‬‬
‫‪ ‬شبكة ‪.Twitter‬‬
‫‪109‬‬

‫بعد االنتهاء من التدرب على وحدة شبكات التواصل االجتماعي ‪Social Media‬‬
‫‪ ،Network‬قيم نفسك وقدراتك بواســـطة إكمال هذا التقييم الذاتي بعد كل عنصر من‬
‫العناصر املذكورة‪ ،‬وذلك بوضع عـــــالمة (‪ )‬أمام مستوى األداء الذي أتقنته‪ ،‬ويف حالة عدم‬
‫قابلية املهمة للتطبيق ضع العالمة يف اخلانة اخلاصة بذلك‪.‬‬
‫يُعرف شبكات التواصل االجتماعي‪.‬‬ ‫‪1‬‬
‫يُعدد فوائد شبكات التواصل االجتماعي‪.‬‬ ‫‪2‬‬
‫يشرح مفهوم التسويق عرب شبكة التواصل االجتماعي‪.‬‬ ‫‪3‬‬
‫يُعدد أشهر مواقع التواصل االجتماعي‪.‬‬ ‫‪4‬‬
‫يُعرف اجلرمية املعلوماتية‪.‬‬ ‫‪5‬‬
‫يُعدد أضرار اجلرمية املعلوماتية‪.‬‬ ‫‪6‬‬
‫‪110‬‬

‫‪4‬‬ ‫‪3‬‬ ‫‪2‬‬ ‫‪1‬‬ ‫احملاولة ‪:‬‬
‫رقم املتدرب‪...................................................................................... :‬‬
‫العالمة ‪...... ...... ...... ...... :‬‬
‫‪4‬‬ ‫‪3‬‬ ‫‪2‬‬ ‫‪1‬‬
‫يُعرف شبكات التواصل االجتماعي‪.‬‬ ‫‪1‬‬
‫يُعدد فوائد شبكات التواصل االجتماعي‪.‬‬ ‫‪2‬‬
‫يشرح مفهوم التسويق عرب شبكة التواصل االجتماعي‪.‬‬ ‫‪3‬‬
‫يُعدد أشهر مواقع التواصل االجتماعي‪.‬‬ ‫‪4‬‬
‫يُعرف اجلرمية املعلوماتية‪.‬‬ ‫‪5‬‬
‫يُعدد أضرار اجلرمية املعلوماتية‪.‬‬ ‫‪6‬‬
‫‪.........................................................................................................................................................‬‬
‫‪.........................................................................................................................................................‬‬
‫‪.........................................................................................................................................................‬‬
‫توقيع املدرب‪............................. :‬‬
‫‪111‬‬
‫الوحدة الثالثة‬
‫الحوسبة السحابية ‪Cloud Computing‬‬
‫‪112‬‬
‫الوحدة الثالثة‬
‫احلوسبة السحابية ‪Cloud Computing‬‬

‫تهدف هذه الوحدة إىل إكساب املتدرب املعارف األساسية واملهارات الالزمة للتعامل مع‬
‫تطبيقات احلوسبة السحابية املختلفة‪.‬‬
‫‪ .1‬يُعرف تقنية احلوسبة السحابية‪.‬‬
‫‪ .2‬يشرح متطلبات احلوسبة السحابية ومميزاتها وعيوبها‪.‬‬
‫‪ .3‬يتعامل مع أشهر تطبيقات احلوسبة السحابية‪.‬‬
‫‪ .4‬يوضح أهمية األمان واخلصوصية يف تطبيقات احلوسبة السحابية‪.‬‬
‫الوقت املتوقع للتدريب على هذه الوحدة‪ 20 :‬ساعة تدريبية‪.‬‬

‫‪113‬‬
‫تعريف احلوسبة السحابية ‪:Cloud Computing‬‬

‫تعرف احلوسبة السحابية بأنها تقنية تعطي مساحة ختزينية وأنظمة وخدمات أكثر أماناً‬
‫حلفظ البيانات ومعاجلتها خارج احلاسب اآللي اخلاص باملستخدم‪ ،‬ومتكنه من الوصول‬
‫للبيانات والتعامل معها من أي جهاز وأي مكان من خالل االتصال باإلنرتنت‪.‬‬
‫كما ميكن تعريفها بأنها تقنية تقوم بنقل معاجلة البيانات ومساحة التخزين اخلاصة‬
‫باحلاسب إىل السحابة (‪ ،)Cloud‬وهذه السحابة عبارة عن خادم يتم ختزين بيانات املستخدم‬
‫عليه‪ ،‬وميكن الوصول له عن طريق االتصال باإلنرتنت‪ ،‬حيث ميكن للمستخدم الوصول إىل‬
‫مجيع معلوماته من أي جهاز وأي مكان بالعامل كما بالشكل رقم (‪ .)1-3‬وتعتمد البنية‬
‫التحتية للحوسبة السحابية (‪ )Cloud‬على مراكز البيانات املتطورة واليت تقوم بدورها على‬
‫تقديم املساحات التخزينية الكبرية والربامج اخلدمية للمستخدمني‪.‬‬
‫تاريخ احلوسبة السحابية‪:‬‬

‫ولدت فكرة احلوسبة السحابية يف الستينات امليالدية وكانت حمدودة على املعامالت‬
‫املالية والتعداد للسكان‪ ،‬حتى قامت شركة ‪ Microsoft‬يف بدايات عام ‪ 2000‬بتوسيع مفهوم‬
‫استخدام تطبيقات احلوسبة السحابية والربامج من خالل شبكة اإلنرتنت‪ ،‬وأيضاً كان‬
‫لشركة ‪ Google‬تأثري هام يف جمال احلوسبة السحابية حيث قامت بإطالق العديد من اخلدمات‬
‫اليت تعتمد على هذه التقنية‪ ،‬ويف عام ‪ 2009‬أطلقت شركة ‪ Google‬نظام تشغيل ‪Chrome‬‬
‫‪ OS‬املتكامل والذي يعمل على تقنية احلوسبة السحابية‪.‬‬
‫‪114‬‬
‫فوائد احلوسبة السحابية‪:‬‬

‫‪ .1‬سرعة وسهولة الوصول للبيانات يف أي وقت وأي مكان من خالل اإلنرتنت‪.‬‬
‫‪ .2‬مشاركة املعلومات مع اآلخرين‪.‬‬
‫‪ .3‬خفض تكاليف املكونات املادية‪.‬‬
‫‪ .4‬سعة ختزينية كبرية‪ ،‬وميكن زيادة السعة التخزينية برسوم إضافية‪.‬‬
‫‪ .5‬حتديث الربامج اخلاصة باحلوسبة بشكل تلقائي‪.‬‬
‫‪ .6‬توفر خوادم النسخ االحتياطي‪.‬‬
‫‪ .7‬ال يتحمل املستخدم أي تكاليف صيانة للمنظومة السحابية‪.‬‬
‫‪ .8‬السرعة يف معاجلة البيانات‪.‬‬
‫سلبيات احلوسبة السحابية‪:‬‬

‫‪ .1‬عدم توفر اإلنرتنت‪ .‬للوصول للخدمات السحابية حتتاج إىل اتصال دائم باإلنرتنت‪.‬‬
‫‪ .2‬إغالق الشركة املقدمة للخدمة‪.‬‬
‫‪ .3‬األمن يف السحابة‪ .‬تأكد من اختيارك ملزود اخلدمة األكثر موثوقية‪.‬‬
‫‪ .4‬البيانات على اإلنرتنت تكون معرضة للهجوم‪ ،‬فال يوجد شي آمن متام ًا على اإلنرتنت‪.‬‬
‫تصنيفات خدمات احلوسبة السحابية‪:‬‬

‫البنية التحتية كخدمة ‪ :IaaS‬تعترب اختصارا جلملة ‪ ،Infrastructure as a Service‬توفر هذه‬
‫اخلدمة املوارد احلاسوبية اليت حيتاجها املستخدم يف بيئة افرتاضية‪ ،‬حيث توفر خدمات‬
‫الشبكات والتخزين واخلوادم وأنظمة التشغيل‪ ،‬وبإمكان املستخدم اختيار املواصفات اليت‬
‫حيتاج منها‪.‬‬
‫املنصة كخدمة ‪ :PaaS‬تعترب اختصارا جلملة ‪ ،Platform as a service‬وتوفر هذه املنصة مجيع‬
‫األدوات اليت حيتاجها مطورو التطبيقات لبناء وتشغيل واختبار وإدارة تطبيقاتهم‪.‬‬
‫الربجميات كخدمة ‪ :SaaS‬تعترب اختصارا جلملة ‪ ،Software as a service‬وهي متكن‬
‫املستخدم من الوصول للتطبيقات واستخدامها عن بعد من خالل اإلنرتنت‪ ،‬وهذا النموذج‬
‫تستخدمه أغلب شبكات التواصل االجتماعي ومزودو خدمات الربيد اإللكرتوني‪ ،‬ويعترب‬
‫األكثر شيوعاً خلدمات احلوسبة السحابية‪ ،‬ومن أمثلتها ‪. Google App،Microsoft 365‬‬
‫‪115‬‬
‫الشكل رقم (‪ )2-3‬يوضح تصنيفات خدمات احلوسبة السحابية‪.‬‬
‫املستخدم‬ ‫‪SaaS‬‬
‫النهائي‬
‫مطورو التطبيقات‬ ‫‪PaaS‬‬
‫‪IaaS‬‬
‫الشبكات‪,‬البنية التحتية ومهندس‬
‫مكونات وعناصر احلوسبة السحابية‪:‬‬

‫‪ .1‬املستخدم‪ :‬وهو املستفيد من خدمات احلوسبة السحابية‪.‬‬
‫‪ .2‬نظام التشغيل‪ :‬نظام يسمح باالتصال باإلنرتنت وهو متوفر يف مجيع األجهزة حالياً‪.‬‬
‫‪ .3‬الربنامج‪ :‬من أشهر أمثلة الربامج متصفحات اإلنرتنت‪ ،‬فهي تسمح بالوصول إىل‬
‫اخلدمات املقدمة من احلوسبة السحابية‪.‬‬
‫‪ .4‬توفر اتصال بشبكة اإلنرتنت‪ :‬وهي األداة اليت تربط بني املستخدم وبياناته والربامج‬
‫اليت يستخدمها يف السحابة‪.‬‬
‫‪ .5‬مزود خدمة احلوسبة السحابية‪ :‬وهي الشركات اليت تستضيف املستخدمني مثل‬
‫شركة ‪ Google‬و‪ Microsoft‬وغريها من الشركات‪.‬‬
‫الشكل رقم (‪ )3-3‬يوضح مكونات وعناصر احلوسبة السحابية‪.‬‬
‫املستخدم‬
‫الربنامج‬
‫‪116‬‬
‫أنواع احلوسبة السحابية‪:‬‬

‫السحابة اخلاصة ‪ :Privet Cloud‬هي سحابة مغلقة خاصة مبنشأة كالبنوك أو اجلامعات‪،‬‬
‫كما يف الشكل رقم (‪ ،)4-3‬وقد تتواجد موارد هذه السحابة داخل املنشأة حبيث ميكن‬
‫الوصول إليها عن طريق الشبكة احمللية‪ ،‬وميكن أن تتواجد موارد هذه السحابة لدى إحدى‬
‫شركات مقدمي خدمات احلوسبة السحابية ولكنها ال تشرتك يف املوارد مع أي مستخدمني‬
‫آخرين‪ ،‬وتكون املنشأة أو املؤسسة هي املسؤولة عن إدارة األنظمة املستخدمة لتوفري اخلدمة أو‬
‫أية تطبيقات يتم تثبيتها على نظام املستخدم النهائي‪.‬‬
‫اخلدمات‬
‫السحابية‬
‫املنشأة (أ)‬ ‫سحابة خاصة باملنشأة (أ)‬

‫السحابة العامة ‪ :Public Cloud‬هي سحابة عامة على شبكة اإلنرتنت تقدم خدماتها لعمالء‬
‫متعددين على نفس املوارد كما يف الشكل رقم (‪ ،)5-3‬وتكون هذه األنظمة واملوارد اليت‬
‫تقدم اخلدمة موجودة عند مزود خدمة خارجي‪ ،‬ويكون هو املسؤول عن تنظيم وإدارة كل‬
‫األنظمة املستخدمة لتوفري اخلدمة‪ ،‬ومن أمثلة هذه اخلدمة السحابية ‪Google ،OneDrive‬‬
‫‪.Drive‬‬
‫منشأة (ج)‬ ‫اخلدمات‬ ‫منشأة (ب)‬

‫السحابية‬
‫السحابة العامة تقدم خدماتها‬

‫منشأة (هـ)‬ ‫ألكثر من منشأة‬ ‫منشأة (د)‬
‫‪117‬‬
‫السحابة اهلجني ‪ :Hybrid Cloud‬هذا النوع من السحابة يكون خلط بني نوعني أو أكثر من‬
‫األمناط السحابية‪ ،‬حيث تكون كل سحابة منفصلة عن السحابة األخرى ويتم الربط بينهما‬
‫بطريقة ما‪ ،‬قد تكون السحابة اهلجينة معقدة إال أنها تسمح بتحقيق أهداف املنظمة‪.‬‬
‫أمثلة على خدمات احلوسبة السحابية‪:‬‬
‫‪ o‬خدمات ختزين امللفات السحابية‪ :‬مثل ‪. Dropbox،Google Drive ،OneDrive‬‬
‫‪ o‬خدمات الربيد اإللكرتوني‪ :‬مثل ‪.Outlook ،Yahoo ،Google‬‬
‫‪ o‬خدمات الصوتيات السحابية‪ :‬مثل ‪.iTunes ،SoundCloud‬‬
‫‪ o‬أنظمة التشغيل السحابية‪ :‬مثل ‪.Joli OS ،Chrome OS‬‬
‫‪ o‬الربامج السحابية‪ :‬مثل ‪.online video cutter ،Photoshop Express Editor‬‬
‫خدمات شركة ‪ Google‬السحابية‪:‬‬

‫تقوم شركة ‪ Google‬بتقديم جمموعة من خدمات احلوسبة السحابية على منصتها‪ ،‬كما‬
‫حتتوي هذه املنصة على حزمة من التطبيقات السحابية )‪ )G Suite‬وهذه احلزمة مكونة من‬
‫جمموعة مميزة من خدمات احلوسبة السحابية مثل خدمة التخزين‪ ،‬وخدمة رسائل الربيد‬
‫اإللكرتوني‪ ،‬وتطوير التطبيقات‪ ،‬والعمل مع حزم التطبيقات املكتبية وغريها من اخلدمات‬
‫اليت تعمل على تأسيس بنية حتتية قوية تقدمها شركة ‪ ،Google‬كما ميكن جلميع املهتمني‬
‫بقطاع تقنية املعلومات من مطوري الربامج ومشريف احلوسبة السحابية واملؤسسات والشركات‬
‫واألفراد من استخدام هذه املنصة واالستفادة من مجيع خدماتها‪ .‬يوضح الشكل رقم (‪)6-3‬‬
‫اخلدمات اليت تقدمها ‪.G Suit‬‬
‫وتقوم شركة ‪ Google‬بتطوير خدماتها السحابية بشكل مستمر لتلبية تطلعات‬
‫املستخدمني يف هذا القطاع‪ ،‬من أجل املنافسة يف جمال خدمات احلوسبة السحابية‪ ،‬ومن أهم‬
‫منافسي شركة ‪ Google‬يف جمال خدمات احلوسبة السحابية ‪،Amazon Web Services‬‬
‫‪.Microsoft Azure‬‬
‫‪118‬‬
‫خدمة الربيد اإللكرتوني ‪:Gmail‬‬

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

‫‪ ‬جماني‪ :‬ال حيتاج دفع أي مبالغ المتالكه‪.‬‬
‫‪ ‬السعة التخزينية‪ :‬متنح شركة ‪ Google‬ما يزيد عن ‪ 15‬جيجابايت كسعة ختزينية‬
‫للربيد اإللكرتوني‪ ،‬وهذه السعة الكبرية غري متوفرة يف الكثري من خدمات الربيد‬
‫اإللكرتوني لدى املنافسني‪ ،‬وتعترب السعة التخزينية الكبرية أحد األسباب األساسية‬
‫اليت جتعل املستخدمني يفضلون استخدام الربيد اإللكرتوني ‪ ،Gmail‬ومتكن السعة‬
‫التخزينية الكبرية املستخدمني من حفظ رسائلهم مجيعها دون االضطرار حلذفها‪.‬‬
‫‪ ‬واجهة املستخدم‪ :‬يدعم الربيد اإللكرتوني ‪ Gmail‬جمموعة من املتصفحات وهي‪:‬‬
‫‪.Google Chrome .1‬‬
‫‪.Internet Explorer .2‬‬
‫‪.Safari .3‬‬
‫‪.Netscape .4‬‬
‫‪.Mozilla Firefox .5‬‬
‫‪.Microsoft Edge .6‬‬
‫‪ ‬حفظ الرسائل تلقائياً‪ :‬يقوم الربيد اإللكرتوني حبفظ الرسائل اليت يقوم املستخدم‬
‫بكتابتها تلقائياً‪ ،‬حيث ميكن اسرتجاعها يف حال حدوث خطأ مثل انقطاع اإلنرتنت‪.‬‬
‫‪ ‬التنظيم‪ :‬ميكن للمستخدم إنشاء تصنيفات حلفظ الرسائل فيها لتنظيم الربيد اخلاص‬
‫به‪.‬‬
‫‪ ‬دفرت العناوين‪ :‬ميكن البحث عن جهات اتصال املستخدمني وتنظيمها وذلك بإنشاء‬
‫اجملموعات يف الربيد اإللكرتوني‪.‬‬
‫‪119‬‬
‫‪ ‬األمن‪ :‬متنح شركة ‪ Google‬املستخدمني خيارات متقدمة حلماية الربيد اإللكرتوني‬

‫وتأمني البيانات ومحاية خصوصية املستخدمني‪ ،‬وتساعد هذه اإلجراءات يف منع‬
‫األشخاص غري املصرح هلم من الوصول للحساب‪.‬‬
‫‪ ‬إمكانية ترمجة الرسائل داخل بريد ‪ :Gmail‬تتيح هذه اخلدمة ترمجة الرسائل الواردة‬
‫بعدة لغات لتسهل على املستخدم التعامل معها‪.‬‬
‫‪ ‬ميزة الردود اجلاهزة على الرسائل‪ :‬تتيح هذه اخلدمة الردود التلقائية على رسائل الربيد‬
‫اإللكرتوني املستلمة‪.‬‬
‫‪ ‬دعم اللغات‪ :‬يدعم بريد ‪ Gmail‬أكثر من ‪ 70‬لغة لعرض واجهة املستخدم على خمتلف‬
‫املتصفحات‪.‬‬
‫ملحوظة‪ :‬جيب متكني ‪ JavaScript‬وملفات تعريف االرتباط يف كل متصفحات اإلنرتنت‪.‬‬
‫خطوات إنشاء حساب ‪:Gmail‬‬

‫‪ .1‬افتح متصفح اإلنرتنت واكتب العنوان ‪ www.gmail.com‬يف شريط العنوان‪ ،‬كما‬
‫‪ .2‬انقر على إنشاء حساب‪ ،‬كما يف الشكل رقم (‪.)8-3‬‬
‫‪120‬‬
‫‪ .3‬قم بتعبئة البيانات املطلوبة‪ ،‬ثم انقر على التالي‪ ،‬كما يف الشكل رقم (‪.)9-3‬‬
‫‪ .4‬ألمان أكثر قم بإدخال رقم اهلاتف احملمول اخلاص بك‪ ،‬ثم انقر على التالي‪ ،‬كما‬
‫‪121‬‬
‫‪ .5‬ستصلك رسالة نصية على هاتفك احملمول إلثبات ملكيتك هلذا الرقم‪ ،‬أدخل رمز‬
‫التحقق ثم انقر على تأكيد‪ ،‬كما يف الشكل رقم (‪.)11-3‬‬
‫‪ .6‬سيتم استخدام البيانات التالية لزيادة أمان احلساب قم بإدخاهلا‪ ،‬ثم انقر على التالي‪،‬‬
‫‪122‬‬
‫‪ .7‬عند رغبتك يف إضافة رقمك احملمول إىل خدمات ‪ Google‬املختلفة‪ ،‬انقر على موافق‪،‬‬
‫أما يف حال عدم رغبتك بذلك انقر على ختطي‪ ،‬كما يف الشكل رقم (‪.)13-3‬‬
‫‪ .8‬ستظهر لك صفحة الرتحيب اخلاصة يف بريد ‪ ،Gmail‬انقر على التالي‪ ،‬كما يف‬
‫الشكل رقم (‪.)14-3‬‬
‫‪ .9‬من نافذة اختيار طريقة العرض‪ ،‬اخرت طريقة عرض الرسائل اإللكرتونية ثم انقر على‬
‫حسناً‪.‬‬
‫‪ .10‬ستفتح لك صفحة الربيد اإللكرتوني اخلاصة بربيد ‪.Gmail‬‬
‫‪123‬‬
‫خدمة ختزين امللفات ‪:Google Drive‬‬

‫هي خدمة تقدمها شركة ‪ Google‬ملستخدميها لتخزين امللفات ومزامنتها من خالل‬
‫األجهزة املختلفة مثل (جهاز احلاسب‪ ،‬اهلاتف احملمول الذكي‪ ،‬األجهزة اللوحية)‪ ،‬وعند وضع‬
‫أي ملف يف جملد ‪ Google Drive‬تستطيع عرضه والتعديل عليه من أي مكان يف العامل وعلى‬
‫أي جهاز ختتاره‪ .‬كما ميكن وضع صالحيات للمستخدمني لتسمح هلم من عرض هذه امللفات‬
‫والتعديل عليها وحتميلها من أي مكان‪.‬‬
‫خدمة التخزين السحابية ‪ Google Drive‬مندجمة بالكامل مع خدمات )‪ )G Suite‬واليت‬
‫متكن املستخدمني من التعامل مع مستندات ‪ Google‬مثل الوثائق واجلداول اإللكرتونية‬
‫والعروض التقدميية وغريها عن طريق اإلنرتنت دون حتميلها على جهاز احلاسب اآللي‪ .‬ميكن‬
‫تنزيل تطبيق ‪ Google Drive‬أيضاً على أنظمة تشغيل ‪. iOS، Android، MacOS،Windows‬‬
‫يوضح الشكل رقم (‪ )15-3‬شعار خدمة ‪.Google Drive‬‬
‫مميزات ‪:Google Drive‬‬

‫‪ .1‬يقوم بتوفري احلماية للملفات من وصول األيدي العابثة‪.‬‬
‫‪ .2‬توفري مساحة ختزين تصل إىل ‪ 15‬جيجابايت جماناً‪.‬‬
‫‪ .3‬حترير املستندات احملفوظة باملاسح الضوئي‪.‬‬
‫‪ .4‬القدرة على طلب مساحة ختزين إضافية مبقابل مالي ما بني ‪ 100‬جيجابايت إىل ‪30‬‬
‫تريابايت‪.‬‬
‫‪ .5‬القدرة على القيام باملهام على الوثائق (‪ )Docs‬واجلداول اإللكرتونية (‪ ،)Sheets‬وغريها‬
‫من املستندات عرب اإلنرتنت‪.‬‬
‫‪ .6‬إمكانية مشاركة امللفات مع مستخدمني آخرين‪.‬‬
‫‪ .7‬تنظيم وترتيب امللفات يف جملدات داخل ‪.Google Drive‬‬
‫‪124‬‬
‫الدخول على حساب ‪:Google Drive‬‬

‫‪ .1‬افتح متصفح اإلنرتنت واكتب العنوان ‪ www.google.sa‬يف شريط العنوان‪.‬‬
‫‪ .2‬انقر على شبكة النقاط املتجاورة لتسجيل الدخول‪.‬‬
‫‪ .3‬انقر على ‪ ،Drive‬كما يف الشكل رقم (‪.)16-3‬‬
‫‪ .4‬سجل بيانات الدخول اخلاصة بك يف حساب ‪ Google‬يف املكان املخصص‪ ،‬كما يف‬
‫الشكل رقم (‪.)17-3‬‬
‫‪125‬‬
‫‪ .5‬ستفتح لك صفحة خدمة ‪.Google Drive‬‬

‫‪ .6‬لرفع اجمللدات وامللفات على السحابة اخلاصة بك‪ ،‬انقر على جديد‪ ،‬كما يف الشكل‬
‫رقم (‪.)18-3‬‬
‫‪ .7‬من القائمة املنسدلة حدد نوع اإلجراء الذي تريده‪ ،‬كما يف الشكل رقم (‪.)19-3‬‬
‫‪126‬‬
‫مستندات ‪:Google‬‬
‫هي أحد التطبيقات املكتبية املقدمة من شركة ‪ Google‬تتيح للمستخدمني إنشاء‬
‫املستندات وتعديلها ومعاجلة النصوص وتنسيقها عرب شبكة اإلنرتنت‪ ،‬وميكن مشاركة هذه‬
‫املستندات مع مستخدمني آخرين والعمل على نفس املستند يف وقت واحد‪ .‬يوضح الشكل رقم‬
‫(‪ )20-3‬أيقونة ملف مستندات ‪.Google‬‬
‫خطوات إنشاء مستند ‪:Google‬‬

‫‪ -1‬باستخدام حساب ‪ Google‬اخلاص بك‪ ،‬قم بتسجيل الدخول يف ‪.Google Drive‬‬
‫‪ -2‬إلنشاء مستند ‪ Google‬جديد‪ ،‬انقر على جديد ثم اخرت مستندات ‪ ،Google‬كما يف‬
‫الشكل رقم (‪.)21-3‬‬
‫‪127‬‬
‫‪ -3‬مت إنشاء مستند ‪ Google‬جديد‪ ،‬كما هو يف الشكل رقم (‪.)22-3‬‬
‫‪ -4‬ملشاركة امللف مع اآلخرين انقر على مشاركة‪ ،‬كما يف الشكل رقم (‪.)23-3‬‬
‫‪.‬‬ ‫‪ -5‬قم بتحديد إعدادات املشاركة اليت ترغب بها بالنقر على الزر‬
‫‪128‬‬
‫‪ -6‬أدخل الربيد اإللكرتوني لألشخاص الذين ترغب مبشاركة املستند معهم أو انسخ‬
‫الرابط ملشاركته عرب وسائل التواصل االجتماعي مع من تريد‪ ،‬ثم انقر على مت‪ ،‬كما‬
‫‪ -7‬بعد االنتهاء من التعديالت اغلق املستند‪.‬‬

‫ملحوظة‪ :‬يتم حفظ التعديالت تلقائياً‪.‬‬
‫جداول بيانات ‪:Google‬‬

‫هي أحد التطبيقات املكتبية املقدمة من شركة ‪ ،Google‬تتيح للمستخدمني إنشاء‬
‫وتعديل ملفات اجلداول اإللكرتونية عرب اإلنرتنت‪ ،‬وميكن مشاركة هذه امللفات مع‬
‫مستخدمني آخرين والعمل على نفس امللف يف وقت واحد‪ .‬يوضح الشكل رقم (‪ )25-3‬أيقونة‬
‫ملف جداول بيانات ‪.Google‬‬
‫‪129‬‬
‫خطوات إنشاء ملف جداول بيانات ‪:Google‬‬

‫‪ -2‬انقر على جديد ثم اخرت جداول بيانات ‪ ،Google‬كما يف الشكل رقم (‪.)26-3‬‬
‫‪ -3‬مت إنشاء ملف جداول بيانات ‪ Google‬جديد‪ ،‬كما يف الشكل رقم (‪.)27-3‬‬
‫ملحوظة‪ :‬تتم مشاركة امللف مع اآلخرين بنفس طريقة مشاركة مستند ‪.Google‬‬
‫‪130‬‬
‫العروض التقدميية من ‪:Google‬‬

‫هي أحد التطبيقات املكتبية املقدمة من شركة ‪ ،Google‬تتيح للمستخدمني إنشاء‬
‫وتعديل ملفات العروض التقدميية عرب اإلنرتنت أينما كنت ومن خالل أي جهاز‪ ،‬وميكن‬
‫مشاركة هذه املستندات مع مستخدمني آخرين والعمل على نفس املستند يف وقت واحد‪ .‬يوضح‬
‫الشكل رقم (‪ )28-3‬أيقونة ملف العروض التقدميية من ‪.Google‬‬
‫خطوات إنشاء ملف ‪:Google Slides‬‬

‫‪ -2‬انقر على جديد ثم اخرت العروض التقدميية من ‪ ،Google‬كما هو يف الشكل رقم‬
‫(‪.)29-3‬‬
‫‪131‬‬
‫‪ -3‬مت إنشاء مستند العروض التقدميية من ‪ ،Google‬كما يف الشكل رقم (‪.)30-3‬‬
‫ملحوظة‪ :‬تتم مشاركة امللف مع اآلخرين بنفس طريقة مشاركة مستند ‪.Google‬‬
‫النماذج ‪:Forms‬‬
‫النماذج هي خدمة مقدمة من شركة ‪ Google‬تتيح للمستخدمني إمكانية إنشاء األسئلة‬
‫واالستبانات واالستفتاءات وإرساهلا عن طريق الربيد اإللكرتوني أو مشاركتها من خالل‬
‫‪ Google Plus‬أو نشرها عرب مواقع التواصل االجتماعي أو وضعها مبوقعك أو مدونتك على‬
‫اإلنرتنت‪ ،‬ثم احلصول على الردود من املشاركني وحفظها يف تطبيق جداول البيانات ‪Google‬‬
‫وإنشاء ملخص هلا وحتليلها بشكل مبسط‪.‬‬
‫خطوات إنشاء منوذج ‪:Google‬‬

‫‪132‬‬
‫‪ -2‬إلنشاء منوذج ‪ Google‬جديد‪ ،‬انقر على جديد ثم املزيد ثم اخرت مناذج ‪ ،Google‬كما‬
‫‪ -3‬سيتم إنشاء منوذج ‪ ،Google‬كما يف الشكل رقم (‪.)32-3‬‬
‫‪133‬‬
‫‪ -4‬بعد االنتهاء من تعبئة النموذج‪ ،‬باإلمكان معاينته قبل اإلرسال بالنقر على معاينة‪،‬‬
‫‪ -5‬ملشاركة النموذج قم بالنقر على إرسال‪ ،‬كما يف الشكل رقم (‪.)34-3‬‬
‫‪ -6‬قم بإدخال الربيد اإللكرتوني لألشخاص الذي ترغب يف إرسال النموذج هلم‪ ،‬ثم قم‬
‫بتعبئة املوضوع والرسالة املتضمنة‪ ،‬ثم انقر على إرسال ‪ ،‬كما هو يف الشكل رقم‬
‫(‪.)35-3‬‬
‫‪134‬‬
‫‪ ،‬كما يف‬ ‫‪ -7‬ميكن احلصول على رابط النموذج وتقصريه من خالل النقر على‬
‫الشكل رقم (‪.)36-3‬‬
‫خدمات شركة ‪ Microsoft‬السحابية‪:‬‬

‫هي جمموعة من اخلدمات السحابية اليت تقدمها شركة ‪ Microsoft‬ملستخدميها‪ ،‬تُتيح‬
‫هلم إمكانية ختزين امللفات وحترير وإنشاء املستندات واجلداول اإللكرتونية والعروض‬
‫التقدميية وغريها‪ ،‬مع القدرة على الوصول إىل هذه امللفات من أي مكان وزمان‪ ،‬كما ميكن‬
‫للمستخدمني مشاركة هذه امللفات مع اآلخرين مع حتديد الصالحيات املناسبة هلم‪.‬‬
‫خدمة ختزين امللفات ‪:OneDrive‬‬

‫تقدم شركة ‪ Microsoft‬خدمة التخزين السحابي ‪ ،OneDrive‬وعلى الرغم من وجود‬
‫العديد من املنافسني املتميزين يف تقديم خدمات التحزين السحابي إال أن ‪ OneDrive‬ميتاز‬
‫بتكامله مع ‪ Windows10‬باإلضافة إىل تطبيقات ‪ ،Office‬فباإلمكان استخدام خدمات‬
‫‪ Microsoft 365‬و‪ Office‬التقليدية مع ‪ .OneDrive‬يوضح الشكل رقم (‪ )37-3‬شعار خدمة‬
‫‪.OneDrive‬‬
‫إذا كنت من مستخدمي ‪ Windows10‬فخدمة ‪ OneDrive‬ستكون اختيار رائع لك‬
‫خاصة إذا كنت من مستخدمي منتجات شركة ‪.Microsoft‬‬
‫‪135‬‬
‫خلدمات ‪ OneDrive‬أنواع منها اجملاني ومنها مدفوع الثمن‪ ،‬كما يف الشكل رقم (‪:)38-3‬‬
‫مميزات التخزين السحابي ‪:OneDrive‬‬

‫‪ -1‬سعة التخزين اجملانية ‪ 5‬جيجابايت‪.‬‬
‫‪ -2‬خدمة ‪ OneDrive‬تعمل بشكل متكامل مع برامج ‪.Microsoft 365‬‬
‫‪ -3‬ميكن ربط أجهزة متعددة حبساب ‪ OneDrive‬واحد‪.‬‬
‫‪ -4‬مشاركة امللفات واجمللدات مع اآلخرين‪.‬‬
‫‪ -5‬تنزيل تطبيق ‪ OneDrive‬على أجهزة ‪. Windows، Mac OS،iOS ،Android‬‬
‫‪ -6‬للحصول على خدمات ‪ OneDrive‬يشرتط وجود حساب على ‪.Microsoft‬‬
‫‪136‬‬
‫إعداد ‪ OneDrive‬على جهاز احلاسب‪:‬‬

‫‪ ‬يف ‪ Windows 10‬اضغط على زر ابدأ‪ ،‬ويف البحث اكتب ‪.OneDrive‬‬
‫‪ ‬افتح التطبيق‪.‬‬
‫‪ ‬ستظهر لك مباشرة نافذة تطبيق ‪ ،OneDrive‬كما يف الشكل رقم (‪.)39-3‬‬
‫‪ ‬ادخل حساب ‪ Microsoft‬اخلاص بك‪ ،‬ثم انقر على تسجيل‪.‬‬

‫‪ ‬ادخل كلمة املرور اخلاصة باحلساب وذلك لفتح احلساب اخلاص بك على ‪،OneDrive‬‬
‫ثم انقر على تسجيل الدخول‪ ،‬كما يف الشكل رقم (‪.)40-3‬‬
‫‪137‬‬
‫‪ ‬أصبحت جاهزاً إلضافة امللفات على ‪ ،OneDrive‬كما يف الشكل رقم (‪.)41-3‬‬
‫‪ ‬حدد اجمللدات وامللفات اليت ترغب يف مزامنتها مع ‪ ،OneDrive‬ثم انقر التالي لرفعها‪،‬‬
‫‪138‬‬
‫‪ ‬اآلن أصبحت جاهزًا الستخدام ‪ ،OneDrive‬كما يف الشكل رقم (‪.)43-3‬‬
‫‪ ‬اضغط على فتح جملد ‪ OneDrive‬اخلاص بي لالنتقال مللفاتك‪ ،‬كما هو يف الشكل‬

‫رقم (‪.)44-3‬‬
‫خدمة التطبيقات املكتبية ‪:Microsoft 365‬‬

‫تعترب تطبيقات ‪ Microsoft 365‬من أهم تطبيقات شركة ‪Microsoft‬يف جمال احلوسبة‬
‫السحابية (‪ ،)Cloud Computing‬ومت تغيري اسم هذه اخلدمات من ‪ Office 365‬إىل اسم جديد‬
‫وهو ‪ ،Microsoft 365‬وتعترب تطبيقات ‪ Microsoft 365‬من أفضل خدمات شركة ‪Microsoft‬‬
‫على اإلنرتنت‪ ،‬وهي منافس قوي جداً لتطبيقات أخرى مثل تطبيقات ‪.G suite‬‬
‫‪139‬‬
‫تقدم هذا التطبيقات الكثري من اخلدمات املهمة اليت ال نستطيع االستغناء عنها كالقدرة‬
‫على استخدام تطبيقات )‪ Office (Word- Excel- PowerPoint- Access‬دون احلاجة إىل‬
‫تثبيتها على جهاز احلاسب اآللي‪ ،‬لكن هذه اخلدمات ليست جمانية بل هلا مقابل مالي شهري‬
‫على حسب نوع االشرتاك من شركة ‪.Microsoft‬‬
‫تقوم شركة ‪ Microsoft‬بتحديث إصدار ‪ Microsoft 365‬تلقائياً‪ ،‬دون احلاجة لدفع مقابل‬
‫مالي إضايف للرتقية إىل اإلصدار األحدث‪.‬‬
‫تتيح ‪ Microsoft‬حزم من إصدارات ‪ Microsoft 365‬لتناسب مجيع املستخدمني وهي‪:‬‬

‫‪.Microsoft 365 Home Premium .1‬‬
‫‪.Microsoft 365 Small Business Premium .2‬‬
‫‪.Microsoft 365 Enterprise .3‬‬
‫‪.Microsoft 365 Pro Plus .4‬‬
‫الربامج يف حزمة ‪:Microsoft 365‬‬
‫تشمل حزمة ‪ Microsoft 365‬جمموعة من برامج التطبيقات املكتبية اليت تعمل على‬
‫التخزين السحابي‪ ،‬وهذه الربامج هي‪:‬‬
‫‪ :Word .1‬هو برنامج معاجلة النصوص يتمتع مبيزة التخزين السحابي للبيانات‪ .‬ويتم‬
‫ذلك عن طريق االشرتاك باخلدمة‪ ،‬وبهذه امليزة يتم إنشاء وحفظ املستندات على‬
‫اإلنرتنت‪ ،‬مما يسهل الوصول هلذه البيانات من قبل املستخدمني املصرح هلم‪.‬‬
‫‪ :Excel .2‬هو برنامج اجلداول اإللكرتونية الذي يسمح لك بتجميع البيانات وفرزها‬
‫وتصفيتها ووضعها يف اجلداول و إنشاء املخططات ذات املظهر اجلذاب‪ .‬وأيضاً يتمتع‬
‫بالتخزين السحابي‪ ،‬حبيث ميكن إنشاء فريق عمل وكل شخص يقوم بإنهاء اجلزء‬
‫املوكل له وحفظه على نفس امللف حبيث يصل إىل بقية أعضاء الفريق‪.‬‬
‫‪ :PowerPoint .3‬هو برنامج يعطي إمكانية إنشاء العروض التقدميية بشكل جذاب‬
‫للجمهور‪ ،‬ويقدم خدمة احلفظ على السحابة‪ ،‬مما يسهل مشاركة العروض التقدميية‬
‫مع اآلخرين للعمل معاً يف نفس الوقت‪.‬‬
‫‪ :OneNote .4‬هو برنامج دفرت املالحظات الرقمي‪ ،‬ميكّن املستخدمني من إدخال‬
‫النصوص‪ ،‬وإنشاء اجلداول‪ ،‬وإدراج الصور‪ .‬وهو برنامج حيفظ البيانات تلقائيا ويتيح‬
‫إمكانية مشاركتها مع فريق العمل‪.‬‬
‫‪140‬‬
‫‪ :Outlook .5‬هو برنامج يقوم بتنظيم رسائل الربيد اإللكرتوني والرد عليها‪ ،‬ويساعد‬
‫تطبيق ‪ Outlook‬املستخدمني للبقاء على اطالع دائم بكل ما هو جديد‪ ،‬كما ميكنك‬
‫استخدام التقويم املضمن مع التطبيق ملتابعة املواعيد وإدارتها‪.‬‬
‫‪ :Access .6‬هو برنامج إلدارة قواعد البيانات‪ ،‬ويُستخدم إلنشاء تطبيقات األعمال من‬
‫خالل أدوات التصميم البسيطة املوجودة فيه‪ .‬ويقدم خدمة احلفظ على السحابة‪ ،‬مما‬
‫يسهل مشاركة ما تقوم به من أعمال مع اآلخرين للعمل معاً يف نفس الوقت‪.‬‬
‫‪ :Publisher .7‬هو برنامج يقوم بتصميم املنشورات وامللصقات الدعائية و كروت‬
‫الدعوات واملطويات والتقاويم‪ .‬ويقدم خدمة احلفظ على السحابة‪ ،‬مما يسهل مشاركة‬
‫ما تقوم به من أعمال مع اآلخرين للعمل معاً يف نفس الوقت‪.‬‬
‫مقارنة بني حزم ‪ Microsoft Office‬احمللية و‪ Microsoft 365‬السحابية‪:‬‬

‫‪ Microsoft 365‬السحابية‬ ‫‪ Microsoft Office‬احمللية‬
‫االشرتاك باحلزمة إما بالدفع الشهري أو‬
‫دفع سعر احلزمة كامالً وملرة واحدة فقط‪.‬‬
‫السنوي‪.‬‬
‫احلصول على التحديثات األمنية تلقائيا بدون‬ ‫ال حيصل املستخدمون على التحديثات‬
‫مبالغ مالية إضافية‪.‬‬ ‫األمنية اجلديدة‪.‬‬
‫حيصل املستخدمون على املزايا اجلديدة اليت‬ ‫ال حيصل املستخدمون على املزايا اجلديدة‬
‫يضيفها املطورون مع إصدار أحدث تلقائيا‪.‬‬ ‫اليت يضيفها املطورون مع إصدار أحدث‪.‬‬
‫متلك ختزين سحابي يف خدمة ‪OneDrive‬‬
‫ال متلك ختزين سحابي‪.‬‬
‫بسعة ختزين ‪ 1‬تريابايت‪.‬‬
‫تثبيت االشرتاك الواحد على كافة األجهزة‬
‫تثبيت النسخة املشرتاة على جهاز واحد فقط اليت ميتلكها املستخدم‪ ،‬وتسجيل الدخول‬
‫إىل اخلدمة من مخس أجهزة خمتلفة يف وقت‬ ‫يعمل بنظام ‪ Windows‬أو ‪.Mac‬‬
‫واحد‪.‬‬
‫خدمات شركة ‪ Dropbox‬السحابية‪:‬‬

‫‪ Dropbox‬هي عبارة عن خدمة ختزين سحابي من أشهر و أكثر شركات التخزين‬
‫السحابي انتشاراً عامليا على الرغم من وجود الكثري من املنافسني هلا من الشركات العمالقة‬
‫مثل شركة ‪ Microsoft‬و شركة ‪ ، Google‬ومن أسباب هذه الشهرة االتفاقيات مع شركات‬
‫‪141‬‬
‫كربى مثل ‪ Samsung‬حيث متنح مساحة ختزينية تصل إىل ‪ 50‬جيجابايت ملشرتي الفئات العليا‬
‫من أجهزتها‪ ،‬وأيضا اتفاقيات مع شركة ‪ HTC‬و شركة ‪ Sony‬مبساحة ختزينية تصل إىل ‪25‬‬
‫جيجابايت‪.‬‬
‫توفر شركة ‪ Dropbox‬تطبيقها على كثري من أنظمة التشغيل منها‪:‬‬
‫‪ ‬نظام تشغيل ‪.Windows‬‬
‫‪ ‬نظام تشغيل ‪.Mac‬‬
‫‪ ‬نظام تشغيل ‪.Android‬‬
‫‪ ‬نظام تشغيل ‪.iOS‬‬
‫إنشاء حساب ‪:Dropbox‬‬

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

‫‪ .1‬باستخدام املتصفح قم بالدخول على موقع الشركة ‪ ، www.dropbox.com‬كما‬
‫باإلمكان حتميل التطبيق اخلاص باخلدمة على هاتفك الذكي من متجر التطبيقات‪.‬‬
‫‪ .2‬قم بتعبئة البيانات املطلوبة إلنشاء حساب جديد‪ ،‬املوضحة يف الشكل رقم (‪.)45-3‬‬
‫‪ ‬االسم األول‪.‬‬
‫‪ ‬االسم األخري‪.‬‬
‫‪ ‬الربيد اإللكرتوني‪.‬‬
‫‪ ‬كلمة املرور‪.‬‬
‫‪ ‬وافق على اتفاقية االستخدام‪.‬‬
‫‪ .3‬انقر على ‪ ،Sing up‬كما يف الشكل رقم (‪.)45-3‬‬
‫‪142‬‬
‫‪ .4‬بعد النقر على ‪ Sign up‬سوف يتم فتح احلساب‪ ،‬كما يف الشكل رقم (‪.)46-3‬‬
‫‪ .5‬أصبحت جاهزا لرفع ملفاتك على ‪.Dropbox‬‬
‫‪143‬‬
‫ملحوظة‪ :‬ميكن تسجيل الدخول إىل ‪ Dropbox‬باستخدام حساب ‪ Google‬أو حساب ‪Apple‬‬
‫أو عن طريق حسابك اخلاص‪ ،‬كما يف الشكل رقم (‪.)47-3‬‬
‫خدمات ‪ Apple‬السحابية‪:‬‬
‫تعمل شركة ‪ Apple‬على تأمني املعلومات من خالل تشفريها أثناء النقل‪ ،‬كما تقوم‬
‫بتخزينها يف ‪ iCloud‬بتنسيق مشفر‪ ،‬من خالل استخدام رموز تشفري آمنة بهدف املصادقة‪.‬‬
‫وخبصوص بعض املعلومات احلساسة تستخدم شركة ‪ Apple‬التشفري الكامل للمعلومات‪.‬‬
‫وهذا يعين إنه لن يتمكن أحد من الوصول إىل املعلومات غري مالك احلساب‪ ،‬وبذلك لن يتمكن‬
‫أي شخص الوصول إىل املعلومات املشفرة بالكامل مبا يف ذلك شركة ‪.Apple‬‬
‫يف بعض األحيان تستخدم شركة ‪ Apple‬خوادم شركاء تابعني جلهات خارجية لتخزين‬
‫البيانات‪ ،‬مثل ‪ ، Google Cloud Platform،Amazon Web Services‬لكن ال ميلك هؤالء‬
‫الشركاء املفاتيح الالزمة لفك تشفري هذه البيانات املخزنة على خوادمهم‪.‬‬
‫ما هو ‪:iCloud‬‬
‫هو اسم من شركة ‪ Apple‬تقدمه خلدماتها القائمة على التخزين السحابي‪ ،‬حيث تشمل‬
‫مزامنة التقويم وجهات االتصال‪ ،‬والربيد اإللكرتوني‪ ،‬ومواقع األجهزة املفقودة‪ ،‬وختزين‬
‫املوسيقى السحابي (‪.)iTunes Match‬‬
‫‪144‬‬
‫تتمثل الفكرة األساسية بشكل عام من اخلدمات السحابية يف ختزين البيانات على‬
‫جهاز حاسب آلي بعيد عن طريق اإلنرتنت يسمى السحابة‪ ،‬وهذا ال حيتل أية مساحة ختزينية‬
‫على اجلهاز‪ ،‬وميكن الوصول إىل البيانات من أي جهاز متصل باإلنرتنت‪.‬‬
‫وظائف ‪:iCloud‬‬
‫‪ .1‬امكانية ختزين املعلومات على اإلنرتنت‪.‬‬
‫‪ .2‬الوصول للمعلومات من مجيع أجهزتك (‪.)Mac ،Apple TV ،iPad ،iPhone‬‬
‫‪ .3‬ميكن الوصول للمعلومات من أنظمة التشغيل األخرى عن طريق الدخول للموقع‬
‫‪.iCloud.com‬‬
‫بعض خدمات ‪:iCloud‬‬

‫‪ .1‬جهات االتصال‪ :‬خدمة تسمح مبزامنة جهات االتصال عرب أجهزة (‪ iOS‬و‪،)MacOS‬‬
‫مع العلم بأن أي تغيري تقوم به على أحد األجهزة فإنه ينطبق على باقي األجهزة االخرى‪.‬‬
‫‪ :iCloud Drive .2‬مساحة لتخزين امللفات يف السحابة‪ ،‬وهو مشابه خلدمات التخزين‬
‫السحابية من الشركات االخرى‪.‬‬
‫‪ .3‬التقويم‪ :‬يقوم مبزامنة األحداث عرب مجيع أجهزتك‪.‬‬
‫‪ .4‬امللحوظات‪ :‬ميكن مزامنة ملحوظاتك عرب مجيع أجهزتك‪ ،‬وميكن أيضا حفظها‬
‫حمليا‪.‬‬
‫‪ .5‬خاصية بث الصور‪ :‬عند التقاط صورة من جهازك فإنها تتواجد تلقائيا على باقي‬
‫أجهزتك‪ ،‬بدون عمل مزامنة‪.‬‬
‫‪ .6‬النسخ االحتياطي‪ :‬تتم عملية النسخ االحتياطي بعملية ذكية‪ ،‬حتى ال تستغرق وقتاً‬
‫طويالً‪ ،‬فهو لن يقوم بتحديث النسخة يف كل مرة من البداية وإمنا حيدث فقط البيانات‬
‫اليت جرى عليها تغريات فقط‪.‬‬
‫‪ .7‬استعادة البيانات‪ :‬عندما تقوم بشراء جهاز جديد ميكنك اسرتداد بياناتك املخزنة يف‬
‫التطبيقات املوجودة على جهازك القديم‪ ،‬عن طريق التسجيل حبسابك اخلاص يف‬
‫اجلهاز اجلديد‪.‬‬
‫تسعريات ‪:iCloud‬‬
‫‪ iCloud‬حساب جماني و يأتي معه سعة ختزينية حمدودة سعتها ‪ 5‬جيجابايت جلميع‬
‫أجهزتك‪ ،‬وميكن أن تزيد هذه املساحة عن طريق االشرتاك الشهري لرتقية مساحة التخزين‪.‬‬
‫‪145‬‬
‫تكلفة ترقيات مساحة التخزين‪:‬‬

‫‪ 50 ‬جيجابايت‪ :‬دوالر واحد شهرياً‪.‬‬
‫‪ 200 ‬جيجابايت‪ 2.99 :‬دوالر يف الشهر‪.‬‬
‫‪ 2 ‬تريابايت‪ 9.99 :‬دوالر يف الشهر‪.‬‬
‫خدمات ‪ ZOHO One‬السحابية‪:‬‬

‫حتتوي ‪ ZOHO One‬على أكثر من ‪ 40‬تطبيق يتم استخدامها عرب اإلنرتنت‪ ،‬وهذه‬
‫التطبيقات تهدف لزيادة املبيعات ولتسويق األعمال والتواصل مع اآلخرين والتخزين السحابي‬
‫والكثري من التطبيقات االخرى‪.‬‬
‫قامت شركة ‪ ZOHO‬بتطوير جمموعة شاملة من التقنيات والسياسات اليت تساعد يف‬
‫ضمان أمن البيانات ‪ ،‬فهي تلتزم باحلفاظ على خصوصية املستخدمني خلدماتها وأمان بياناتهم‪.‬‬
‫فهي تعترب من أولوياتها القصوى احلفاظ على البيانات وتوفريها للمستخدم أينما احتاجها‪ .‬كما‬
‫تتميز شركة ‪ ZOHO‬بعدم عرض أية إعالنات يف منتجاتها‪ .‬يف الشكل رقم (‪ )48-3‬شعار‬
‫خدمة ‪ ZOHO One‬السحابية‪.‬‬
‫بعض خدمات ‪:ZOHO One‬‬

‫‪ :ZOHO Work Drive .1‬تعطي مساحة ختزين حلفظ امللفات ومشاركتها والعمل‬
‫عليها مع زمالئك يف نفس الوقت (العمل كفريق واحد)‪.‬‬
‫‪ :ZOHO Writer .2‬هو برنامج معاجلة النصوص مشابه لربنامج (‪)Microsoft Word‬‬
‫متاما‪ ،‬ميكنك من التعاون مع املستخدمني اآلخرين إلنشاء و حترير املستندات‪ ،‬كما‬
‫ميكن حفظ مستند (‪ )Write‬بتنسيق ‪ Microsoft Word‬و ‪ PDF‬و غريها من‬
‫التنسيقات الشائعة‪ ،‬وهو جمانا لألفراد‪.‬‬
‫‪ :ZOHO Sheet .3‬هو برنامج إنشاء وحترير اجلداول اإللكرتونية‪ ،‬يسمح لك بتجميع‬
‫البيانات وفرزها وتصفيتها ووضعها يف اجلداول وإنشاء املخططات ذات املظهر اجلذاب‬
‫و مشاركتها عرب اإلنرتنت‪ ،‬وهو جمانا لألفراد‪.‬‬
‫‪146‬‬
‫‪ :ZOHO Show .4‬هو برنامج إنشاء العروض التقدمية و مشاركتها عرب اإلنرتنت‪ ،‬وهو‬
‫جمانا لألفراد‪.‬‬
‫‪ :ZOHO Mail .5‬هو برنامج بريد إلكرتوني خال من اإلعالنات إلدارة األعمال بشكل‬
‫آمن من خالل تشفري رسائل الربيد اإللكرتوني‪.‬‬
‫‪ :ZOHO Site .6‬هو برنامج ميكنك من إنشاء موقع إلكرتوني بطريقة سهلة كما‬
‫تريد‪ ،‬حيث يوفر جمموعه كبرية من القوالب اجلاهزة لذلك‪.‬‬
‫ملحوظة‪ :‬لالشرتاك يف خدمات ‪ ZOHO One‬يتطلب مبالغ مالية‪ ،‬لكنة يعطي إمكانية التجربة‬
‫ملدة ‪ 30‬يوما جماناً‪.‬‬
‫مفهوم األمان واخلصوصية يف احلوسبة السحابية‪:‬‬

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

‫‪ .1‬املصاعب والتحديات األمنية اليت تواجه مستخدم احلوسبة السحابية‪.‬‬
‫‪ .2‬املصاعب والتحديات األمنية اليت تواجه مزود خدمة احلوسبة السحابية‪.‬‬
‫أهمية األمان‪:‬‬
‫تكمن أهمية أمان احلوسبة السحابية للتصدي لكل من‪:‬‬
‫‪ .1‬تهديدات احلوسبة السحابية‪.‬‬
‫‪ .2‬هجمات احلوسبة السحابية‪.‬‬
‫بعض األمثلة لتهديدات احلوسبة السحابية‪:‬‬

‫‪ .1‬االخرتاق وفقدان البيانات‪.‬‬
‫‪ .2‬الربامج اخلبيثة‪.‬‬
‫‪ .3‬الوصول غري القانوني ألنظمة احلوسبة السحابية‪.‬‬
‫‪ .4‬الكوارث الطبيعية‪.‬‬
‫‪ .5‬فشل يف األجهزة‪.‬‬
‫‪147‬‬
‫بعض األمثلة هلجمات احلوسبة السحابية‪:‬‬

‫‪ .1‬اختطاف اخلدمة باستخدام هجمات اهلندسة االجتماعية‪.‬‬
‫‪ .2‬هجمات حتليل الشفرات‪.‬‬
‫‪ .3‬هجمات االلتفاف (‪.)Wrapping Attacks‬‬
‫‪ .4‬هجمات نظام اسم اجملال (‪.)DNS‬‬
‫التحكم باألمان واخلصوصية يف تطبيقات احلوسبة السحابية‪:‬‬

‫يتم التحكم يف أمان وخصوصية تطبيقات احلوسبة السحابية من عدة أمور أبرزها‪:‬‬
‫حتكم املستخدم‪ :‬متنح املستخدم القدرة يف التحكم خبصوصيته بأدوات سهلة االستخدام‬
‫وخيارات واضحة مثل (تغيري كلمة املرور‪ ،‬وتغيري اسم املستخدم)‪.‬‬
‫الشفافية‪ :‬يوفر مزود اخلدمة الشفافية فيما خيص البيانات والتطبيقات واستخداماتها حبيث‬
‫تسمح للمستخدم اختاذ قرارات مناسبة‪.‬‬
‫األمان‪ :‬جيب على مزود اخلدمة محاية البيانات للمستخدمني من خالل فعالية األمان والتشفري‪.‬‬
‫عدم استخدام االستهداف املتعمد على البيانات‪ :‬وذلك من خالل استخدام بريد وملفات‬
‫ودردشات املستخدمني للخدمة من أجل املصاحل اخلاصة ملزود اخلدمة‪.‬‬
‫احلماية القانونية‪ :‬جيب على مزود اخلدمة احرتام قوانني اخلصوصية احمللية يف البلد‪ ،‬من أجل‬
‫محاية خصوصية املستخدم‪.‬‬
‫إدارة أمان البيانات واملعلومات‪:‬‬

‫جيب على مزودي خدمة احلوسبة السحابية ضمان حفظ البيانات واملعلومات على السحابة‬
‫من خالل‪:‬‬
‫محاية البيانات‪ :‬جيب على موفر اخلدمة حفظ البيانات وعدم تسريبها ومينع دخول طرف ثالث‬
‫للحساب‪.‬‬
‫التحقق من اهلوية‪ :‬وهو نظام يتحقق من هوية املستخدم والتأكد أنه صاحب احلساب احلقيقي‪.‬‬
‫األمن املادي‪ :‬جيب على مزود اخلدمة توفري جودة الشبكة والتطبيقات واخلوادم اليت‬
‫يستخدمها‪ ،‬والتحقق من عدم وجود ثغرات فيها‪.‬‬
‫أمن التطبيقات‪ :‬توفري أدوات معاجلة البيانات واألدوات الربجمية على قدر عال من الكفاءة‪.‬‬
‫اخلصوصية‪ :‬تعترب السمة األبرز ملزود اخلدمة لتوفري السياسات واإلجراءات اليت تصاحبها ملا يف‬
‫ذلك من حفظ حقوق مزود اخلدمة والعميل‪.‬‬
‫‪148‬‬
‫‪ .1‬عرف احلوسبة السحابية‪.‬‬
‫‪ .2‬اذكر فوائد احلوسبة السحابية‪.‬‬
‫‪ .3‬اذكر أنواع احلوسبة السحابية‪.‬‬
‫‪ .4‬قارن بني كل من‪:‬‬

‫‪.IaaS ‬‬
‫‪.PaaS ‬‬
‫‪.SaaS ‬‬
‫‪ .5‬عرف )‪.)G Suite‬‬
‫‪ .6‬قارن بني ‪ Google Drive‬و ‪ One Drive‬من حيث‪:‬‬

‫‪ ‬السعة التخزينية‪.‬‬
‫‪ ‬اخلدمات‪.‬‬
‫‪ ‬محاية البيانات‪.‬‬
‫‪ .7‬ما هي جداول بيانات ‪Google‬؟‬
‫‪ .8‬عدد خدمات ‪ ZOHO One‬السحابية‪.‬‬
‫‪ .9‬ما هي وظائف ‪iCloud‬؟‬
‫‪ .10‬عدد بعض األمثلة هلجمات احلوسبة السحابية‪.‬‬
‫‪ .11‬قارن بني حزم ‪ Microsoft Office‬احمللية و‪ Microsoft 365‬السحابية‪.‬‬
‫‪ .12‬ما هي أهمية األمان واخلصوصية يف تطبيقات احلوسبة السحابية‪.‬‬
‫‪ .13‬ما هو مفهوم األمان و اخلصوصية يف احلوسبة السحابية؟‬
‫‪149‬‬

‫)‬ ‫(‬ ‫‪ o‬نشأت احلوسبة السحابية يف عام ‪2000‬م‪.‬‬
‫)‬ ‫(‬ ‫‪ o‬السحابة اخلاصة هي سحابة مغلقة خاصة مبنشأة كالبنوك أو اجلامعات‪.‬‬
‫)‬ ‫‪ o‬من خدمات احلوسبة السحابية أنظمة التشغيل السحابية‪ :‬مثل ‪( .Chrome OS‬‬
‫)‬ ‫(‬ ‫‪ o‬متنح شركة ‪ 5 Google‬جيجابايت كسعة ختزينية للربيد اإللكرتوني‪.‬‬
‫)‬ ‫(‬ ‫‪ o‬تقدم شركة ‪ Microsoft‬خدمة التخزين السحابي ‪.iCloud‬‬
‫)‬ ‫(‬ ‫‪ o‬يكمن استخدام خدمات ‪ Microsoft 365‬جماناً‪.‬‬
‫)‬ ‫(‬ ‫‪ o‬تستخدم شركة ‪ Apple‬التشفري الكامل للمعلومات‪.‬‬
‫‪ .15‬أنشئ حساب ًا جديداً يف كل من‪:‬‬

‫‪.OneDrive ‬‬
‫‪.Dropbox ‬‬
‫‪ .16‬أنشئ منوذجا من مناذج ‪ ، Google‬لالستعالم عن أفضل األطعمة الصحية‪ ،‬ثم قم‬

‫مبشاركته مع أصدقائك من خالل الربيد اإللكرتوني أو برامج التواصل االجتماعي‪.‬‬
‫‪ .17‬أنشئ جدول بيانات ‪ ،Google‬ثم قم مبشاركته مع أصدقائك للعمل على جدول‬

‫البيانات يف نفس الوقت‪.‬‬
‫‪150‬‬

‫بعد االنتهاء من التدرب على وحدة احلوسبة السحابية ‪ ،Cloud Computing‬قيم نفسك‬
‫وقدراتك بواســـطة إكمال هذا التقييم الذاتي بعد كل عنصر من العناصر املذكورة‪ ،‬وذلك‬
‫بوضع عـــــالمة (‪ )‬أمام مستوى األداء الذي أتقنته‪ ،‬ويف حالة عدم قابلية املهمة للتطبيق ضع‬
‫العالمة يف اخلانة اخلاصة بذلك‪.‬‬
‫مستوى األداء (هل أتقنت األداء)‬
‫يُعرف تقنية احلوسبة السحابية‪.‬‬ ‫‪1‬‬

‫يشرح متطلبات احلوسبة السحابية ومميزاتها وعيوبها‪.‬‬ ‫‪2‬‬
‫يتعامل مع أشهر تطبيقات احلوسبة السحابية‪.‬‬ ‫‪3‬‬
‫يوضح أهمية األمان واخلصوصية يف تطبيقات احلوسبة‬
‫‪4‬‬
‫السحابية‪.‬‬
‫يفرق بني أنواع احلوسبة السحابية‪.‬‬ ‫‪5‬‬
‫يشرح تصنيفات خدمات احلوسبة السحابية‪.‬‬ ‫‪6‬‬
‫‪151‬‬

‫اسم املتدرب ‪ ..................................................................................... :‬التاريخ‪................................... :‬‬
‫‪4‬‬ ‫‪3‬‬ ‫‪2‬‬ ‫‪1‬‬ ‫احملاولة ‪:‬‬
‫رقم املتدرب ‪..................................................................................... :‬‬
‫العالمة ‪...... ...... ...... ...... :‬‬
‫‪4‬‬ ‫‪3‬‬ ‫‪2‬‬ ‫‪1‬‬
‫يُعرف تقنية احلوسبة السحابية‪.‬‬ ‫‪1‬‬
‫يشرح متطلبات احلوسبة السحابية ومميزاتها وعيوبها‪.‬‬ ‫‪2‬‬
‫يتعامل مع أشهر تطبيقات احلوسبة السحابية‪.‬‬ ‫‪3‬‬
‫يوضح أهمية األمان واخلصوصية يف تطبيقات احلوسبة‬
‫‪4‬‬
‫السحابية‪.‬‬
‫يفرق بني أنواع احلوسبة السحابية‪.‬‬ ‫‪5‬‬
‫يشرح تصنيفات خدمات احلوسبة السحابية‪.‬‬ ‫‪6‬‬
‫‪.........................................................................................................................................................‬‬
‫‪.........................................................................................................................................................‬‬
‫‪.........................................................................................................................................................‬‬
‫توقيع املدرب‪............................. :‬‬
‫‪152‬‬
‫الوحدة الرابعة‬
‫برمجة مواقع الويب للمبتدئني‬
‫‪153‬‬
‫الوحدة الرابعة‬
‫برجمة مواقع الويب للمبتدئني‬

‫تهدف هذه الوحدة إىل إكساب املتدرب املعارف األساسية واملهارات الالزمة للتعامل مع‬
‫النصوص الربجمية إلنشاء صفحات اإلنرتنت‪.‬‬
‫‪ .1‬يُعرف برجمة املواقع‪.‬‬
‫‪ .2‬يفرق بني أنواع لغات برجمة املواقع‪.‬‬
‫‪ .3‬يستخدم حمررات النصوص الربجمية‪.‬‬
‫‪ .4‬يربمج باستخدام لغات الربجمة ‪.JavaScript ،CSS ،HTML‬‬
‫الوقت املتوقع للتدريب على هذه الوحدة‪ 30 :‬ساعة تدريبية‪.‬‬

‫‪154‬‬
‫تعريف برجمة مواقع الويب‪:‬‬

‫هي جمموعة من التعليمات واألوامر املكتوبة باستخدام إحدى لغات برجمة مواقع الويب‬
‫وذلك لتقوم بتنفيذ مهمه حمددة‪ ،‬كإنشاء صفحة أو تنسيقها أو ربطها بقواعد البيانات وغريها‪،‬‬
‫ومن األمثلة على لغات برجمة الويب ‪. JavaScript، CSS،HTML‬‬
‫لغة الرتميز ‪:HTML‬‬

‫‪ HTML‬هي اختصار جلملة ‪ Hyper Text Markup language‬وتعين لغة ترميز النصوص‬
‫التشعبية‪ ،‬وتعترب لغة ترميز إلنشاء صفحات الويب ‪ .HTML‬وهي لغة بسيطة ال حتتاج إىل مرتجم‬
‫ويتم كتابة الشيفرات الربجمية فيها عن طريق حمررات النصوص مثل (‪،Notepad‬‬
‫‪ )Rapidphp ،Notepad++‬وغريها من حمررات النصوص‪.‬‬
‫وما مييز لغة ‪ HTML‬أنها لغة سهلة ال حتتاج إىل مواصفات خاصة‪ ،‬كما ميكن تشغيلها‬
‫على أي نظام تشغيل‪.‬‬
‫اهليكل الرئيس لصفحة ‪:HTML‬‬

‫يوضح الشكل رقم (‪ )1-4‬اهليكل الرئيس لصفحة ‪.HTML‬‬
‫‪155‬‬
‫شرح عناصر اهليكل لصفحة ‪:HTML‬‬

‫‪ .1‬يستخدم الوسم <‪>!DOCTYPE html‬لتحديد نوع اللغة وهي ‪.HTML5‬‬
‫‪ .2‬عنصر <‪ >html‬هو اجلذر الرئيس لصفحة ‪.HTML‬‬
‫‪ .3‬عنصر <‪ >head‬حيتوي على معلومات تعريف عن صفحة ‪.HTML‬‬
‫‪ .4‬عنصر <‪ >title‬حيتوي على عنوان لصفحة ‪.HTML‬‬
‫‪ .5‬عنصر <‪ >body‬حيتوي على حمتوى صفحة ‪ HTML‬املرئي‪.‬‬
‫ملحوظات أثناء استخدام لغة ‪:HTML‬‬

‫‪ ‬اللغة غري حساسة حلالة األحرف‪ ،‬فال يوجد فرق بني كتابة الشيفرات الربجمية‬
‫باحلروف الكبرية أو الصغرية‪.‬‬
‫‪ ‬ال يتم احتساب الفراغات بعد تشغيل الشيفرة الربجمية يف املتصفح‪.‬‬
‫‪ ‬يتم فقط عرض احملتوى الذي بداخل قسم <‪ >body‬يف متصفح اإلنرتنت‪.‬‬
‫الوسوم (‪:)HTML Tags‬‬

‫مثال‪ >/tag< :‬احملتوى املراد كتابته <‪.>tag‬‬
‫‪ ‬تتكون الوسوم يف ‪ HTML‬غالباً من بداية ونهاية مثل <‪ >/h1‬و <‪.>h1‬‬
‫‪ ‬تتم كتابة وسم النهاية نفس وسم البداية‪ ،‬لكن يف وسم النهاية يتم إدراج شرطة مائلة‬
‫(‪ )/‬قبل اسم الوسم‪.‬‬
‫عرض النتائج‪:‬‬
‫يتم عرض نتائج الشيفرات الربجمية املكتوبة بلغة ‪ HTML‬من خالل متصفحات اإلنرتنت‬
‫مثل ‪ Internet Explorer‬و‪ Chrome‬و‪ Safari‬و‪ ،Firefox‬حيث تقوم هذه املتصفحات بقراءة‬
‫وعرض مستند ‪ .HTML‬ال يقوم متصفح اإلنرتنت بعرض الوسوم ‪ ،HTML‬ولكنه يستخدمها‬
‫لتحديد كيفية عرض املستند يف املتصفح كما يف الشكل رقم (‪.)2-4‬‬
‫‪156‬‬
‫إصدارات لغة ‪:HTML‬‬

‫‪.HTML 1991 ‬‬
‫‪.HTML 2.0 1995 ‬‬
‫‪.HTML 3.2 1997 ‬‬
‫‪.HTML 4.01 1999 ‬‬
‫‪.XHTML 2000 ‬‬
‫‪.HTML5 2014 ‬‬
‫حمرر لغة ‪:HTML‬‬

‫تتم كتابة أوامر لغة ‪ HTML‬باستخدام عدة برامج منها (‪، Notepad++،Notepad‬‬
‫‪ )Rapidphp‬وغريها من حمررات النصوص الربجمية‪.‬‬
‫يف هذه الوحدة سوف نستخدم برنامج حمرر النصوص الربجمية ‪ Notepad++‬إلنشاء صفحات‬
‫اإلنرتنت‪.‬‬
‫برنامج ‪:Notepad++‬‬
‫‪ Notepad++‬يعترب تطبيق جماني مفتوح املصدر ويُستخدم لكتابة النصوص الربجمية‪،‬‬
‫وهو حمرر قوي حيتوي على خيارات عديدة‪ ،‬و يعترب برناجما مثاليا للربجمة‪.‬‬
‫يتعامل هذا الربنامج مع عالمات التبويب‪ ،‬فمن السهل العمل مع أكثر من ملف مفتوح يف نفس‬
‫الوقت‪ ،‬مما يسهل للمستخدم املقارنة بني النصوص الربجمية‪.‬‬
‫مميزات برنامج ‪:Notepad++‬‬

‫‪ .1‬برنامج يستخدم عالمات التبويب‪.‬‬
‫‪ .2‬برنامج ‪ Notepad++‬حيتوي على سطور مرقمة‪.‬‬
‫‪ .3‬ميكن زيادة حجم اخلط عن طريق الضغط على مفتاح ‪ Ctrl‬وحتريك عجلة الفأرة لتكبري‬
‫وتصغري النص‪.‬‬
‫‪ .4‬يتعامل برنامج ‪ Notepad++‬مع العديد من لغات الربجمة‪.‬‬
‫‪ .5‬برنامج ‪ Notepad++‬يستخدم األلوان يف كتابة الشيفرات الربجمية‪ ،‬مما يسهل اكتشاف‬
‫األخطاء‪.‬‬
‫‪157‬‬
‫تنزيل وتثبيت برنامج ‪:Notepad++‬‬

‫‪ .1‬قم بتنزيل برنامج ‪ Notepad++‬من خالل الرابط التالي‪ ،‬كما هو يف الشكل رقم (‪:)3-4‬‬
‫‪.https://notepad-plus.ar.softonic.com/download‬‬
‫‪ .2‬انقر على تنزيل جماني‪ ،‬سوف يتم تنزيل الربنامج على جهازك يف جملد التنزيالت‪.‬‬
‫‪ .3‬بعد اكتمال التنزيل انقر على أيقونة الربنامج املوضح يف الشكل رقم (‪ )4-4‬نقراً مزدوجا‪.‬‬
‫‪ .4‬حدد اللغة اليت ترغب‪ ،‬ثم انقر على ‪ ،OK‬كما يف الشكل رقم (‪.)5-4‬‬
‫‪158‬‬
‫‪ .5‬سيفتح لك مرشد إعداد برنامج ‪ ،Notepad++‬انقر على ‪ ،Next‬كما يف الشكل رقم‬

‫(‪.)6-4‬‬
‫‪ .6‬سيفتح لك اتفاقيه التطبيق‪ ،‬انقر على ‪ ،I Agree‬كما يف الشكل رقم (‪.)7-4‬‬
‫‪159‬‬
‫‪ .7‬حدد مكان تثبيت التطبيق‪ ،‬ثم انقر على ‪ ،Next‬كما يف الشكل رقم (‪.)8-4‬‬
‫‪ .8‬اخرت املكونات اليت ترغب بتثبيتها‪ ،‬ثم انقر على ‪ ،Next‬كما هو يف الشكل رقم (‪.)9-4‬‬
‫‪ .9‬حدد خيار إنشاء اختصار على سطح املكتب‪ ،‬ثم انقر على ‪ ،Install‬كما يف الشكل‬
‫رقم (‪.)10-4‬‬
‫‪160‬‬
‫‪ .10‬بعد االنتهاء من التثبيت انقر على ‪ Finish‬للبدء يف استخدام الربنامج‪ ،‬كما يف الشكل‬
‫رقم (‪.)11-4‬‬
‫‪ .11‬اصبحت جاهز ًا للعمل على تطبيق ‪ ،Notepad++‬كما يف الشكل رقم (‪.)12-4‬‬
‫‪161‬‬
‫خطوات إنشاء صفحة ويب باستخدام ‪:Notepad++‬‬

‫‪ .1‬افتح برنامج ‪.Notepad++‬‬
‫‪ .2‬أنشئ ملف جديد‪ ،‬كما يف الشكل رقم (‪.)13-4‬‬
‫‪ .3‬احفظ امللف على جهازك عن طريق االختصار (‪ ،)Ctrl+Alt+S‬أو انقر على قائمة‬
‫‪ File‬ثم انقر على ‪ ،Save As‬كما يف الشكل رقم (‪.)14-4‬‬
‫‪162‬‬
‫‪ .4‬قم بتسمية امللف"‪ ،"index.html‬أو باإلمكان استخدام ‪ htm‬كملحق للملف‪ .‬ثم‬

‫اضغط ‪ ،Save‬كما يف الشكل رقم (‪.)15-4‬‬
‫‪ .5‬اكتب شيفرة لغة ‪ HTML‬يف حمرر ‪ ،Notepad++‬كما يف الشكل رقم (‪.)16-4‬‬
‫‪ .6‬قم حبفظ التعديالت اليت أجريتها عن بالضغط على االختصار ‪ ، Ctrl+S‬أو قم بالنقر‬
‫على قائمة ‪ ،File‬ثم انقر على ‪.Save‬‬
‫‪ .7‬افتح ملف ‪ index.html‬احملفوظ على جهازك باستخدام أحد املتصفحات‪ ،‬ستظهر لك‬
‫النتيجة‪ ،‬كما يف الشكل رقم (‪:)17-4‬‬
‫‪163‬‬
‫امللفات يف ‪:HTML‬‬
‫‪ .1‬جيب أن تبدأ مجيع ملفات ‪ HTML‬بوسم نوع امللف <‪.>!DOCTYPE html‬‬
‫‪ .2‬جيب أن يبدأ اجلذر الرئيس لصفحة ‪ HTML‬بـ <‪ >html‬وينتهي بـ <‪.>/html‬‬
‫‪ .3‬يكون اجلزء املرئي من مستند ‪ HTML‬بني <‪ >body‬و<‪.>/body‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )18-4‬الشكل العام مللفات ‪.HTML‬‬
‫النتيجة‪ :‬يوضح الشكل رقم (‪ )19-4‬نتيجة شيفرة ملف ‪ HTML‬يف املثال السابق‪.‬‬
‫‪164‬‬
‫شرح املثال‪:‬‬
‫‪ .1‬يستخدم الوسم <‪>!DOCTYPE html‬لتحديد نوع اللغة وهي ‪.html‬‬
‫‪ .2‬وسم <‪ >html‬هو اجلذر الرئيس لصفحة ‪.HTML‬‬
‫‪ .3‬وسم <‪ >head‬هو حيتوي على معلومات تعريف عن صفحة ‪.HTML‬‬
‫‪ .4‬وسم <‪ >title‬هو حيتوي على عنوان لصفحة ‪.HTML‬‬
‫‪ .5‬وسم <‪ >body‬وهو حيتوي على حمتوى صفحة ‪ HTML‬املرئي‪.‬‬
‫‪ .6‬وسم <‪ >h1‬وهو ميثل عنوان حبجم كبري على صفحة ‪.HTML‬‬
‫‪ .7‬وسم <‪ >p‬وهو لكتابة فقرة داخل صفحة ‪.HTML‬‬
‫عناوين ‪:HTML‬‬
‫‪ .1‬تعرف عناوين ‪ HTML‬بالوسوم من <‪ >h1‬إىل <‪.>h6‬‬
‫‪ >h1< .2‬يعترب األكرب يف حجم اخلط يقل تدرجييا إىل <‪.>h6‬‬
‫‪ .3‬وسوم العناوين هلا أولوية كبرية يف حمركات البحث‪.‬‬
‫‪ .4‬طريقة كتابة الوسم‪</h1> :‬العنوان >‪.<h1‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )20-4‬حجم اخلط للعناوين يف ملف ‪.HTML‬‬
‫‪165‬‬
‫الفقرات يف ‪:HTML‬‬
‫‪ .1‬يتم تعريف فقرات ‪ HTML‬باستخدام الوسم <‪.>p‬‬
‫‪ .2‬يستخدم الوسم >‪ <br‬إلنشاء سطر جديد دون احلاجة لفتح فقرة جديدة‪.‬‬
‫‪ .3‬طريقة كتابة الوسم‪ </p> :‬اكتب النص هنا >‪.<p‬‬
‫مثال‪ :‬كتابة النص "املؤسسة العامة للتدريب" يف سطر ويف السطر اآلخر " التقين واملهين"‪ ،‬كما‬
‫‪166‬‬
‫االرتباطات يف ‪:HTML‬‬
‫‪ .1‬حتدد روابط ‪ HTML‬باستخدام الوسم <‪.>a‬‬
‫‪ .2‬حتدد وجهة االرتباط يف مسة ‪.href‬‬
‫‪ .3‬تستخدم االرتباطات لتوفري معلومات إضافية لعناصر ‪.HTML‬‬
‫‪ .4‬طريقة كتابة الوسم‪>/a< :‬اسم املوقع <‪.>a href=http://www.tvtc.gov.sa‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )24-4‬استخدام االرتباطات يف ملف ‪.HTML‬‬
‫‪167‬‬
‫إدراج الصور يف ‪:HTML‬‬

‫‪ .1‬تعريف الصور يف ‪ HTML‬باستخدام الوسم >‪.<img‬‬
‫‪ .2‬حتدد )‪ (src‬مصدر الصورة‪ ،‬و(‪ )alt‬النص البديل للصورة‪.‬‬
‫‪ .3‬حتدد (‪ )width‬عرض الصورة‪ ،‬و (‪ )height‬ارتفاع الصورة‪.‬‬
‫‪ .4‬طريقة كتابة الوسم‪:‬‬
‫‪" width="200" height="250">.‬اسم الصورة"=‪" alt‬رابط الصورة" ‪<img src=" http://‬‬
‫‪168‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )26-4‬إدراج الصور يف ملف ‪.HTML‬‬
‫ملحوظة‪ :‬مصدر الصورة يف >…=‪ <img src‬ميكن أن يكون مسار مطلق (‪)absolute path‬‬
‫مثال "‪ ،"c:/myImages/image1.jpg‬أو مسار نسيب (‪ )relative path‬مثال "‪،"../image1.jpg‬‬
‫أو من خالل عنوان إنرتنت (‪ )web address‬مثال‪.https://l.top4top.io/p_1595ljyv01.jpg :‬‬
‫إضافة األزرار يف ‪:HTML‬‬

‫‪ .1‬يتم تعريف األزرار يف ‪ HTML‬باستخدام الوسم >‪.<button‬‬
‫‪ .2‬طريقة كتابة الوسم‪ </button> :‬اضغط هنا >‪.<button‬‬
‫‪169‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )28-4‬إضافة األزرار يف ملف ‪.HTML‬‬
‫إنشاء قائمة تعداد نقطي يف ‪:HTML‬‬

‫‪ .1‬إلنشاء قائمة نقطية نستخدم الوسم >‪.<ul‬‬
‫‪ .2‬نستخدم ومسا آخر بداخل وسم >‪<ul‬لكتابة عناصر القائمة وهو الوسم >‪.<li‬‬
‫>‪<ul‬‬
‫>‪</li‬ختصص برجميات>‪<li‬‬
‫>‪</li‬ختصص دعم فين>‪<li‬‬
‫>‪</li‬ختصص شبكات>‪<li‬‬
‫>‪</ul‬‬
‫‪170‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )30-4‬إنشاء قائمة تعداد نقطي يف ملف ‪.HTML‬‬
‫إنشاء قائمة تعداد رقمي يف ‪:HTML‬‬

‫‪ .1‬إلنشاء قائمة تعداد رقمي نستخدم الوسم >‪.<ol‬‬
‫‪ .2‬نستخدم ومسا آخر بداخل الوسم >‪<ol‬لكتابة عناصر القائمة وهو الوسم >‪.<li‬‬
‫>‪<ol‬‬
‫>‪</li‬ختصص برجميات>‪<li‬‬
‫>‪</li‬ختصص دعم فين>‪<li‬‬
‫>‪</li‬ختصص شبكات>‪<li‬‬
‫>‪</ol‬‬
‫‪171‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )32-4‬إنشاء قائمة تعداد رقمي يف ملف ‪.HTML‬‬
‫إنشاء قائمة منسدلة يف ‪:HTML‬‬

‫‪ .1‬إلنشاء قائمة منسدلة نستخدم الوسم >‪.<select‬‬
‫‪ .2‬نستخدم ومسا آخر بداخل >‪<select‬لكتابة قائمة االختيارات وهو وسم >‪.<option‬‬
‫>‪<select‬‬
‫>‪</option‬ختصص برجميات>‪<option‬‬
‫>‪</option‬ختصص دعم فين>‪<option‬‬
‫>‪</option‬ختصص شبكات>‪<option‬‬
‫‪172‬‬
‫>‪</select‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )34-4‬إنشاء قائمة منسدلة يف ملف ‪.HTML‬‬
‫إنشاء جدول يف ‪:HTML‬‬

‫‪ .1‬إلنشاء جدول نستخدم الوسم >‪.<table‬‬
‫‪ .2‬إلنشاء صف يف اجلدول نستخدم الوسم >‪.<tr‬‬
‫‪ .3‬إلنشاء عمود يف اجلدول نستخدم الوسم >‪.<td‬‬
‫>‪<table‬‬
‫>‪<tr‬‬
‫‪173‬‬
‫>‪</td‬نص>‪<td‬‬
‫>‪</td‬نص>‪<td‬‬
‫>‪</td‬نص>‪<td‬‬
‫>‪</tr‬‬
‫>‪</table‬‬
‫أهم اخلصائص اليت ينبغي أن نتعرف عليها يف اجلداول‪:‬‬
‫وظيفتها‬ ‫اخلاصية‬
‫عرض اجلدول‪.‬‬ ‫‪width‬‬
‫حتديد مسك اجلدول اخلارجي‪.‬‬ ‫‪border‬‬
‫لتحديد املسافة الفاصلة بني احلدود وبداية النص يف كل خلية‪.‬‬ ‫‪Cellpadding‬‬
‫لتحديد املسافة بني كل خلية من خاليا اجلدول‪.‬‬ ‫‪cellspacing‬‬
‫دمج األعمدة‪.‬‬ ‫‪colspan‬‬
‫دمج الصفوف‪.‬‬ ‫‪rowspan‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )36-4‬إنشاء جدول مكون من ‪ 2‬صف و‪ 3‬أعمدة يف ملف ‪.HTML‬‬
‫‪174‬‬
‫تنسيقات النص يف ‪:HTML‬‬

‫صممت وسوم التنسيق لعرض أنواع خاصة من النص مثل‪ :‬غامق‪ ،‬ومائل‪ ،‬ومنخفض‪،‬‬
‫ومرتفع‪ ،‬وحمدد‪ ،‬وغريها من التنسيقات‪.‬‬
‫وسوم تنسيق ‪:HTML‬‬
‫الشكل‬ ‫طريقة الكتابة‬ ‫الوظيفة‬ ‫الوسم‬
‫>‪</b‬النص>‪<b‬‬ ‫كتابة النص غامق‬ ‫>‪<b‬‬
‫>‪</strong‬النص> ‪<strong‬‬ ‫النص ذو أهمية‬ ‫>‪<strong‬‬
‫>‪</i‬النص>‪<i‬‬ ‫النص مائل‬ ‫>‪<i‬‬
‫>‪</em‬النص>‪<em‬‬ ‫النص بارز‬ ‫>‪<em‬‬
‫>‪</mark‬النص>‪<mark‬‬ ‫نص حمدد‬ ‫>‪<mark‬‬
‫>‪</small‬النص>‪<small‬‬ ‫نص صغري‬ ‫>‪<small‬‬
‫>‪</del‬النص>‪<del‬‬ ‫وضع خط على النص‬ ‫>‪<del‬‬
‫>‪</ins‬النص>‪<ins‬‬ ‫وضع خط حتت النص‬ ‫>‪<ins‬‬
‫>‪<sup‬النص>‪<sup‬‬ ‫نص مرتفع‬ ‫>‪<sup‬‬
‫>‪</sub‬النص>‪<sub‬‬ ‫نص منخفض‬ ‫>‪<sub‬‬
‫‪175‬‬
‫طريقة كتابة الوسم‪:‬‬

‫>‪ </mark></h1‬قسم احلاسب اآللي >‪<h1><mark‬‬
‫ملحوظة‪ :‬تعرض املتصفحات تنسيق >‪ <strong‬كـ>‪ ،<b‬و>‪<em‬كـ >‪<i‬ومع ذلك‪ ،‬هناك‬
‫اختالف يف معنى هذه الوسوم >‪ <b‬و>‪ <i‬يعرف النص الغامق واملائل‪ ،‬ولكن‬
‫>‪ <strong‬و>‪ <em‬يعين أن النص "مهم"‪.‬‬
‫لغة األمناط ‪:CSS‬‬

‫لغة ‪ CSS‬هي اختصار لـ (‪ )Cascading Style Sheets‬أوراق األمناط املتتالية‪ ،‬وتعترب لغة‬
‫تُستخدم لتنسيق صفحات الويب‪ ،‬حيث تهتم بتنسيق شكل وتصميم املواقع‪ .‬وصممت لغة ‪CSS‬‬
‫خصيصاً لعزل تنسيق (األلوان‪ ،‬واخلطوط‪ ،‬واألزرار) عن حمتوى املستند املكتوب بلغة‬
‫‪ ،HTML‬وينطبق ذلك على اخلطوط واأللوان واخللفيات والصور اليت تستخدم يف صفحات‬
‫الويب بكل سهولة‪.‬‬
‫توفر لغة ‪ CSS‬الكثري من الوقت واجلهد املبذول يف تصميم صفحات اإلنرتنت‪ ،‬حيث‬
‫ميكن التحكم يف تصميم صفحات الويب املتعددة يف وقت واحد‪.‬‬
‫ملحوظات أثناء كتابة شيفرة ‪:CSS‬‬

‫‪ .1‬تكتب تنسيقات ‪ CSS‬بني عالميت تنصيص " " يف التنسيق املتضمن بالوسم‪.‬‬
‫‪ .2‬تكتب تنسيقات ‪ CSS‬بني عالميت أقواس اجملموعة } { يف التنسيق اخلارجي و‬
‫التنسيق الداخلي‪.‬‬
‫‪ .3‬عند كتابة أكثر من تنسيق ‪ CSS‬للعنصر الواحد نفصل بني التنسيقات بـفاصلة‬
‫منقوطة (;)‪.‬‬
‫‪ .4‬عند كتابة تنسيقات ‪ CSS‬يف ملف خارجي فأنها ال تتضمن أية شيفرة ‪.HTML‬‬
‫‪ .5‬ميكن كتابة شيفرة تنسيقات ‪ CSS‬حبروف كبرية أو حروف صغرية‪.‬‬
‫‪176‬‬
‫بعض االلوان املستخدمة يف ‪:CSS‬‬

‫التلوين‬ ‫كود اللون‬ ‫اللون‬
‫أسود‬ ‫‪#000000‬‬ ‫‪Black‬‬
‫أزرق‬ ‫‪#0000FF‬‬ ‫‪Blue‬‬
‫بين‬ ‫‪#A52A2A‬‬ ‫‪Brown‬‬
‫أزرق غامق‬ ‫‪#00008B‬‬ ‫‪DarkBlue‬‬
‫أصفر‬ ‫‪#FFFF00‬‬ ‫‪Yellow‬‬
‫رمادي‬ ‫‪#808080‬‬ ‫‪Grey‬‬
‫أخضر‬ ‫‪#008000‬‬ ‫‪Green‬‬
‫أزرق فاتح‬ ‫‪#ADD8E6‬‬ ‫‪Lightblue‬‬
‫برتقالي‬ ‫‪#FFA500‬‬ ‫‪Orange‬‬
‫أمحر‬ ‫‪#FF0000‬‬ ‫‪Red‬‬
‫التنسيقات املستخدمة مع التعداد الرقمي >‪<ol‬والتعداد النقطي >‪:<ul‬‬

‫الوظيفة‬ ‫العنصر‬
‫حيدد نوع اخلط املستخدم يف القوائم‪.‬‬ ‫‪font-family‬‬
‫حيدد حجم اخلط املستخدم يف القوائم‪.‬‬ ‫‪font-size‬‬
‫حيدد لون اخلط املستخدم يف القوائم‪.‬‬ ‫‪Color‬‬
‫حيدد صورة معينة كمحدد للقائمة‪.‬‬ ‫‪list-style-image‬‬
‫حيدد مكان معني للقائمة‪ ،‬وقد يأخذ أحد القيم التالية‪:‬‬
‫‪list-style-position‬‬
‫‪outside،Inside‬‬
‫حيدد شكل القوائم‪ ،‬وقد يأخذ أحد القيم التالية‪:‬‬
‫‪، lower-alpha، decimal، square، circle، disc،None‬‬ ‫‪list-style-type‬‬
‫‪uppe- latin، lower-latin،upper-alpha‬‬
‫‪177‬‬
‫التنسيقات املستخدمة مع الوسم >‪:<table‬‬

‫حيدد نوع اخلط املستخدم داخل اجلدول‪.‬‬ ‫‪font-family‬‬
‫حيدد حجم اخلط املستخدم داخل اجلدول‪.‬‬ ‫‪font-size‬‬
‫حيدد لون اخلط املستخدم داخل اجلدول‪.‬‬ ‫‪Color‬‬
‫حيدد لون اخللفية للجدول‪.‬‬ ‫‪background-color‬‬
‫حيدد إحدى الصور كخلفية للجدول‪.‬‬ ‫‪background-image‬‬
‫حيدد لون اإلطار للحدود األربعة‪.‬‬ ‫‪border-color‬‬
‫حيدد مسك اإلطار للحدود األربعة‪ ،‬ويأخذ أحد القيم التالية‪:‬‬
‫‪border-width‬‬
‫‪thick، medium،Thin‬‬
‫حيدد شكل اإلطار للجدول‪ ،‬يأخذ أحد القيم التالية‪:‬‬
‫‪، inset، double، solid، dashed، dotted، hidden،None‬‬ ‫‪border-style‬‬
‫‪outset‬‬
‫حيدد لون احلد األيسر للجدول‪.‬‬ ‫‪border-left-color‬‬
‫حيدد مسك احلد األيسر للجدول‪.‬‬ ‫‪border-left-width‬‬
‫حيدد لون احلد األمين للجدول‪.‬‬ ‫‪border-right-color‬‬
‫حيدد مسك احلد األمين للجدول‪.‬‬ ‫‪border-right-width‬‬
‫حيدد لون احلد العلوي للجدول‪.‬‬ ‫‪border-top-color‬‬
‫حيدد مسك احلد العلوي للجدول‪.‬‬ ‫‪border-top-width‬‬
‫‪border-bottom-‬‬
‫حيدد لون احلد السفلي للجدول‪.‬‬
‫‪color‬‬
‫‪border-bottom-‬‬
‫حيدد مسك احلد السفلي للجدول‪.‬‬
‫‪width‬‬
‫‪178‬‬
‫التنسيقات املستخدمة مع الوسم >‪:<body‬‬

‫حيدد نوع اخلط املستخدم يف الصفحة‬ ‫‪font-family‬‬
‫حيدد حجم اخلط املستخدم يف الصفحة‬ ‫‪font-size‬‬
‫حيدد لون اخلط املستخدم يف الصفحة‬ ‫‪Color‬‬
‫حيدد موقع النص يف الصفحة ويأخذ القيم التالية‪:‬‬
‫‪text-align‬‬
‫‪left‬و‪Right‬و‪Center‬و‪Justify‬و‪Top‬و‪Bottom‬‬
‫حيدد لون اخللفية للصفحة‪.‬‬ ‫‪background-color‬‬
‫حيدد كيفية تكرار صورة اخللفية‪ ،‬ويأخذ أحد القيم التالية‪:‬‬
‫‪background-repeat‬‬
‫‪no-repeat، repeat-y، repeat-x،Repeat‬‬
‫‪scrollbar-base-‬‬
‫حيدد لون القاعدة ألشرطة التمرير الطولية والعرضية‪.‬‬
‫‪color‬‬
‫‪scrollbar-arrow-‬‬
‫حيدد لون السهم لألشرطة الطولية والعرضية‪.‬‬
‫‪color‬‬
‫‪scrollbar-track-‬‬
‫حيدد لون اخللفية ألشرطة التمرير الطولية والعرضية‪.‬‬
‫‪color‬‬
‫‪scrollbar-face-‬‬
‫حيدد لون الواجهة ألشرطة التمرير الطولية والعرضية‪.‬‬
‫‪color‬‬
‫‪scrollbar-highlight-‬‬
‫يعطي بعض اإلضاءة ألشرطة التمرير الطولية والعرضية‪.‬‬
‫‪color‬‬
‫‪scrollbar-3dilight-‬‬
‫يعطي تأثري ثالثي ألشرطة التمرير الطولية والعرضية‬
‫‪color‬‬
‫‪scrollbar-‬‬
‫حيدد لون الظل ألشرطة التمرير الطولية والعرضية‪.‬‬
‫‪darkshadow-color‬‬
‫‪scrollbar-shadow-‬‬
‫يعطي لون الظل ألشرطة التمرير الطولية والعرضية أيضاً‪.‬‬
‫‪color‬‬
‫طرق إضافة ‪ CSS‬إىل عناصر ‪:HTML‬‬

‫‪ .1‬املتداخل (‪.)Inline‬‬
‫‪ .2‬الداخلي (‪.)Internal‬‬
‫‪ .3‬اخلارجي (‪.)External‬‬
‫ملحوظة‪ :‬تعترب أمناط ‪ CSS‬اخلارجي (‪ )External‬هي األكثر شيوعاً يف االستخدام من قبل‬
‫مطوري ومصممي املواقع‪.‬‬
‫‪179‬‬
‫‪CSS .1‬املتداخل (‪:)Inline‬‬

‫يستخدم ‪ CSS‬املتداخل منط ‪ style‬لعنصر ‪ ،HTML‬ولكن يتم تطبيق النمط على عنصر‬
‫‪ HTML‬واحد فقط‪.‬‬
‫طريقة استخدام مسة النمط املتداخل كما يلي‪:‬‬

‫>";‪<tagname style="property:value‬‬
‫مثال‪:‬‬
‫>";‪<body style="background-color:blue‬‬
‫أمثلة على منط ‪ CSS‬املتداخل‪:‬‬

‫‪ ‬تغيري لون اخللفية ‪:background-color‬‬
‫تقوم خاصية ‪ background-color‬بتغيري لون اخللفية لصفحة ‪.HTML‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )38-4‬تغيري لون اخللفية إىل أزرق فاتح يف ملف ‪.HTML‬‬
‫>";‪<body style="background-color:lightblue‬‬
‫‪180‬‬
‫‪ ‬تغيري لون اخلط ‪:font color‬‬

‫حتدد خاصية اللون ‪ color‬لون النص لعنصر ‪.HTML‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )40-4‬تغيري لون العنوان إىل األزرق‪ ،‬ولون الفقرة إىل األخضر يف‬
‫ملف ‪.HTML‬‬
‫>‪</p‬يتكون قسم احلاسب اآللي من عدة ختصصات >";‪<p style="color:green‬‬
‫‪181‬‬
‫‪ ‬تغيري نوع اخلط ‪:font‬‬

‫حتدد خاصية ‪ font-family‬نوع اخلط املستخدم لتنسيق النص يف عنصر ‪.HTML‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )42-4‬تغري نوع خط العنوان إىل ‪ Andalus‬يف ملف ‪.HTML‬‬
‫>‪</h1‬قسم احلاسب اآللي>";‪<h1 style="font-family:andalus‬‬
‫‪182‬‬
‫‪ ‬تغيري حجم اخلط ‪:font size‬‬

‫حتدد خاصية ‪ font-size‬حجم اخلط لعنصر ‪.HTML‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )44-4‬تغيري حجم عنوان الفقرة إىل ‪ 20px‬يف ملف ‪.HTML‬‬
‫>";‪<p style="font-size:20px‬‬
‫‪183‬‬
‫‪ ‬تغيري حماذاة النص ‪:Text Alignment‬‬

‫حتدد خاصية ‪ text-align‬حماذاة النص األفقي لعنصر ‪.HTML‬‬
‫أنواع حماذاة النص‪:‬‬
‫‪ .1‬توسيط النص (‪.)text-align:center‬‬
‫‪ .2‬حماذاة النص لليمني (‪.)text-align:right‬‬
‫‪ .3‬حماذاة النص لليسار(‪.)text-align:left‬‬
‫‪ .4‬كتابة النص يف سطر واحد(‪.)text-align:justify‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )46-4‬توسيط العنوان‪ ،‬وحماذاة الفقرة إىل اليمني يف ملف ‪.HTML‬‬
‫>‪</h1‬قسم احلاسب اآللي>";‪<h1 style="text-align:center‬‬
‫>‪</h1‬قسم احلاسب اآللي>";‪<p style="text-align:right‬‬
‫‪184‬‬
‫ملحوظة‪ :‬ميكن إضافة أكثر من تنسيق يف (‪ )style‬يفصل بينها عالمة (;)‪.‬‬

‫‪<h1 style="text-align:center;font-family:andalus;color:red;">.‬‬
‫‪185‬‬
‫‪ CSS .2‬الداخلي (‪:)Internal‬‬

‫يُستخدم ‪ CSS‬الداخلي لتحديد النمط لصفحة واحدة من صفحات ‪ ،HTML‬ويتم تعريف‬
‫‪ CSS‬يف قسم >‪ <head‬ضمن وسم >‪ <style‬يف صفحة ‪.HTML‬‬
‫طريقة استخدام مسة النمط الداخلي كما يلي‪:‬‬
‫>‪<head‬‬
‫>‪<style‬‬
‫};‪body{background-color: blue‬‬
‫};‪h1{color: red‬‬
‫};‪p{color: blue;font-family:andalus;font-size:20px‬‬
‫>‪</style‬‬
‫>‪</head‬‬
‫املثال األول‪ :‬يوضح الشكل رقم (‪ )48-4‬استخدام النمط ‪ CSS‬الداخلي يف ملف ‪.HTML‬‬
‫سوف نقوم بـ‪:‬‬
‫‪ .1‬تغيري لون خلفية الصفحة إىل (‪.)skyblue‬‬
‫‪ .2‬تغيري لون خط العنوان إىل (‪.)blue‬‬
‫‪ .3‬تغيري لون النص جلميع الفقرات إىل (‪ )red‬وحجم اخلط (‪ )20px‬ونوع اخلط (‪.)Andalus‬‬
‫‪186‬‬
‫املثال الثاني‪ :‬يوضح الشكل رقم (‪ )50-4‬استخدام النمط ‪ CSS‬الداخلي يف ملف ‪.HTML‬‬
‫سوف نقوم بـ‪:‬‬
‫‪ .1‬تغيري لون خلفية الصفحة إىل (‪.)lightgray‬‬
‫‪ .2‬تغيري لون خط العنوان إىل (‪ )red‬مع توسيط العنوان‪.‬‬
‫‪ .3‬تغيري لون مجيع الفقرات إىل(‪ )blue‬وحجم اخلط (‪ )25px‬ونوع اخلط (‪ )Arial‬مع حماذاة‬
‫النص لليمني‪.‬‬
‫‪187‬‬
‫‪ CSS .3‬اخلارجي (‪:)External‬‬

‫يتم استخدام أمناط ‪ CSS‬اخلارجية لتحديد التنسيق للعديد من صفحات ‪ ،HTML‬مبعنى‬
‫آخر باستخدام ‪ CSS‬ميكن تغيري شكل موقع الويب بالكامل عن طريق تغيري ملف واحد‬
‫فقط‪.‬‬
‫ويتم استخدام ملف أمناط ‪ CSS‬اخلارجي من خالل إضافة رابط يشري إليه يف قسم‬
‫>‪ <head‬لصفحة ‪.HTML‬‬
‫مثال‪:‬‬
‫>‪<head‬‬
‫>"‪<link rel="stylesheet" href="styles.css‬‬
‫>‪</head‬‬
‫‪ :link‬حيدد العالقة بني مستند ‪ HTML‬احلالي و بني ملف ‪ CSS‬اخلارجي ‪.External Resource‬‬
‫‪ :rel‬حيدد العالقة بني املستند احلالي و املستند املشار إليه يف عنصر ‪.link‬‬
‫‪ :stylesheet‬حيدد النوع وهو (ورقة أمناط)‪.‬‬
‫‪ :href‬حتدد رابط موقع ملف (‪.)style.css‬‬
‫‪ :styles.css‬اسم امللف الذي حيتوي على األمناط‪.‬‬
‫‪188‬‬
‫إنشاء ملف أمناط ‪:CSS‬‬

‫ميكن إنشاء ملف األمناط اخلارجي باستخدام أي من حمررات النصوص مثل‬
‫(‪ ،)Rapidphp ، Notepad++،Notepad‬كما جيب أال حيتوي ملف ‪ CSS‬على أية شيفرة‬
‫برجمية من شيفرات لغة ‪ ،HTML‬كما جيب حفظ امللف بتنسيق (‪.)CSS‬‬
‫خطوات إنشاء ملف ‪:CSS‬‬

‫‪ .1‬افتح حمرر ‪.Notepad++‬‬
‫‪ .2‬احفظ امللف على جهازك باستخدام االختصار (‪ ،)Ctrl+Alt+S‬أو انقر على قائمة ‪File‬‬
‫ثم انقر على ‪ ،Save As‬كما يف الشكل رقم (‪.)52-4‬‬
‫‪ .3‬قم بتسمية امللف"‪ ،"style.css‬ثم حدد موقع حفظ امللف‪ ،‬ثم انقر على ‪ ،Save‬كما‬
‫‪189‬‬
‫‪ .4‬اكتب شيفرة التنسيق‪ ،‬كما يف الشكل رقم (‪:)54-4‬‬

‫{ ‪body‬‬
‫;‪background-color: #FFFF00‬‬
‫}‬
‫{ ‪h1‬‬
‫;‪color: #0000FF; text-align: center‬‬
‫}‬
‫{‪p‬‬
‫;‪color: #008000;text-align: right‬‬
‫;‪font-size: 20px; font-family: Andalus‬‬
‫}‬
‫‪ .5‬أصبح ملف ‪ CSS‬جاهزاً لالستخدام‪ ،‬انقر على ‪ Ctrl+S‬أو من قائمة ملف اخرت ‪Save‬‬
‫حلفظ التغيريات‪.‬‬
‫خطوات إضافة ملف ‪ CSS‬يف صفحة ‪:HTML‬‬

‫‪ .1‬افتح الشفرة الربجمية لصفحة ‪ HTML‬يف حمرر النصوص‪.‬‬
‫‪ .2‬اكتب الشفرة الربجمية التالية يف وسم >‪ ،<head‬كما يف الشكل رقم (‪:)55-4‬‬
‫>‪<head‬‬
‫>"‪<link rel="stylesheet" href="style.css‬‬
‫>‪</head‬‬
‫‪190‬‬
‫‪ .3‬قم بكتابة اسم ملف األمناط الذي تريد تطبيقه على صفحة ‪ HTML‬عند كلمة‬
‫(‪.)href‬‬
‫‪ .4‬انقر على حفظ التغيريات‪.‬‬
‫‪ .5‬افتح صفحة ‪ HTML‬على أحد متصفحات اإلنرتنت لعرض التنسيقات‪ ،‬كما يف‬
‫الشكل رقم (‪.)56-4‬‬
‫‪191‬‬
‫لغة ‪:JavaScript‬‬
‫لغة ‪ JavaScript‬هي لغة من لغات الربجمة ذات املستوى العالي مت إنشاؤها لتعمل بالكامل‬
‫من خالل متصفحات اإلنرتنت حيث يتم تفسريها مباشرة بواسطة متصفح اإلنرتنت على جهاز‬
‫املستخدم فهي لغة خمصصة لتطبيقات الويب كما أن معظم املتصفحات تدعم هذه اللغة بدون‬
‫مشاكل‪.‬‬
‫تعترب لغة ‪ JavaScript‬لغة برجمة من أكثر اللغات استخداماً يف برجمة صفحات املواقع‬
‫ألنها تعطي إمكانية التحكم يف كل جزء من صفحات املوقع‪ ،‬فهي لغة جتعل املواقع أكثر‬
‫فعالية‪.‬‬
‫تقوم ‪ JavaScript‬بتحويل صفحات ‪ HTML‬من صفحات ثابتة إىل صفحات ديناميكية‬
‫متغرية لتوفري تطبيقات الويب مبا يف ذلك (األلعاب‪ ،‬وإدخال البيانات يف النماذج‪ ،‬والرسوم‬
‫املتحركة)‪ ،‬حيث متكن هذه اللغة املستخدم من إنشاء صفحات إنرتنت تتسم باحليوية قائمة‬
‫على التفاعل مع املستخدم‪.‬‬
‫وتعترب لغة ‪ JavaScript‬من أسهل اللغات الربجمية للمبتدئني يف تطوير صفحات اإلنرتنت‪،‬‬
‫ولكن يتطلب استخدامها معرفة أساسيات ‪ HTML‬و‪.CSS‬‬
‫مميزات لغة ‪:JavaScript‬‬

‫‪ .1‬لغة ‪ JavaScript‬سهلة التحكم‪.‬‬
‫‪ .2‬لغة برجمية مستقلة ليست مرتبطة بلغة ‪.Java‬‬
‫‪ .3‬توفر خدمات حتكمية أكرب باملتصفحات‪.‬‬
‫‪ .4‬لغة برجمة تدعم الكائنات ‪.Objects‬‬
‫‪ .5‬متكن لغة ‪ JavaScript‬التعامل مع األحداث‪.‬‬
‫‪ .6‬تدعم مجيع أنظمة التشغيل‪.‬‬
‫شيفرة ‪:JavaScript‬‬
‫هي عبارة عن جمموعة األوامر اليت تكتب ليعمل الربنامج بالشكل املطلوب‪ ،‬وتكون‬
‫دائما مكتوبة باستخدام أحد برامج حترير النصوص مثل ‪ Notepad‬أو ‪ Notepad++‬وغريها‬
‫من برامج حترير النصوص‪.‬‬
‫‪192‬‬
‫برناجمك األول "‪:"Hello TVTC‬‬

‫من خالل الشكل رقم (‪ )57-4‬سوف نعرض أساسيات كتابة ‪:JavaScript Code‬‬
‫‪193‬‬
‫اخلطوات املتبعة لكتابة ‪ JavaScript Code‬هي‪:‬‬

‫‪ .1‬لتنفيذ ‪ JavaScript Code‬حنتاج إىل إدراجه يف ملف ذي امتداد ‪ htm‬أو ‪ html‬أو ملفات‬
‫ديناميكية مثل ‪ ASP‬أو ‪ .PHP‬حنفظ امللف باسم (‪.)MyJs.html‬‬
‫‪ .2‬توفر ‪ HTML‬وسم <‪ ،>script‬وهذا الوسم حيتاج إىل حتديد اللغة املستخدمة لكتابة‬
‫)‪ ،(script‬ويتم ذلك من خالل استخدام املعامل (‪ )language‬وحندد له القيمة‬
‫(‪ )JavaScript‬ويكتب بهذه الطريقة‪:‬‬
‫>"‪<script language="JavaScript‬‬
‫هنا يكتب ‪JavaScript Code‬‬
‫>‪</script‬‬
‫‪ .3‬ميكن أيضاً كتابة وسم >‪ <script‬بدون حتديد اللغة ألنها تعترب اللغة االفرتاضية بهذه‬
‫الطريقة‪:‬‬
‫>‪<script‬‬
‫هنا يكتب ‪JavaScript Code‬‬
‫‪ .4‬يتم وضع ‪ JavaScript Code‬بني الومسني كما يلي‪:‬‬
‫>"‪<script language="JavaScript‬‬
‫;)"‪document.write("Hello TVTC‬‬
‫‪ .5‬أول أمر يف لغة ‪ JavaScript‬هو (;)"‪ ، ) document.write("Hello TVTC‬يقوم هذا األمر‬
‫بعرض النص يف املتصفح ‪ ،‬وبالتالي سوف يطبع (‪. )Hello TVTC‬‬
‫ملحوظات أثناء كتابة شيفرة ‪:JavaScript‬‬

‫‪ ‬ضع النص املراد كتابته بني عالميت تنصيص (" النص")‪.‬‬
‫‪ ‬لغة ‪ JavaScript‬تعترب لغة حساسة حلالة األحرف (احلروف الصغرية والكبرية) مثال‬
‫‪ document.write‬ليست مثل ‪ ، Document.Write‬استخدامها بشكل خمتلف سوف‬
‫يؤدي حلدوث خطأ ولن يتم عرض النص يف املتصفح‪.‬‬
‫‪ ‬إذا كان املتصفح ال يدعم ‪ JavaScript Code‬ميكن إخفاؤه من الظهور يف املتصفح‬
‫بوضع الـ )‪ )code‬بني العالمتني>‪ <! -- //--‬كما باملثال‪:‬‬
‫‪<!--‬‬
‫;)"‪document.write("Hello TVTC‬‬
‫>‪//--‬‬
‫‪194‬‬
‫أساسيات لغة ‪:JavaScript‬‬

‫يتم إدراج ‪ JavaScript Code‬يف لغة ‪ HTML‬بطريقتني هما‪:‬‬
‫‪ .1‬اإلدراج الداخلي (‪.)Internal‬‬
‫‪ .2‬اإلدراج اخلارجي (‪.)External‬‬
‫اإلدراج الداخلي (‪:)Internal JavaScript Code‬‬

‫يتم من خالله كتابة ‪ JavaScript Code‬بطريقتني هما‪:‬‬
‫‪ ‬الطريقة األوىل‪ :‬كتابة ‪ JavaScript Code‬بني الوسم >‪ ،<script‬ويوضع هذا الوسم بني‬
‫الوسم >‪ <head‬أو الوسم >‪ <body‬أو كالهما كما يلي‪:‬‬
‫‪ o‬كتابة ‪ JavaScript Code‬بني الوسم >‪ ،<head‬كما يف الشكل رقم (‪.)59-4‬‬
‫‪195‬‬
‫‪ o‬كتابة ‪ JavaScript Code‬بني الوسم >‪ ،<body‬كما يف الشكل رقم (‪.)60-4‬‬
‫‪ o‬يف حال كتابة ‪ JavaScript Code‬داخل الوسم >‪ <head‬سوف يتم تنفيذه قبل‬
‫‪ JavaScript Code‬املوجود داخل الوسم >‪ ،<body‬كما هو موضح يف الشكل‬
‫رقم (‪.)61-4‬‬
‫‪196‬‬
‫كما نالحظ يف الشكل رقم (‪ )62-4‬أنه مت كتابة النص (املؤسسة العامة للتدريب التقين‬
‫واملهين ‪ )1‬يف >‪ <head‬وكتابة النص (املؤسسة العامة للتدريب التقين واملهين ‪ )2‬يف >‪،<body‬‬
‫وبالتالي سوف يتم تنفيذ ‪ JavaScript Code‬الذي يف الوسم >‪ <head‬أوالً‪.‬‬
‫‪ ‬الطريقة الثانية‪ :‬كتابة ‪ JavaScript Code‬بداخل أي وسم يف ‪.HTML‬‬

‫>‪"> </TagName‬هنا اكتب‪< TagName event=" JavaScript Code‬‬
‫األحداث يف ‪:JavaScript‬‬
‫احلدث هو تنفيذ أمر برجمي معني عندما حيدث شي ما‪ ،‬وغالبا هذا احلدث يفعله‬
‫املستخدم مثل الضغط على رابط يف الصفحة أو مرور مؤشر الفأرة على نص معني‪.‬‬
‫أمثلة على األحداث ‪:Events‬‬
‫الوظيفة‬ ‫احلدث‬
‫حيدث عندما يكتمل حتميل صفحة أو صورة‪.‬‬ ‫‪load‬‬
‫حيدث عندما يضغط املستخدم على أي عنصر يف الصفحة‬ ‫‪onclick‬‬
‫حيدث عند دخول املاوس فوق عنصر‬ ‫‪mouseover‬‬
‫عند ابتعاد املاوس من فوق عنصر‬ ‫‪mouseout‬‬
‫عند الضغط على أي زر يف لوحة املفاتيح‬ ‫‪keydown‬‬
‫‪197‬‬
‫املثال األول‪ :‬كما يف الشكل رقم (‪ )63-4‬سيتم التطبيق باستخدام وسم األزرار ‪.button‬‬
‫‪ o‬نستبدل ‪ TagName‬باسم الوسم الذي نريد مثالً ‪.button‬‬
‫‪ o‬نستبدل ‪ event‬باسم احلدث املطلوب مثالً ‪( onclick‬عند النقر)‪.‬‬
‫‪ o‬نضع ‪ JavaScript Code‬داخل هذا احلدث‪.‬‬
‫قمنا بإنشاء زر باستخدام الوسم >‪ <button‬مكتوب عليه (اضغط هنا) وعند الضغط عليه من‬
‫املتصفح يعرض لنا النص (حنن اآلن بالداخل)‪ ،‬كما يف الشكل رقم (‪:)64-4‬‬
‫بعد النقر على الزر يعرض النص "حنن اآلن بالداخل" كما يف الشكل رقم (‪:)65-4‬‬
‫‪198‬‬
‫املثال الثاني‪ :‬التطبيق باستخدام وسم ‪( span‬حاوية نصية)‪ ،‬كما يف الشكل رقم (‪.)66-4‬‬
‫قمنا بإنشاء حاوية نصية باستخدام وسم >‪ <span‬مكتوب عليه (اضغط هنا‪ )...‬وعند الضغط‬
‫عليه من املتصفح يعرض لنا النص (شكراً لزيارتك موقعنا)‪ ،‬كما يف الشكل رقم (‪:)67-4‬‬
‫بعد النقر على النص سوف يتم عرض النص "شكراً لزيارتك موقعنا"‪ ،‬كما هو يف الشكل‬
‫رقم (‪:)68-4‬‬
‫‪199‬‬
‫اإلدراج اخلارجي )‪:)External JavaScript Code‬‬

‫يتم كتابة ‪ JavaScript Code‬يف ملف خارجي يكون امتداده ‪ js‬كما يف املثال التالي‪:‬‬
‫>"‪<script src="FileName.js‬‬
‫إلدراج ‪ JavaScript Code‬يف ملف خارجي نقوم مبا يلي‪:‬‬

‫‪ .1‬افتح حمرر ‪.Notepad++‬‬
‫‪ .2‬احفظ امللف على جهازك من االختصار (‪ ،)Ctrl+Alt+S‬أو انقر على قائمة ‪ File‬ثم انقر‬
‫على ‪ ،Save As‬كما يف الشكل رقم (‪.)69-4‬‬
‫‪ .3‬قم بتسمية امللف"‪ ،"MyJs.js‬ثم حدد موقع حفظ امللف‪ ،‬ثم اضغط ‪ ،Save‬كما يف‬
‫الشكل رقم (‪.)70-4‬‬
‫‪200‬‬
‫‪ .4‬اكتب ‪ ،JavaScript Code‬وبعد االنتهاء اضغط ‪ Ctrl+S‬للحفظ‪ ،‬أو من قائمة ‪File‬‬

‫اخرت ‪ ،Save‬كما يف الشكل رقم (‪.)71-4‬‬
‫‪ .5‬لربط صفحة ‪ HTML‬مبلف الـ ‪ ،JavaScript‬افتح صفحة ‪ HTML‬واكتب الشيفرة‬

‫الربجمية التالية‪ ،‬كما يف الشكل رقم (‪:)72-4‬‬
‫>‪<script src="MyJs.js"> </script‬‬
‫‪ .6‬احفظ التغيريات بالضغط على ‪ Ctrl+S‬أو من قائمة ‪ File‬اخرت ‪.Save‬‬

‫‪ .7‬افتح امللف باستخدام أحد املتصفحات لرتى النتيجة‪ ،‬كما يف الشكل رقم (‪:)73-4‬‬
‫‪201‬‬
‫التعليقات (‪:)Comments‬‬
‫هي نصوص خاصة باملربمج يكتبها للتعليق على السطور الربجمية اليت قام بكتابتها لتسهل‬
‫عليه التعامل معها الحقاً‪ ،‬وهذه التعليقات يتم جتاهلها من قبل مفسر لغة ‪ JavaScript‬أي ال‬
‫يتم تنفيذها فبالتالي ال يتم عرضها يف املتصفح‪.‬‬
‫وقد تكون التعليقات ضرورية يف حال كتابة شيفرات برجمية معقدة وطويلة مما تسبب‬
‫صعوبات عديدة مثل‪:‬‬
‫‪ ‬صعوبة يف قراءة وفهم الشيفرات الربجمية (‪.)JavaScript Code‬‬
‫‪ ‬صعوبة يف عملية تصحيح األخطاء (‪.)Debug‬‬
‫لذا حنتاج عمل امللحوظات أو التعليقات لكل جزء من الشيفرات الربجمية لتقليص هذه‬
‫املشكالت‪ ،‬كما سنرى أن هناك نوعني من التعليقات هما‪:‬‬
‫‪ ‬تعليق لسطر واحد (‪.)//‬‬
‫‪ ‬تعليق لسطر أو أكثر من سطر (‪.)/* */‬‬
‫تعليق لسطر واحد (‪:)//‬‬
‫نستخدم العالمتني ‪ //‬ثم نكتب التعليق اخلاص‪ ،‬كما يف الشكل رقم (‪:)74-4‬‬
‫‪202‬‬
‫تعليق لسطر أو أكثر من سطر (‪:)/* */‬‬

‫نستخدم العالمتني *‪ /‬ثم يليهما التعليق اخلاص بالشيفرة الربجمية رمبا تكون مكونة من سطر‬
‫أو أكثر ثم نضع مرة أخرى العالمتني ‪ */‬إلنهاء التعليق‪ ،‬كما يف الشكل رقم (‪:)75-4‬‬
‫كما أنه ال ميكن عمل تداخل عند استخدام التعليقات لسطر أو أكثر (‪ )/* */‬ألن ذلك يؤدي‬
‫إىل إحداث خطأ لغوي‪ ،‬كما يف الشكل رقم (‪:)76-4‬‬
‫‪203‬‬
‫إدخال وإخراج البيانات‪:‬‬

‫مجيع لغات الربجمة توفر لنا طرقا إلدخال وإخراج البيانات‪ ،‬وهي من النقاط املهمة اليت‬
‫تعطي املستخدمني تفاعال أكثر مع برناجمك‪.‬‬
‫طرق إخراج البيانات‪:‬‬

‫توفر لغة ‪ JavaScript‬طرقا خمتلفة إلخراج البيانات من خالل بعض األوامر اخلاصة بها‬
‫واليت تقوم بإظهار الرسائل للمستخدم من خالل وحدات اإلخراج جبهاز احلاسب اآللي‪.‬‬
‫سوف نتعرض لطرق إخراج البيانات‪:‬‬
‫‪ .1‬طريقة ‪:alert‬‬
‫‪ ‬تقوم بإظهار رسالة إىل املستخدم‪.‬‬
‫‪ ‬تعترب من والوظائف التابعة للكائن ‪( window‬عرض النص يف نافذة)‪.‬‬
‫‪ ‬طريقة كتابة ‪:JavaScript Code‬‬
‫;)"اكتب هنا رسالتك"( ‪Alert‬‬
‫;)"اكتب رسالتك هنا"(‪window.alert‬‬
‫‪ ‬كال األمرين ( ‪ Alert‬و ‪) window.alert‬يقدمان نفس النتيجة‪.‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )77-4‬إظهار رسالة شكر للمستخدم باستخدام ‪JavaScript‬‬
‫‪.Code‬‬
‫‪204‬‬
‫‪ .2‬طريقة ‪:write‬‬
‫‪ ‬تقوم بكتابة النص يف الصفحة للمستخدم‪.‬‬
‫‪ ‬تعترب من الوظائف التابعة للكائن ‪( document‬عرض النص يف املتصفح)‪.‬‬
‫;)"اكتب رسالتك هنا"(‪document.write‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )79-4‬إظهار رسالة ترحيب للمستخدم باستخدام ‪JavaScript‬‬
‫‪.Code‬‬
‫‪205‬‬
‫دمج النصوص‪:‬‬
‫تتم عملية دمج النصوص (النص هو اجلملة احملدد بني عالميت تنصيص (" ")) باستخدام‬
‫عالمة اجلمع (‪ )+‬كما يف املثال‪:‬‬
‫;)"كل عام"‪"+‬و"‪"+‬انتم خبري"(‪document.write‬‬
‫املثال األول‪ :‬يوضح الشكل رقم (‪ )81-4‬عمل دمج للنصوص باستخدام ‪.JavaScript Code‬‬
‫‪206‬‬
‫املثال الثاني‪ :‬يوضح الشكل رقم (‪ )83-4‬إظهار رسالة تأكيد عملية إدخال بيانات‬
‫للمستخدم باستخدام ‪.JavaScript Code‬‬
‫‪207‬‬
‫ملحوظات‪ :‬لكتابة سطر جديد‪:‬‬

‫‪ ‬بطريقة ‪ :alert‬نستخدم العالمات (‪ )\n‬و (‪ )\r‬لعمل سطر جديد‪.‬‬
‫‪ ‬بطريقة ‪ :write‬نستخدم الوسم >‪ <br‬لعمل سطر جديد‪.‬‬
‫‪ .3‬طريقة ‪:Print‬‬
‫‪ ‬تقوم بطباعة الصفحة‪.‬‬
‫‪ ‬تعترب من الوظائف التابعة للكائن ‪.window‬‬
‫;)(‪window.print‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )85-4‬طباعة الصفحة باستخدام ‪.JavaScript Code‬‬
‫‪208‬‬
‫طرق إدخال البيانات‪:‬‬

‫توفر لغة ‪ JavaScript‬طرق خمتلفة إلدخال البيانات من خالل بعض األوامر اخلاصة بها‪.‬‬
‫سوف نتعرض لطرق إدخال البيانات‪:‬‬
‫‪ .1‬طريقة ‪:confirm‬‬
‫‪ ‬تقوم بعرض رسالة مشابة لطريقة ‪ alert‬باإلضافة إىل إرجاع أحد القيمتني ‪ true‬أو‬
‫‪.false‬‬
‫;)"اكتب النص هنا"( ‪confirm‬‬
‫;)"اكتب النص هنا"( ‪window.confirm‬‬
‫‪ ‬كال األمرين (‪ confirm‬و ‪ )window.confirm‬يقدمان نفس النتيجة‪.‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )87-4‬عرض رسالة تأكيد حذف جهة اتصال باستخدام‬
‫‪.JavaScript Code‬‬
‫‪209‬‬
‫كما نالحظ عند الضغط على أحد الزرين (حسناً ‪ /‬إلغاء) مل نتعرف أيهما مت الضغط‬
‫عليه‪ ،‬وحتى نتعرف على القيمة الراجعة من االختيار نقوم بطباعة القيمة الراجعة من االختيار‬
‫بواسطة طريقة ‪.alert‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )89-4‬طباعة القيمة الراجعة من أمر ‪ confirm‬باستخدام‬
‫‪.JavaScript Code‬‬
‫‪210‬‬
‫النتيجة‪ :‬تكون النتيجة عند النقر على حسناً كما يف الشكل رقم (‪:)91-4‬‬
‫النتيجة‪ :‬تكون النتيجة عند النقر على إلغاء كما يف الشكل رقم (‪:)92-4‬‬
‫‪211‬‬
‫‪ .2‬طريقة ‪:prompt‬‬
‫‪ ‬تقوم بعرض رسالة مثل طريقة ‪ confirm‬باإلضافة إىل أنها تقوم بإرجاع أحد القيمتني‬
‫(القيمة املدخلة من املستخدم أو القيمة ‪.)null‬‬
‫;)"اكتب رسالتك هنا"‪"،‬القيمة االفرتاضية للقيمة الراجعة"( ‪prompt‬‬
‫;)"اكتب رسالتك هنا"‪"،‬القيمة االفرتاضية للقيمة الراجعة"( ‪window.prompt‬‬
‫‪ ‬كال األمرين ( ‪ prompt‬و ‪) window.prompt‬يقدمان نفس النتيجة‪.‬‬
‫مثال‪ :‬يوضح الشكل رقم (‪ )93-4‬إظهار عمر املستخدم بعد كتابة العمر " نستخدم ‪ alert‬مع‬
‫‪ prompt‬إلرجاع القيمة"‪.‬‬
‫‪212‬‬
‫النتيجة‪ :‬عند ادخال العمر والنقر على حسناً‪ ،‬سوف يتم عرض العمر كما هو يف الشكل رقم‬
‫(‪:)95-4‬‬
‫النتيجة‪ :‬عند ادخال العمر والنقر على إلغاء تكون النتيجة كما يف الشكل رقم (‪:)96-4‬‬
‫على الصفحة‪.‬‬ ‫مثال‪ :‬يوضح الشكل رقم (‪ )97-4‬القراءة والطباعة‬
‫‪213‬‬
‫النتيجة‪ :‬عند ادخال العمر والنقر على حسناً‪ ،‬سوف تعرض العمر كما هو يف الشكل رقم‬
‫(‪:)99-4‬‬
‫النتيجة‪ :‬عند ادخال العمر والنقر على إلغاء تكون النتيجة كما يف الشكل رقم (‪:)100-4‬‬
‫الشكل رقم (‪)100-4‬‬
‫‪214‬‬
‫‪ .1‬عرف برجمة مواقع الويب‪.‬‬
‫‪ .2‬عدد ثالث لغات تُستخدم لربجمة الويب‪.‬‬
‫‪ .3‬باستخدام لغة ‪ HTML‬قم بإنشاء قائمة منسدلة حتتوي على التالي‪:‬‬

‫‪ ‬الرياض‪.‬‬
‫‪ ‬االحساء‪.‬‬
‫‪ ‬املدينة املنورة‪.‬‬
‫‪ .4‬باستخدام منط ‪ CSS‬الداخلي قم بالتالي‪:‬‬

‫‪ ‬غري لون خلفية الصفحة إىل (‪.)skyblue‬‬
‫‪ ‬غري لون خط العنوان إىل (‪.)red‬‬
‫‪ ‬غري حجم خط العنوان إىل (‪.)30px‬‬
‫‪ .5‬باستخدام لغة ‪ JavaScript‬قم بعرض رسالة "أهالً وسهالُ" للمستخدم‪.‬‬
‫‪ .6‬ما الفرق بني كل من‪:‬‬

‫‪ ‬منط ‪ CSS‬املتداخل‪.‬‬
‫‪ ‬منط ‪ CSS‬الداخلي‪.‬‬
‫‪ ‬منط ‪ CSS‬اخلارجي‪.‬‬

‫)‬ ‫(‬ ‫‪ o‬تتكون الوسوم يف ‪ HTML‬غالباً من بداية ونهاية‪.‬‬
‫)‬ ‫(‬ ‫‪ o‬االمتداد ‪ js‬خاص مبلفات ‪.JavaScript‬‬
‫)‬ ‫(‬ ‫‪ o‬يف التنسيق املتضمن بالوسم تكتب تنسيقات ‪ CSS‬بني أقواس ()‪.‬‬
‫)‬ ‫(‬ ‫‪ o‬يستخدم الوسم >‪ <p‬لكتابة فقرة داخل صفحة ‪.HTML‬‬
‫)‬ ‫(‬ ‫‪ o‬ال تتعامل لغة ‪ JavaScript‬مع األحداث‪.‬‬
‫‪215‬‬

‫بعد االنتهاء من التدرب على وحدة برجمة مواقع الويب للمبتدئني‪ ،‬قيم نفسك وقدراتك‬
‫بواســـطة إكمال هذا التقييم الذاتي بعد كل عنصر من العناصر املذكورة‪ ،‬وذلك بوضع‬
‫عـــــالمة (‪ ) ‬أمام مستوى األداء الذي أتقنته‪ ،‬ويف حالة عدم قابلية املهمة للتطبيق ضع العالمة‬
‫يف اخلانة اخلاصة بذلك‪.‬‬
‫يُعرف برجمة املواقع‪.‬‬ ‫‪1‬‬

‫يفرق بني أنواع لغات برجمة املواقع‪.‬‬ ‫‪2‬‬
‫يستخدم حمررات النصوص الربجمية‪.‬‬ ‫‪3‬‬
‫يربمج باستخدام لغة برجمة ‪.HTML‬‬ ‫‪4‬‬
‫يربمج باستخدام لغة برجمة ‪.CSS‬‬ ‫‪5‬‬
‫يربمج باستخدام لغة برجمة ‪.JavaScript‬‬ ‫‪6‬‬
‫‪216‬‬

‫‪4‬‬ ‫‪3‬‬ ‫‪2‬‬ ‫‪1‬‬ ‫احملاولة ‪:‬‬
‫رقم املتدرب‪....................................................................................... :‬‬
‫العالمة ‪...... ...... ...... ...... :‬‬
‫‪4‬‬ ‫‪3‬‬ ‫‪2‬‬ ‫‪1‬‬
‫يُعرف برجمة املواقع‪.‬‬ ‫‪1‬‬
‫يفرق بني أنواع لغات برجمة املواقع‪.‬‬ ‫‪2‬‬
‫يستخدم حمررات النصوص الربجمية‪.‬‬ ‫‪3‬‬
‫يربمج باستخدام لغة برجمة ‪.HTML‬‬ ‫‪4‬‬
‫يربمج باستخدام لغة برجمة ‪.CSS‬‬ ‫‪5‬‬
‫يربمج باستخدام لغة برجمة ‪.JavaScript‬‬ ‫‪6‬‬
‫‪.........................................................................................................................................................‬‬
‫‪.........................................................................................................................................................‬‬
‫‪.........................................................................................................................................................‬‬
‫توقيع املدرب‪............................. :‬‬
‫‪217‬‬
‫ حاسب‬012 ‫تقنيات اإلنرتنت‬
‫املراجــع‬
‫املرجع‬ ‫م‬
BDM's i-Tech Series. (2018). The Complete Cloud Computing Manual.
1
Vol.31.
Google.com. (2019). Lesson Plans – Search Education – Google. [online]
https://www.google.com/insidesearch/searcheducation/lessons.html 2
[Accessed 12 Apr. 2019].
Microsoft Support, https://support.microsoft.com/ar-sa 3
ZOHO Desk, https://www.zoho.com/ar/desk/ 4
w3schools.com, https://www.w3schools.com/html/ 5
‫هيئة االتصاالت وتقنية املعلومات‬
6
https://www.citc.gov.sa/ar/Pages/default.aspx
‫االحتاد الدولي لالتصاالت‬
7
https://www.itu.int/ar/Pages/default.aspx
‫املوسوعة احلرة ويكيبيديا‬
8
https://ar.wikipedia.org/wiki
‫عني بوابة التعليم الوطنية‬
9
https://ien.edu.sa/Home/Dashbord
) ‫تطبيقات حاسب ( استخدام االنرتنت‬
10
https://cdd.tvtc.gov.sa/category/221
www.marefa.org ،‫ معرفة‬11
Pixabay, https://pixabay.com 12
Freepik, https://www.freepik.com 13
Pinclipart, https://www.pinclipart.com 14
218

Internet Technologies

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Internet Technologies

Uploaded by

Copyright:

Available Formats

‫‪ 012‬حاسب‬ ‫تقنيات اإلنرتنت‬

‫رقم الصفحة‬ ‫املوضـــــوع‬

‫‪19‬‬ ‫متصفحات اإلنرتنت‬

‫‪40‬‬ ‫متصفح ‪Google Chrome‬‬

‫‪62‬‬ ‫متصفح ‪Microsoft Edge‬‬

‫‪86‬‬ ‫التجارة اإللكرتونية‬

‫رقم الصفحة‬ ‫املوضـــــوع‬

‫‪103‬‬ ‫شبكة ‪Pinterest‬‬

‫‪105‬‬ ‫اجلرمية املعلوماتية‬

‫‪118‬‬ ‫خدمات شركة ‪ Google‬السحابية‬

‫‪176‬‬ ‫لغة األمناط ‪CSS‬‬

‫‪192‬‬ ‫لغة ‪JavaScript‬‬

‫الوقت املتوقع إلمتام التدريب على مهارات هذه احلقيبة التدريبية‪:‬‬

‫األهداف التفصيلية للحقيبة‪:‬‬

‫اهلدف العام للوحدة‪:‬‬

‫الوقت املتوقع للتدريب على هذه الوحدة‪ ٢٠ :‬ساعة تدريبية‪.‬‬

‫الوسائل التدريبية املساعدة‪:‬‬

‫كيف نشأت اإلنرتنت‪:‬‬

‫مكونات وعناصر اإلنرتنت‪:‬‬

‫طريقة عمل اإلنرتنت‪:‬‬

‫العنوان على اإلنرتنت‪:‬‬

‫معاني أنواع الالحقات‪:‬‬

‫مقدمي خدمات اإلنرتنت‪:‬‬

‫خدمات مقدمي خدمات اإلنرتنت‪:‬‬

‫ما هو حمرك البحث‪:‬‬

‫كيف يعمل حمرك البحث‪:‬‬

‫حمرك حبث ‪:Google‬‬

‫الشكل رقم (‪)1-1‬‬

‫حمرك حبث ‪:Bing‬‬

‫الشكل رقم (‪)2-1‬‬

‫حمرك حبث ‪:Yahoo‬‬

‫الشكل رقم (‪)3-1‬‬

‫مهارات متقدمة يف عمليات البحث‪:‬‬

‫البحث باستخدام صورة يف حمرك حبث‪:Google‬‬

‫الشكل رقم (‪)4-1‬‬

‫‪ .2‬انقر على رمز الكامريا‪ ،‬كما يف الشكل رقم (‪.)5-1‬‬

‫الشكل رقم (‪)5-1‬‬

‫الشكل رقم (‪)6-1‬‬

‫الشكل رقم (‪)7-1‬‬

‫الشكل رقم (‪)8-1‬‬

‫الشكل رقم (‪)9-1‬‬

‫الشكل رقم (‪)10-1‬‬

‫إعدادات حمرك حبث ‪:Google‬‬

‫الشكل رقم (‪)11-1‬‬

‫‪ ‬إعدادات البحث‪ ،‬وحتتوي على‪:‬‬

‫الشكل رقم (‪)12-1‬‬

‫يُتيح البحث املتقدم ويف مكان واحد ما يلي‪:‬‬

‫متصفح ‪:Mozilla Firefox‬‬

‫حتميل متصفح ‪:Mozilla Firefox‬‬

‫الشكل رقم (‪)13-1‬‬

‫الشكل رقم (‪)14-1‬‬

‫‪ .5‬يتم يف هذه اخلطوة تثبيت املتصفح‪ ،‬كما يف الشكل رقم (‪.)15-1‬‬

‫الشكل رقم (‪)15-1‬‬

‫فتح متصفح ‪:Firefox‬‬

‫الشكل رقم (‪)16-1‬‬

‫الشكل رقم (‪)17-1‬‬

‫طريقة الوصول إىل عنوان يف اإلنرتنت‪:‬‬

‫الشكل رقم (‪)18-1‬‬

‫تعلم كيفية استعراض صفحات الويب بشكل أسرع وأسهل‪:‬‬

‫االرتباط بصفحات الويب اليت زرتها حديثاً‪:‬‬

‫الشكل رقم (‪)19-1‬‬

‫الشكل رقم (‪)20-1‬‬

‫الشكل رقم (‪)21-1‬‬

‫تعيني الصفحة الرئيسة‪:‬‬