Transcript تابع أدوات اعداد موقع ويب Web Site

‫المحاضرة االولى – االسبوع الثاني‬
‫أهداف المحاضرة‬
‫•‬
‫•‬
‫•‬
‫•‬
‫ما هو االنترنت ‪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‬الذي يعنى تبادل الرسائل عبر البريد اإللكتروني‪.‬‬
‫تابع مصطلحات مهمة‬
‫• التصفح‬
‫عملية التنقل بين الصفحات والمواقع المختلفة‪.‬‬
‫استخدم فيها برامج تسمى متصفحات‪.‬‬
‫ثالثا ا‪ :‬برمجة الويب او‬
‫النترنت‬
‫برمجة الويب او النترنت‬
‫في البداية البد من التفريق بين مصطلحين‪:‬‬
‫• صفحات الويب الثابتة‬
‫• صفحات الويب المتحرك‬
‫تابع برمجة الويب او النترنت‬
‫صفحات الويب الثابتة‬
‫• الغرض منها هو التعريف بالشركة أو الجهة أو الهيئة‬
‫وعرض أنشطتها ‪ ،‬وبيانتها وكيفية االتصال بها ‪.‬‬
‫• هذه المواقع في االساس مبنيه بلغة الوسوم‬
‫)‪. HTML (Hyper Text Markup Language‬‬
‫• ويمكن ان تحتوي على نصوص ‪ ،‬صور ‪ ،‬ملفات صوت‬
‫وايضا ً ملفات افالم‪.‬‬
‫تابع برمجة الويب او النترنت‬
‫• صفحات الويب المتحركة‬
‫• هي تطبيق يعمل من خالل شبكة االنترنت وذلك لتحقيق وظيفة معينة‬
‫• مثل التطبيق الموجود بموقع شركة التوظيف ‪ ،‬وكذلك تسجيل بيانات‬
‫الزائرين الذين يريدون وظائف ‪ ،‬ويوفر إمكانية البحث يستطيع صاحب‬
‫عمل البحث عن موظفين ‪ ،‬وكذلك يستطيع الزائر البحث عن وظيفة ‪.‬‬
‫• وكذلك توجد امثلة اخرى لتطبيقات االنترنت مثل تطبيقات التجارة‬
‫الكترونية التي تقوم بتوفير قائمة بالمنتجات وتوفير إمكانية اختيار‬
‫المنتجات واعداد فاتورة شراء والكثير من التطبيقات االخرى ‪.‬‬
‫تابع برمجة الويب او النترنت‬
‫• من اجل بناء هذه التطبيقات يمكن استخدام لغات مساعده‬
‫مثل ‪ ASP, PHP‬ولغات اخرى من اجل تحسين اداء الموقع‪.‬‬
‫تخزن المعلومات في قواعد بيانات في الخادم‬
‫ربط مع قواعد البيانات‬
‫(عند تحديث البيانات في قواعد‬
‫البيانات يتم تحديث االخبار)‬
‫الخالصة ‪:‬‬
‫إذا الفرق بين صفحات الويب الثابتة و صفحات الويب المتغيرة (‬
‫الديناميكيه ) هو ‪...........‬‬
‫صفحات الويب الثابتة‬
‫الفرق‬
‫مثال‬
‫صفحات الويب المتغيرة‬
‫( الديناميكيه )‬
‫الثابتة تعرض معلومات المتغيره فتعرض‬
‫صفحات يتم تحديد‬
‫ثابتة ال تتغير لكل‬
‫محتواها تبعا لبيانات‬
‫المتصفحين‬
‫معينه يقوم المستخدم‬
‫بإدخالها‬
‫الصفحات المصممة‬
‫بلغه‪HTML‬‬
‫الصفحات المصممة‬
‫بلغه‪ASP.NET‬‬
‫(تحتوي على رموز‬
‫‪ HTML‬وكود مصدري)‬
‫رابعا ا‪ :‬ادوات اعداد موقع‬
‫ويب ‪Web Site‬‬
‫أدوات اعداد موقع ويب ‪Web Site‬‬
‫•‬
‫•‬
‫•‬
‫•‬
‫استعمال أوامر و عالمات ‪HTML‬‬
‫استعمال برامج حركة مثل ‪Flash‬‬
‫استعمال البرامج المساعدة‪.‬‬
‫تحميل المواقع على االنترنت ‪upload‬‬
‫أدوات اعداد موقع ويب ‪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‬تحميل المواقع على االنترنت ‪upload‬‬
‫بعد اعداد الموقع محليا أي على الجهاز الخاص بك البد من‬
‫تحميله على احد اجهزة الخادم ‪ server‬المتصلة بالشبكة حتى‬
‫يصبح متاح لجميع مستخدمي االنترنت وهذه العملية تسمى‬
‫‪uploading‬‬
‫تابع أدوات اعداد موقع ويب ‪Web Site‬‬
‫وإلجرائها البد من حجز مساحة على احد االجهزة الخادمة ‪servers‬بأحد‬
‫الطريقتين‬
‫• مساحة مدفوعة االجر‬
‫وهذه هي الطريقة التقليدية حيث يتم االتصال بأحد شركات خدمات االنترنت‬
‫)‪ ISP (Internet Service Provider‬واالتفاق على حجز مساحة لتحميل‬
‫الموقع عليها مقابل أجر شهري أو سنوي أو حسب االتفاق‪.‬‬
‫• مساحة مجانية ‪free space‬‬
‫توجد الكثير من الشركات التي توفر استضافة موقعك على الخادم الخاص بها‬
‫وذلك بإعطائك مسحة مجانية لتحميل الموقع علية ولكنها محددة المساحة ومحددة‬
‫االمكانيات ‪.‬‬
‫ولكن على االقل تصلح للمواقع البسيطة وكذللك للتعلم واالختبار‪.‬‬
‫تابع أدوات اعداد موقع ويب ‪Web Site‬‬
‫بعد إعداد الموقع وحجز المساحة ال يتبقى سوى تحميل هذا‬
‫الموقع على المساحة ويتم ذلك بطرق كثيرة منها‪:‬‬
‫• استعمال برامج نقل الملفات ‪FTP‬‬
‫)‪ FTP (file transfer protocol‬برتوكول نقل الملفات‬
‫وهي برامج كثيرة تقوم بنقل ملفات موقعك من جهازك إلى‬
‫جهاز الخادم ( المساحة المحجوزة)‬
‫ومن هذه البرامج ‪WS FTP Pro‬‬
‫إنشاء صفحه ‪Asp.net‬‬
‫تعديل محتويات ‪ HTML‬من خالل نافذة المصمم‬
‫أهداف المحاضرة‬
‫•‬
‫•‬
‫•‬
‫•‬
‫ما هو االنترنت ‪Internet‬؟‬
‫مصطلحات مهمة في عالم االنترنت‬
‫برمجة الويب او االنترنت ً‬
‫ادوات اعداد موقع ويب ‪Web Site‬‬