‫برمجة انترنت متقدمة‬

‫المحاضرة االولى – االسبوع الثاني‬

‫أهداف المحاضرة‬
‫ما هو االنترنت ‪Internet‬؟‬ ‫•‬
‫مصطلحات مهمة في عالم االنترنت‬ ‫•‬
‫برمجة الويب او االنترنت‬ ‫•‬
‫ادوات اعداد موقع ويب ‪Web Site‬‬ ‫•‬
‫أوالً‪ :‬ما هو االنترنت‬
 ‫االنترنت ‪Internet‬‬
‫• هو مجموعة شبكات عالميه مستقله ومرتبطة مع بعضها‬
‫البعض‪ ,‬هذه الشبكات تكون متصلة مع بعضها البعض بعدة‬
‫طرق مختلفة لتكون شبكة كبيرة ‪.‬‬

‫• تسمى شبكة االنترنت بالشبكة العالمية كونها تربط العديد من‬

‫الشبكات من مختلف انحاء العالم‪.‬‬
‫تابع االنترنت ‪Internet‬‬
 ‫تابع االنترنت ‪Internet‬‬
‫من ضمن الخدمات التي تقدمها لنا شبكة االنترنت‪:‬‬
‫• تصفح المواقع المختلفة ‪.‬‬
‫• البريد اإللكتروني ‪. E-MAIL‬‬
‫• تمرير ملفات بين المستخدم و الخادم ‪. FTP‬‬
‫• دردشة ‪.CHAT‬‬
‫• مجموعة نقاش ‪.‬‬
 ‫تابع االنترنت ‪Internet‬‬
‫• لكي تتصفح االنترنت تحتاج الى متصفح ‪ BROWSER‬يمكنك من التنقل بين صفحات‬
‫الشبكة المختلفة‬
‫• من اشهر هذه المتصفحات ‪:‬‬
‫‪ .1‬برنامج ‪. Google chrome‬‬
‫‪ .2‬برنامج ‪Firefox‬‬

‫كيف يجلب المتصفح الصفحات‬

‫• يقوم المتصفح بعرض صفحات االنترنت المختلفة عن طريق عنوان الموقع‬
‫(‪)URL‬هذا العنوان يرسل الى جهاز الخادم ‪Server‬‬
‫• يتبع المتصفح ‪ Protocol‬معين مثل ‪ http ,ftp‬عند طلب عرض ملف معين من‬
‫الخادم‪ ،‬الخادم بدوره يقوم بأرسال الملف ومن ثم يعرض للمستخدم ‪.‬‬
URL (Uniform Resource Locator)
‫ثانيا ً‪ :‬مصطلحات مهمة‬
 ‫مصطلحات مهمة‬
‫• جهاز الخادم ‪Server‬‬
‫• هو عبارة عن جهاز حاسوب بمواصفات خاصه وبرامج‬
‫متخصصة‬
‫• متصل بالشبكة طوال الوقت وتخزن فيه الصفحات والملفات‬
‫الخاصة بالموقع‪.‬‬
‫تابع مصطلحات مهمة‬
 ‫تابع مصطلحات مهمة‬
‫المقياس ‪Protocol‬‬
‫• هو اسلوب تفاهم بين اجهزة الحاسوب المختلفة على الشبكة‪.‬‬

‫• كل الحواسيب المربوطة مع شبكة االنترنت تستخدم ‪TCP/IP‬‬

‫• ‪TCP/IP (Transmission Control Protocol/Internet Protocol‬‬

 ‫تابع مصطلحات مهمة‬
‫)‪IP (Internet Protocol‬‬
‫• هو عنوان رقمي لكل جهاز حاسوب متصل في شبكة‬
‫االنترنت‪ .‬وهو مكون من ‪ 4‬خانات وكل خانه من المجال ‪0‬‬
‫الى‪.255‬‬
‫• هذا الرقم يحدده ُمقدم خدمة االنترنت‬
‫(‪)ISP-Internet Service Provider‬‬
 ‫تابع مصطلحات مهمة‬
‫• ‪TCP/IP‬‬
‫ب رتوكول‪ TCP/IP‬ي عتبر مناهم ا لبرتوكوالتإل رسا ال لبياناتحيث‬
‫نترنت‬
‫ي مكننا منت بادلا لبياناتعبر ش بكة ا ال ‪.‬‬

‫• هذا البرتوكول يقسم لعدة برتوكوالت‪:‬‬

‫‪ HTTP :‬الذي يعتني بنقل النصوص التشعيبية‪.‬‬
‫‪ FTP :‬برتوكول يهتم بنقل الملفات عبر الشبكة‪.‬‬
‫‪ TELNET :‬برتوكول للتعامل مع الحواسيب البعيدة‪.‬‬
‫‪ SMTP :‬الذي يعنى تبادل الرسائل عبر البريد اإللكتروني‪.‬‬
‫تابع مصطلحات مهمة‬
‫• التصفح‬

‫عملية التنقل بين الصفحات والمواقع المختلفة‪.‬‬

‫استخدم فيها برامج تسمى متصفحات‪.‬‬

‫ثالثا ً‪ :‬برمجة الويب او‬
‫االنترنت‬
‫برمجة ا‪7‬لويب او االنترنت‬
‫في البداية البد من التفريق بين مصطلحين‪:‬‬

‫• صفحات الويب الثابتة‬

‫• صفحات الويب المتحرك‬

 ‫تابع برمجة الويب او االنترنت‬
‫ص‪7‬فحات الويب الثابتة‬
‫‪ ‬‬
‫• الغرض منها هو التعريف بالشركة أو الجهة أو الهيئة وعرض‬
‫أنشطتها ‪ ،‬وبيانتها وكيفية االتصال بها ‪.‬‬
‫• هذه المواقع في االساس مبنيه بلغة الوسوم‬
‫‪HTML (Hyper Text Markup Language) .‬‬
‫• ويمكن ان تحتوي على نصوص ‪ ،‬صور ‪ ،‬ملفات صوت‬
‫وايضا ً ملفات افالم‪.‬‬
 ‫تابع برمجة الويب او االنترنت‬
‫• صفحات الويب المتحركة‬
‫‪ ‬‬
‫• هي تطبيق يعمل من خالل شبكة االنترنت وذلك لتحقيق وظيفة معينة‬
‫• مثل التطبيق الموجود بموقع شركة التوظيف ‪ ،‬وكذلك تسجيل بيانات‬
‫الزائرين الذين يريدون وظائف ‪ ،‬ويوفر إمكانية البحث يستطيع صاحب‬
‫عمل البحث عن موظفين ‪ ،‬وكذلك يستطيع الزائر البحث عن وظيفة ‪.‬‬
‫• وكذلك توجد امثلة اخرى لتطبيقات االنترنت مثل تطبيقات التجارة‬
‫الكترونية التي تقوم بتوفير قائمة بالمنتجات وتوفير إمكانية اختيار‬
‫المنتجات واعداد فاتورة شراء والكثير من التطبيقات االخرى ‪.‬‬
 ‫تابع برمجة الويب او االنترنت‬

‫• من اجل بناء هذه التطبيقات يمكن استخدام لغات مساعده مثل‬

‫‪ ASP, PHP‬ولغات اخرى من اجل تحسين اداء الموقع‪.‬‬
‫تخزن المعلومات في قواعد بيانات في الخادم‬
 ‫ربط مع قواعد البيانات‬
‫(عند تحديث البيانات في قواعد‬
‫البيانات يتم تحديث االخبار)‬
 ‫الخالصة ‪:‬‬

‫إذا الفرق بين صفحات الويب الثابتة و صفحات الويب المتغيرة‬

‫( الديناميكيه ) هو ‪...........‬‬
 ‫صفحات الويب المتغيرة صفحات الويب الثابتة‬
‫( الديناميكيه )‬
‫الثابتة تعرض معلومات الفرق‬ ‫المتغيره فتعرض‬
‫ثابتة ال تتغير لكل‬ ‫صفحات يتم تحديد‬
‫المتصفحين‬ ‫محتواها تبعا لبيانات‬
‫معينه يقوم المستخدم‬
‫بإدخالها‬

‫الصفحات المصممة بلغه الصفحات المصممة بلغه مثال‬

‫‪HTML‬‬ ‫‪ASP.NET‬‬
‫(تحتوي على رموز‬
‫‪ HTML‬وكود مصدري)‬
‫رابعا ً‪ :‬ادوات اعداد موقع‬
‫ويب ‪Web Site‬‬
‫أ‪7‬دوات اعداد موقع ويب ‪Web Site‬‬

‫استعمال أوامر و عالمات ‪HTML‬‬ ‫•‬

‫استعمال برامج حركة مثل ‪Flash‬‬ ‫•‬
‫استعمال البرامج المساعدة‪.‬‬ ‫•‬
‫تحميل المواقع على االنترنت ‪upload‬‬ ‫•‬
 ‫أ‪7‬دوات اعداد موقع ويب ‪Web Site‬‬
‫‪.1‬استعمال أوامر و عالمات ‪HTML‬‬
‫• ليس هناك في عالم تطوير االنترنت من ال يعرف او يتعرض‬
‫لعالمات واوامر ‪ HTML‬وهي اختصار للعبارة ‪Hyper Text‬‬
‫‪ Markup Language‬ويطلق عليها لغة الترميز ‪.‬‬
‫• وهي الطريقة المستعملة لعرض البيانات والصور والصوت‬
‫والحركة على صفحات االنترنت‪.‬‬
‫• وهي ليست لغة برمجة ولكن مجموعة من العالمات التي تتحكم في‬
‫شكل البيانات على صفحة االنترنت مع توفير عالمات للعمليات‬
‫األساسية مثل ربط الصفحات ببعضها والتعامل مع الصور وغيره‪.‬‬
‫تابع أدوات اعداد موقع ويب ‪Web Site‬‬
‫‪.1‬طرق كتابة مستند ‪HTML‬‬
‫هناك اكثر من طريقة إلعداد مستند ‪ HTML‬منها‬
‫• استعمال أي محرر سطور وليكن المفكرة ‪Notepad‬‬
‫• استعمال برامج جاهزة لكتابة ملفات ‪HTML‬‬
‫• استعمال برامج تصميم مثل ‪Front Page‬‬
 ‫تابع أدوات اعداد موقع ويب ‪Web Site‬‬
‫‪.2‬استعمال برنامج الفالش ‪Flash‬‬
‫• برنامج ‪ flash‬من البرامج المشهورة في مجال إعداد مواقع‬
‫اإلنترنت وهو يختلف عن برنامج ‪ front page‬و كذلك‬
‫برنامج ‪ dream weaver‬فهو يوفر خدمات مختلفة شيئا ً ما‬
‫منها ‪:‬‬
‫‪  ‬تكوين مناظر متحركة‪.‬‬
‫تابع أدوات اعداد موقع ويب ‪Web Site‬‬
‫‪ .3‬استعمال البرامج المساعدة‪:‬‬
‫‪ ‬هناك الكثير من البرامج المساعدة مثل‪:‬‬
‫برنامج ‪swish‬‬
‫الذي يساعد في إعداد النصوص ‪ text‬وحركتها بشكل جيد‪.‬‬
‫برنامج ‪Xara 3D‬‬
‫يساعد في إعداد األزرار ‪ buttons‬والنصوص وغيره‪.‬‬
‫تابع أدوات اعداد موقع ويب ‪Web Site‬‬
‫‪ .4‬تحميل المواقع على االنتر‪7‬نت ‪upload‬‬

‫بعد اعداد الموقع محليا أي على الجهاز الخاص بك البد من‬

‫تحميله على احد اجهزة الخادم ‪ server‬المتصلة بالشبكة حتى‬
‫يصبح متاح لجميع مستخدمي االنترنت وهذه العملية تسمى‬
‫‪uploading‬‬
 ‫تابع أدوات اعداد موقع ويب ‪Web Site‬‬
‫وإلجرائها البد من حجز مساحة على احد االجهزة الخادمة ‪ servers‬بأحد الطريقتين‬
‫• مساحة مدفوعة االجر‬
‫وهذه هي الطريقة التقليدية حيث يتم االتصال بأحد شركات خدمات االنترنت ‪ISP‬‬
‫)‪ (Internet Service Provider‬واالتفاق على حجز مساحة لتحميل الموقع عليها‬
‫مقابل أجر شهري أو سنوي أو حسب االتفاق‪.‬‬
‫‪ ‬‬
‫• مساحة مجانية ‪free space‬‬
‫توجد الكثير من الشركات التي توفر استضافة موقعك على الخادم الخاص بها وذلك‬
‫بإعطائك مسحة مجانية لتحميل الموقع علية ولكنها محددة المساحة ومحددة االمكانيات ‪.‬‬
‫ولكن على االقل تصلح للمواقع البسيطة وكذللك للتعلم واالختبار‪.‬‬
 ‫تابع أدوات اعداد موقع ويب ‪Web Site‬‬
‫‪ ‬بعد إعداد الموقع وحجز المساحة ال يتبقى سوى تحميل هذا‬
‫الموقع على المساحة ويتم ذلك بطرق كثيرة منها‪:‬‬
‫• استعمال بر‪7‬امج نقل الملفات ‪FTP‬‬
‫‪ FTP (file transfer protocol) ‬برتوكول نقل الملفات‬
‫وهي برامج كثيرة تقوم بنقل ملفات موقعك من جهازك إلى جهاز‬
‫الخادم ( المساحة المحجوزة)‬
‫ومن هذه البرامج ‪WS FTP Pro‬‬
‫إنشاء صفحه ‪Asp.net‬‬
‫تعديل محتويات ‪ HTML‬من خالل نافذة المصمم‬
‫أهداف المحاضرة‬
‫ما هو االنترنت ‪Internet‬؟‬ ‫•‬
‫مصطلحات مهمة في عالم االنترنت‬ ‫•‬
‫برمجة الويب او االنترنت ً‬ ‫•‬
‫ادوات اعداد موقع ويب ‪Web Site‬‬ ‫•‬