برمجة

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

قاعدة كتابة (style rule) -الكلمات المفتاحية :وهي قيم تكتب على شكل كلمات واضحة ومفهومه المعني فمثلا اذا اردت تحديد لون معين لاي نص في الموقع فعليك ان تستخدم صفة c olo r وهذه الصفة تقبل  كلمات مفتاحية كان تضع القمية gray او blue اواي قيمة اخري يقبلها المتصفح وهناك كلمات مفتاحية اخري كتيرة مثل solid والتي تستخدم للصفة border وهناك auto للصفة margin علما بان هذه الصفات تقبل ايضا قيما رقمية سنناقشها في ما بعد _مقاييس الطول:وهي تحدد حجم عناصر التصميم في الموقع والمسافات الفاصلة بينها والمسافات الفاصلة بين العنصر ومحتوياته ومنها مقياس px  ومقياس pt وهناك ايضا المقياس المئوي وتستخدم مثلا لتحديد عرض جدول ما : 100% تعني ان الجدول سياخذ كامل العرض الذي توفره الشاشة. -الالوان :يتم تحديد القيمه للون العنصر بثلاث طرق احداها #rrggbb وهذه تعني تحديد اللون ايضا بكلمات مفتاحية كما اسلفنا -اخيرا هناك بعض الصفات تحتاج الى عنوان هذه الصورة لتحديد مكانها فيتعرف عليها المتصفح وتظهر الصورة بالشكل الصحيح وحتى تقوم بذلك يجب ان تستخدم صفة background -image  

 وسوم النماذج (form tags) توفر النماذج مجموعة منالحقول والاختبارات التي يمكن ان نسميها عناصر النموذج ليتمكن المستخدم من تعبئتها وارسالها من خلال الضغط على زر الارسال submit. يبدا النموذج وينتهي بوسم <form> وكغيره من الوسوم فان لهذا الوسم خصائص اهمها:_ اسم النموذج ( name ) اسم البرنامج المسؤل عن ادارة البيانات المرسلة (action ). <form name = form1"action ="program.cgi> "اما بالنسبة للعناصر التي يمكن ان يحويها النموذج فهي :_ <input type ="text"name = "name"size ="20"value==> عنصر زر ارسال (submit) يستخدم لارسال البيانات التي تمت كتابتها في عناصر النموذج ويكتب على النحوالتالي:_ <input type="submit "value="submit "name="submit>.  عنصر زر حذف المعلومات المكتوبة (reset)ويستخدم لحذف البيانات من اجل اعادة ادخال البيانات من جديد ويكتبرعلى النحو التالي:_ <input type ="resetb "value ="reset"name="reset" عنصر ادخال نص غير محدود (textarea )حيث يستخدم كمحرر صغير  <tex

 وسوم الوصلات التشعبية (links) تعد الوصلات التشعبية ( hyperlinks ) من اهمالخصائصالتي تميز لغة ( html ) حيث تسمح  بالتنقل بين الصفحات الموقع نفسه او بين المواقع المختلفة في الشبكة الوب . يستخدمالرمز <a > لانشاء الروابط التشعبية في الصفحة وهو اختصار لكلمة ( anchor )  اي نقطة ارساء والشكل العام للامرهو: <a>.....</a> حيث انوسم النهاية </a>  الزامي يوجد عدة خصائص اهمها :name .href ويجب ان يرافق الوسم <a> احدي الخاصتين name . href لتحديد صفحة الوب التي سيتم  الانتقال اليها عندما ينقر الزائر على النص داخل زوج الوسم :< a>.....</a> شرح خصائص الوسم : الخاصة :href مرجع نص التشعبي : يشتق المصطلح href من العبارة hyper link refference : اي مرجع النص التشعبي ويشير هذا المرجع الي عنوان صفحة وب اخري (url ) وعند الارشارةالى نقطة محددة ضمن نفس صفحة الوب يحتاج الامر <a>الي استخدام الخاصيتن href .nam e معا . عندما ينقر الزائر على العبارة الموجودة داخل الامر يتم الانتقالالي عنوان الموقع ىالمحدد في الخاصية (href0) _الخاصية (name) اسم :تستخدم هذه الخاصية

 :_التباعد بين الصور والنصوص التباعد الافقي ( hspace ) لتحديد  المساقة الافقية الفاصلةبين النص والحافتين العليا والسفلي للصورة . التباعد العمودي( vspace ) لتحديد المسافة العمودية الفاصلة بين النص والحافتين اليمني واليسري للصورة ويقاس كل من التباعد العمودي بالنقاط ( pixele ). يعرض هذا الامر الصورة ( image.gif ) مع التباعد الي يمينها ويسارها ومقداره 30نقطة وتباعد اخر فوقها  وتحتها ومقداره 20 نقطة.  استخدام صور في الخلفية ( background lmage ) يمكن استخدام الخاصية ( back ground) في الامر _body_ لاختيار صور لخلفية الصفحة .  مثال : <body back ground= "image.gif" bgcolor ="green>.

 رسوم ادراج الصور في الوثيقه ان الامر الرئيسي لتعريف صوره داخل الصفحه هو <img> وشكله العام:  <img src = "image_name"/> ان وظيفه الخاصيه (src) تحديد مصدر الصورة , ويتضمن اسم ملف الصوره ونوعه ومكانه. الانواع الرئيسه لملفات الصور:  تتعرف على الصفحات العامه على ملف الصور من نوع jpeg , gif , jpg  اذا كان لدينا صورة لها نوع مختلف ,  فمن الممكن تحويلها الى احد الانواع الثلاثه المشار اليها باستخدام احد برامج معالجه الصور مثل البرنامج paint shop Pro او البرنامج Microsoft image مكان وجود الصور:  تتطلب الخاصيه (src) تحديد مكان الصورة التي نريد ادراجها في الصفحه . مثلا ,نضع الصورة في المجلد الحالي current folder وهو المجلد الذي يتضمن مستند html او الصورة موجودة في مجلد اخر من مجلدات القرص الصلب (c).   <image src ="car.gif">  يدرج هذا الامر صوره سيارة في الصفحه هي موجوده في المجلد الذي تضمن المستند html   الذي يعمل عليه.  يتم عرض الصور تلقائيا بحجمها الطبيعي ولكن يمكن التحكم بعرض الصورة وارتفاعها باستخدام الخاصتين بين العرض ( width ) والارتفاع (height) ويك

 اجراء عده تنسيقات على النص في ان واحد  يمكن استخدام عده اوامر تنسيقات معا في نفس الوقت ولنفس المقطع من النص مثلا , نريد ان يكون احدى العبارات غامقة او مائلة في نفس الوقت او مسطره وغامقة  مثال: لعرض كلمة الأقصى غامقة ومسطرة مائلا معا نكتب  الاوامر التاليه :  <b><u><i> الأقصى  </i></u></b> .يجب الانتباه بدقة الى طريقه كتابه هذه الاوامر , فالأمر الذي يبدأ أولا ينتهي أخيرا الا بعض الامر قد تلغي تاثيرات اوامر أخرى نوع الخط (face) تدعم اللغه html طريقتان لاختيار خطوط الصفحه هما:  تحديد خط يستخدم في الصفحه بكاملها , ويتم ذلك من خلال الامر . تحديد خط يستخدم في احد نصوص الصفحهوبتم تعريفه بواسطه الامر.  يملك كل من الامرين السابقين خاصه face  التي تقوم باختيار نوع اواسم خط النص . يلجا الكثير من مصممي من صفحه الويب الى تعريف خطوط للصفحه تكون الاكثر انتشارا على معظم الحواسيب هذه الخطوط هي الخط ( Roman times new ) الخط (Arial) والخط (Courier) وبالنسبة للصفحة باللغة العربية , فالخطوط الاكثر استخداما هي الخط ( traditional Arabic ) الخط ( transparent Arabic )

 خصائص وسم الفقرة (<p>); خاصة "محاذاة" في الوسم <p> وتستخدم  لمحاذاة الفقرات بأساليب مختلفه وفقا  للخيارات التاليه : يسار ( left ) وسط ( center ) يمين ( right  ) ضبط ( justify ) الوسم <pre> : يعرض هذا الوسم النص مكتوب مع الاحتفاظ بالفراغات والفقرات ونهايات  الاسطر بنفس الطريقه التي تمت كتابته داخل الوسم ويوضح الشكل ذلك  <pre> this                 is                                                    preformatted                                                                                                  text </pre> الوسوم الخاصه برموز المحارف:  هناك العديد من الرموز مثل اشارتي اكبر من (>) واصغر من (<) واشاره الاقتباس("") والمحجوزة اصلا من ضمن مفردات لغة ( html ) ومن الخطا استخدامها بصورتها الصحيحه لكي لا يؤدي ذلك الى حدوث تناقض في  طريقه عرض الصفحه. كذلك هناك رموز غير موجودة اساسا في لوحه المفاتيح كرمز حقوق الطبع  ©الوسم المكافئ لها &copy;  و رمز العلامة المسجله  ®  ا لوسم المكافئ لها  &reg;     العلامة التجارية ™ 

توفر لغه (html) مجموعه من الوسوم من اجل التحكم بالنص المعروض في المتصفح.  فيما يلي سأقوم بتعريفك عزيزي على أهم هذه الوسوم:  (<br/>) التعرف على نهايات الاسطر:  يستخدم الامر <br/>   يبدأ سطر جديد في النص. <br/>. ..  كل ما يليه ( سواء كان نصا أو صوره ) ويضعه في بدايه سطر جديد. الفقرة  (<p>) : عند ادخال نص الى مستند html ، تستطيع اللغه التعرف على ضغط مفتاح الادخال أدخل في نهايه الفقره لانشاء فقرة جديده.  ولحل هذا الاشكال تدعم اللغه الامر <p> ووظيفته الفصل بين الفقرات.  والشكل العام للوسم <p> .. </p> يعد الخيار <p> اختياريا ، نحتاج في بعض الاحيان ووجود محتوى للوسم <p> .امثله  <p> هذه هي الفقرة الأولى <p> <p> هذه هي الفقرة الثانية <p> <p> ان جميع الرسوم اعلاه صحيحه باستثناء الامر الثالث حيث لا يعد هناك فقرة للوسم <p> و . دون محتوى.

 الهيكل العام للوثيقه html هو:                    <html> <head><title>العنوان</title></head> <body>المحتوى</body> </html>  تتالف الوثيقه من جزئين رئيسيين هما : الرأس head , ويتضمن الامر < title > وأوامر  اخرى مثل الأمر <meta>  الذي يسجل فيه معلومات عامه عن الصفحه كاسم المصمم وعنوانه .وموضوع الصفحه والكلمات الاساسيه فيها . وتستخدم هذه المعلومات من قبل محركات البحث . المتن Body , ويتضمن أوامر لكتابة محتوى الصفحة وتشمل اوامر كل من النصوص , الجداول , القوائم , الرسوم , والصور والروابط الشعبيه وغيرها. ويقوم المتصفح بتنفيذ هذه الاوامر وعرض محتوى الصفحه في نافذته. هذا ويحاط المستند بزوج من الاوامر هي : <html> و<html/> يدل الاول على بداية المستند ويشير الاخير الى نهايته.  يستخدم الامر <title> لاظهار ع نوان الصفحه في شريط عنوان نافذه المتصفح (Title Bar ). ويشترط كتابة هذا الامر داخل زوج الاوامر <head> </head>

 خصائص الوسوم الصيغه العامه لكتابتها (Attribute of Tags)  لكل وسم مجموعه من الخصائص الافتراضية , ويمكن تعديلها بناء على رغبة المبرمج ويتم ذلك من خلال الامر البدايه , حيث تعمل على تعديل وظيفة ف بعض الاوامر الاساسيه.  الصيغه العامه لكتابة الخصائص هي : <tag_name attribute 1="value1" attribute 2="value2" attribute n="valuen">

تعريف عناصر XHTML والصيغة العامة لكتابتها   تصنف وسوم اللغه الى فئتين  : رسوم بشكل ازواج ووسوم منفرده والصيغه العامةلكلتا الفئتين على النحو التالي:

   لغه النص المترابط الممتده XHTML (Extensible Hypertext Markup Language) تتكون مفردات لغه (XHTML) من مجموعه بسيطه من الاوامر يطلق عليها اسم وسوم (tags) يؤدي كل امر منها وظيفه محدده مثل الامر  <title> وظيفته  كتابه عنوان للصفحه في شريط عنوان نافذه المتصفح والامر <p>  وظيفته تعريف فقره. لانشاء صفحه ويب بلغه (XHTML) يمكن استخدام احد برامج تحرير النصوص مثل برنامج (Notepad, wordpad) ضمن مجموعه الملحقات في نظام ويندوز ثم كتابه اوامر ووسوم (HTML) وحفظها في ملف بامتداد (htm) او بالامتداد (HTML) بعد ذلك يمكنك استعراض ما تم كتابته من خلال متصفح الانترنت انترنت اكسبلورر.

 لغه النص المترابط الممتده XHTML (Extensible Hypertext Markup Language) تعد لغه  (XHTML) الاصدار المعدل للغه (HTML) الاساسيه. تهدف هذه اللغه الى تصميم صفحات الويب بطريقه معياريه تضمن قراءه الصفحات في جميع متصفحات الويب الحديثة سواء كانت في حواسيب كبيره او صغيره او حتى حواسيب الجيب او الاجهزه الخلويه ولتحقيق ذلك لابد من استخدام لغه وتحديد تعريف نوع المستند (DTD) (Document Type Definition) لفرض قيودا على صيغ بناءات التوسيم والالتزام بنمطيه محدده. تختلف لغه  (XHTML)  عن لغه  (HTML)   بما يلي :  يجب تنسيق التداخل بين الوسوم (Nested).  يجب كتابه الاسم بخط صغير.  يجب اغلاق جميع الرسوم حتى لو كانت فريده الوسم. مثال  (<br></br>)  او  (<br/>).  يجب تحديد الخصائص بطريقة تامة. مثال  (<"input disabled="disabled>)    وهذا ويجب ضمان ذلك من خلال ربط المستند ب ( DTD) من نوع (strict).

 لغه XML   ( Extensible Markup language)  لغه XML :هي لغه توسيم تستخدم وسوم (TAGS) معرفه (Defined ) او ممتده ( Extensible ) بهدف تمثيل المعلومات البنيويه ( structural ) للملفات النصيه بسهوله والتي يستطيع متصفح الويب وانظمه قواعد البيانات وغيرها من التطبيقات قراءه تلك المعلومات ومعالجتها اليا. ومن اهم تطبيقات لغه ( XML ) الاعمال الالكترونيه من نوع شركه_ الى_ شركه ( Business to Business ) فمثلا , عند وصف اسم طالب في صفحه الويب يتعين عليها حصره بين وسوم تدل على ان المحتوى هو اسم الطالب على النحو الاتي:_ <Student_Name>Ali</Student_Name> يمكن ارسال فواتير كشف حسابات العملاء او معلومات عن زبائن شركه معينه باستخدام هذه اللغه , حيث يتم تخزين هذه البيانات والمعلومات في مشغل الويب و يتم تبادلها بين موظفي الشركه تختلف ايضا هذه اللغه فانها تستخدم وسوم ( TAGS) معرفه من قبل المستخدم وليس معرفه سابقا كما هو الحال في لغه HTML.

 لغة النص المترابط (HTML) ( Hypertext   Markup language ) هي لغه التوسيم تستخدم مجموعه من الوسوم (tags) تساعد في تمثيل المعلومات التقديميه  (presentational)  للملفات النصيه بسهوله والتي يستطيع متصفح الويب قراءتها وعرضها على شكل صفحه ويب وتستعمل في هذه اللغه ادوات لتصميم هيكل ونموذج الصفحه مثل العناوين والجداول والصور . وتحاول العديد من شركات المتصفحات مثل (Netscape) و (Microsoft internet Explorer) اضافه مميزات وخصائص جديده الى هذه اللغه لتسهيل عمليه تصميم صفحات الويب واخراج تصاميم اجل اجمل وعرضها المستخدم بشكل مريح وسهل. ولكن يجب الاخذ في الحسبان هنا ان اي تعديل على النص يمكن عرضه من معظم المتصفحات ولكتابة تصميم صفحه ويب باستخدام هذه اللغه يمكنك استخدام اي محرر (Editor) مثل برنامج (word pad) او ( Notepad ) او (Microsoft Word). (تخزين صفحه الورد صفحه ويب)  ويمكن استخدام البرامج الجاهزة لتحرير صفحه الويب مثل  (front page Dream weaver page mill)  وسوف تتعلم تصميم صفحات الويب باستخدام لغة (HTML) وبرنامج ( Front page )

 لغه  التوسيم المعمم القياسيه (sgml) (stndard Generalized Markup language) اعتمدت هذه اللغه في سنه 1986 من قبل شركات الكبرى بهدف تصنيف وترتيب الوثائق وتعد نظاما تعريف لغه التوسيم ( Markap language ) حيث يقوم المؤلفون بوسم مستنداتهم بتمثيل المعلومات البنيوية ( Structural ) التقديميه (presentational ) والدلائلية (Semantic) ومن حسنات هذه اللغه قدرتها على العمل مع كافه البرامج ولكن صعوبه تعلمها وتعقيدها جعل من الصعب استخدامها بكثره مما ادى الى عدم انتشارها لذا تم تصميم لغات فرعيه تحقق واحده من الغايات المذكوره أعلاء فمثلا لغه ( html) في تمثيل المعلومات التقديميه (presentational) وتهتم لغه (xml) في تمثيل المعلومات  البنيوية ( Structural ) وهكذا .

 لغات التوسيم (markup languages) تستخدم لغات التوسيم لتركيب البيانات بطريقة معينة تمكن الحواسيب من فهم المعلومات المخزنة في الملفات وذلك ان اجزاء من محتويات الملف تفسر على انها وسوم وليس مجرد نص .تنفذ هذه الوسوم على شكل اوامر في الحاسوب .. امثلة ذلك لغة (html0) ولغة (sgml) ولغة (xml) .

 عناصر موقع الوب (web site) يتكون موقع الوب من مجموعة من الصفحات المترابطة مع بعضها البعض والتي تبدا عادة من الصفحة الرئسية مثل ( index htm) يعد موقع الوب الواجهة الاساسية  للمنظمة حيث يقدم عددا من الخدمات والاستفسارات الهامة بالنسبة للزبون ،حيث تتكون من الترويسة ( header) والتذييل (footer) وصفحة الخيارات ( menu ) والصفحة الابتدائية (main) يمكن ان يحتوي كل صفحة على ما يلي :_ نصوص  صور ثابتة  صور ورسوم متحركة  ملفات صوتية  اصوات فيديو وصلات تشعبية الى صفحات الاخري جداول نماذج.

 موقع الوب web site موقع الوب : هو مجموعة من الصفحات الالكترونية التى تضم معلومات وصورا ، اصواتا ، وفيديو عن شركة او شخص معين . وبعض الشركات لها صفحة واحدة فقط والبعض لديها الالاف من الصفحات التي تعرض  من خلالها منتجاتها وتستقبل طلبات الزبائن من خلالها . وكما نعلمت فان هذه الصفحات   تكون مخزنة في خادم الوب ومكتوبة بلغة html والتي تقنية النص المترابط ( hyperlink) والتي تسمح للمستخدم بالانتقال من الصفحة لاخري .

 متصفح الوب web browser متصفح الوب : هو برنامج يستخدم لعرض صفحات الوب مثل : (netscape , navigator) (internet explorer) بالاضافة الى المستكشفات السابقة ظهر العديد من المستكشفات نذكر منها موزاييك (mosaic ) ومتصفح اوبيرا (opera) الذي يتميز بسرعته العاليه وصغر حجمه ويستطيع تذكر  الصفحة الاخيرة التي قمت بزيارتها وبالتالي يمكنك العودة اليها عندما تعود الى جهازك . ظهر متصفح اخر اسمه (neoplanet) الذي يحتوي على العديد من العديد من الخصائص والتصاميم الرائعة حيث يستطيع المستخدم تصميم المتصفح الذي يناسبه وان يظهر بالشكل الذي يريده وليس كما هو الحال في المتصفات الاخرى .

 خصائص وسم الفقرة (<p>):_ _خاصة "محاذاة ":_( aling ) في الوسم , <p> وتستخدم لمحاذاة الفقرات باساليب مختلفة وفقا للخيارات التالية :_ (left اليسار) (وسط center ) (يمينright ) (ضبطjustify ) _الوسم , <pre> :- يعرض هذا النص المكتوب مع الاحتفاظ بالفراغات (spaces) والفقرات ونهايات الاسطر بنفس الطريقة التى تمت كتابتها داخل الوسم . الوسوم الخاصة برموز المحارف :_ هناك العديد من الرموز مثل اشارتي اكبر من ( > )والاصغرمن ( < ) واشارة الاقتباس ( " )والمحجوزة اصلا ضمن مفردات لغة (html) ومن الخطا استخدامها بصورتها الصريحة لكي لا يؤدي ذلك الى حدوث تناقض في الطريقة عرض الصفحة كذلك هناك رموز غير موجودة اساس في لوحة المفاتيح كرمز حقوق الطبع  ورمز العلامة المسجلة  لذا نحتاج الى بعض الوسوم للتعبير عنها   _الوسم (&nbsp:) عند اضافة فراغات الى الفقرة في المستند ( html) سوف يستبدل المتصفح جميع الفراغات الموجودة بين كلمات النص بفراغ واحد فقط وللتعرف على الفراغات بين الكلمات في الصفحة يجب كتابة رمز الفراغ في المستند وهو:_ (&nbsp:) .

 وسوم الصياغة العامة للنصوص (text formatting tags) توفر لغة (html ) مجموعة من الوسوم من اجل التحكم بالنص المعروض في المتصفح فيما يلي ساقوم بتعريفك على اهم هذه الوسوم:_ الوسم( </br>) :_ يستخدم الامر </br> لبدء سطر جديد في النص. ياخدذ هذا الامر اي محتوي يليه (يليه كان نصا او صورة ) ويضعه في البداية سطر جديد. وسم الفقرة ( <p>) :_عند ادخال نص الى مستند (html) لا تستطيع اللغة التعرف على الضغط مفتاح الادخال( enter) في نهاية الفقرة لانشاء فقرة جديدة ولحل هذا الاشكال تدعم اللغة الامر <p> ووظيفته الفصل بين الفقرات. والشكل العام للوسم <p>....,</p> يعد الامر </p>اختياريا نحتاج اليه في بعض الاحيان ويجب وجود محتوي للوسم <br> امثلة :- <p>this is the first paragarph</p> <p>this is the second paragarph</p> ان جميع الوسوم اعلاه صحيحة باستثناء الامر الثالث حيث لا يعد هناك فقرة جديدة في حال تعريف <p> دون محتوي.

 الهيكل العام لوثيقة (html) والهيكل العام للوثيقة html هو :_ <html> <head><title> العنوان </titile></head> <body > المحتوي </body> </html> تتالف الوثيقة من جزاين رئيسين هما:_ _الراس head :ويتضمن الامر . <title> واوامر اخري مثل الامر <meta> الذي يسجل فيه معلومات عامة عن الصفحة كاسم المصمم وعنوانه .وموضوع الصفحة والكلمات. الاساسية فيها .وتستخدم هذه المعلومات من قبل محركات البحث. _المتن  body :_ويتضمن اوامر لكتابة محتوي الصفحة وتشمل اوامر كل من النصوص الجداول القوائم الرسوم والصور والروابط التشعبية وغيرها. ويقوم المتصفح بتنفيذ هذه الاوامر وعرض محتوي في نافذته وهذا ويحاط المستند بزوج من الاوامر هيك:_ <html/>و<html>  يدل الاول على بداية المستند ويشير الاخير الى نهايته.  يستخدم لامر <title> لاظهار عنوان الصفحة في الشريط عنوان نافذة المتصفح (t itle bar ) ويشترط كتابة هذا الامر داخل زوج الاوامر </html><head> .

 خصائص الوسوم والصيغة العامة لكتابتها (attribute of tags) . لكل وسم مجموعة من الخصائص الافتراضية ويمكن تعديلها بناء على رغبة المبرمج ويتم ذلك من خلال امر البداية حيث تعمل على تعديل وظيفة بعض الاوامر الاساسية . والصيغة العامة لكتابة الخصائص هي :_ <tag _name attribute 1="value1"> attribute2 ="value2" attribute n ="value n">

 تعريف عناصر xhtml والصيغة العامة لكتابتها.  تصنف وسوم اللغة الى فئتين : وسوم بشكل ازواج ووسوم منفردة والصيغة العامة لكلتا الفئتين على النحو التالى:_ <tag _name > المحتوي. </tag _name> الوسوم الافرادية :_ هي وسوم خالية empty tags من المحتويات .لا ترسل اية معلومات الى صفحة الوب بل تشير الى الاماكن التي ستظهر فيها تاثيرات وتنسيقات رمعينة وبناء على المعايير الجديدة يجب ان تكون  مغلقة بالرمز (</) .

 لغة النص المترابط الممتدة  ( extensible hyper text markup language _xhtml) تتكون مفردات لغة ( xhtml ) من المجموعة بسيطة من الاوامر يطلق عليها اسم وسوم tags. يؤدي كل امر منها وظيفة محددة .مثلا الامر <title> وظيفته تعريف فقره . لانشاء صفحة وب بلغه ( xhtml) يمكن استخدام احد برامج تحرير النصوص(مثل برنامج notepad wordpad ضمن مجموعة الملحقات accessories في نظام windows) ثم كتابة اوامر ووسوم ( html ) وحفظها في ملف بالامتداد htm او بالامتداد html بعد ذلك يمكنك استعراض ما تم كتابته من خلال متصفح الانترنت (internet explorer) .

 لغة النص المترابط الممتدة ( XHTML ) (extensible hypertext markup language) تعد لغة ( xhtml) الاصدار المعدل للغة ( Html) الاساسية :_تهدف هذه اللغة الي تصميم صفحات الوب بطريقة معيارية تضمن قراءة الصفحات في جميع مصفحات الوب الحديثة سواء كانت في حواسيب كبيرة او صغيرة او حتى حواسيب الجيب والاجهزة الخلوية ولتحيق ذلك لا بد من استخدام لغةة (xm;0 وتحديد تعريف نوع المستند ( DTD) (Doocument type definion) لفرض قيودا على صيغ بناءات التوسيم والالتزام بنمطية محددة تختلف لغة (xhtml) عن لغة( html ) بما يلي :_ يجب تنسيق التداخل بين الوسوم (nested) يجب كتابة الوسوم بخط صغير.  يجب اغلاف جميع الوسوم حتى لو كانت فريدة (<input disabled = "disabled>) هذا ويجب ضمان ذلك من خلال ربط المستند ب( dtd) من نوع (stric t) على النحو التالي :- !doctype html public "-//w3c//dtd html4.01//en"  http ;/www.w3.org/tr/html4/stict.dtd"> تشرح الفصول القادمة اوامر وعناصر لغة ( xhtml) التي تعتمد المعايير المذكورة اعلاه.

 لغة (xml) (extensible markup language) لغة ( xml ):_ هي لغة توسيم   تستخدم وسوم ( tage ) معرفة (defined) او ممتدة ( extensible ) بهدف تمثيل المعلومات البنيوية ( structural ) للملفات النصية بسهولة والتي يستطيع متصفح الوب  وانظمة قواعد البيانات وغيرها من التطبيقات قراءة تلك المعلومات ومعالجتها اليا. ومن اهم تطبيقات لغة ( xml) الاعمال الالكترونية من نوع شركة _الى_ شركة (business to business) فمثلا عند وصف اسم طالب في الصفحة الوب يتعين عليك حصره بين وسوم تدل على ان المحتوي هو اسم طالب على النحو التالي : _ <student _name > ali </student _name> . يمكن ارسال فواتير كشف حسابات العملاء او معلومات عن زبائن شركة معينة باستخدام هذه اللغة حيث يتم تخزين هذه البيانات والمعلومات في المشغل الوب . ويتم تبادلها بين موظفي الشركة تختلف ايضا هذه اللغة بانها تستخدم وسوم ( tage ) معرفة من قبل المستخدم وليست معرفة سابقا كما هو الحال في لغة ( html) ..

 لغة النص المترابط (html) (hypertext markup language) لغة html هي لغة توسيم تستخدم مجموعة من الوسزم (tags) تساعد في تمثيل المعلومات التقديمية (presentationl) للملفات النصية بسهولة والتي يستطيع متصفح الويب قراءتها وعرضها على شكل صفحة وب وتستعمل في هذه اللغة ادوات لتصميم هيكل ونموذج الصفحة مثل العناوين والجداول والصور. ونحاول العديد من شركات المتصفحات مثل ( netscape ): (microsoft internet explorer ) اضافة مميزات وخصائص جديدة الى هذه اللغة رلتسهيل عملية تصميم صفحات الويب واخراج تصاميم اجمل وعرضها للمستخدم بشكل مريح وسهل . ولكن يجب الاخذ في الحسبان هنا ان اي تعديل على النص يمكن عرضه من معظم المتصفحات ولكتابة وتصميم صفة وب باستخدام هذه اللغة يمكنك استخدام اي محرر (fditor) مثل برنامج (word pad) او (notepad) او(microsoft word) . (تخزين صفحة الورد كصفحة وب) ويمكن استخدام البرامج الجاهزة لتحرير صفحات الوب مثل :_( front page: dream weaver: page mill) وسوف تتعلم في هذه في الوحدة تصميم صفحات الوب باستخدام ( html) وبرنامج ( front page ).

 لغة التوسيم المعمم القياسية (sgml) (standard generalized markup language) اعتمدت هذه اللغه في السنة 1986 من قبل شركات كبري بهدف تصنيف وترتيب الوثائق وتعد نظاما لتعريف لغات التوسيم (markup langes )  حيث يقوم المؤلفون بوسم مستنداتهم بتمثيل المعلومات البنيوية  (structural) التقديمية (presentational) والدلائلية (semantic) ومن حسنات هذه اللغة قدرتها على العمل مع كافة البرامج ولكن صعوبة تعلمها وتعقيدها جعل من الصعب استخدامها بكثرة مما ادي الى عدم انتشارها لذا تم تصميم لغات فرعية تحقق واحدة من الغايات المذكورة اعلاه فمثلا تهتم لغة (html) في تمثيل المعلومات التقديمية (presentational) وتهتم لغة (xml) في التمثيل المعلومات البنيوية ( structural) وهكذا.

 خادم شبكة الوب wed server تستند تطبيقات الانترنت في مجملها علي تقنية حاسوب الخادم وحاسب الزبون (client /serve ) على النحو التالي :_ الخادم (server) وهو جهاز حاسوب يخزن فيه الملفات والبرامج وصفحات الوب وغيرها من الموارد التي يقدمها الر الاجهزة الاخري (clients). الزبون (client) وهو جهاز حاسوب يطلب خدمات من جهاز الخادم اي قادر على اصدار طلب من نوع http وعرض صفحات مكتوبة بلغة html. بالتالي فان نموذج الخادم /الزبون عبارة عن شبكة من الحواسيب متصلة مع بعضها البعض بحيث يخزن حاسوب الخادم ( servers)  الملفات والبرامج وصفحات الوب وغيرها من الخدمات التي يحتاجها . ويطلبها حاسوب الزبون (clients) وتستند الانترنت الي استخدام البنية التصميمية الخادم /الزبون حيث يمكن النظر الى الانترنت الي استخدام البنية التصميمية الخادم /الزبون . حيث يمكن النظر الى الانترنت على انها شبكة كبيرة عالمية مكونة من الالاف من الخدم والتي يتم الوصول اليها من قبل الملايين من الزبائن .

 بروتوكول (http) برتوكول http هو بروتوكول نقل النصوص المتشعبة (transfer protocol hyper text) . وهو البروتوكول المعتمد في الشبكة المعلومات العالمية (world wide wed   ) يتصف بروتوكول (http ) بانه غير دائم الاتصال لذا يمكنه القيام بالعديد من الاتصالات السريعة  دون ايقاء بوابة الاتصال مفتوحة بما ان حركة النقل في الشبكة الوب لا تتطلب الحجم الكبير لكل صفحة (من ثم يجري الانتقال الي مشغل اخر)فان صفة الاتصالية في هذا البروتوكول تكاد تكون مثالية لهذه الحالة لكن تكمن السيئة الوحيدة في التطبيقات  التجارية حيث لا يتم حفظ حالة العمليات اثناء الحركات ( stateless) وهذا يعني تعذر تتبع المستخدمين من خلال موقع الوب ويعود سبب ذلك الي فتح وصلات جديدة في كل طلب حيث يلزم العملية فتح وصلة ( tcp ) واغلاقها من اجل كل طلب مما قد يسببب الكثير من الضغط على الموقع في حالة الطلب الشديد. .

 عناصر ومكونات الشبكة النسيجية العالمية  تتكون الشبكة النسيجية العالمية الويب من خمسة مكونات رئيسة وهي :- بروتوكول (hyper text transfer protocol -http) لغات تصميم صفحات الويب . مشغل الويب wed server  . المتصفح browser. موقع الويب.

 الشبكة النسيجية العالمية (worhd wide web -www) الشبكة النسيجية العالمية (world wide wed) هي نظام ذو معايير مقبولة عالميا تستخدم لتخزين وتشكيل وعرض المعلومات وتعمل في البيئة شبكات الحاسوب . وتعد من احدث خدمات الانترنت وهي عبارة عن مجموعة ضخمة من مستندات مترابطة عبر نصوص متشعبة (hypertexts) وقد تحتوي تلك المستندات على وصلات تشعبية الى مستندات او انواع اخري من الملفات او انواع اخري من الملفات او مواقع اخري في الانترنت حيث يمكنك التنقل من وصلة الى اخري من خلال برامح تصفح الوب (المتصفحات ) متتبعا اثر المواصلات في اي اتجاه تريد . في العام 1980 تم تطوير وسائل ربط الحواسيب التى توفر منافذ للمعلومات والملفات لعلماء الفيزياء وذلك في مختبر الفيزياء الذرية الاوروبي حيث يعمل (تيم برنرزلي ) وفي العام 1989  وبعد سنتين  من التامل لرؤية عالم اكتر تفاعلا قدم (لي) اقتراحا كان مثابة بداية للشبكة النسيجية العالمية . وسرعان ما ادرك البعض ان هذا التطبيق يتعدي المهتمين بالفيزياء وبعد ولادة عبارة الشبكة العالمية بدات منظمات وبحماسة بجمع الاجهزة وبتطوير هذه الشبكه . لم تحتوي الشبكة النسيجية العالمية في بد

  بروتوكول الوصول عن بعد (telnet) تسنخدم خدمة ( telnet) للاتصال بحاسوب اخر والتعامل معه بشكل مباشر فمن خلال هذه الخدمه يمكنك استكشاف عناوين اجهزه الحاسوب المتاحه للعامة والتي يمكن التعامل مع قاعدة البيانات الموجودة  بها كما تعتبر خدمخ ( telnet )احد الاساليب الشائعة لربط المستخدمين مع نظم الحاسوب المخول لهم بالوصول اليها من خلال شبكة انترنت . عندما تتم عملية الاتصال بنجاح يصبح هذا البرنامج وسيطا بين الحاسوبين بحيث يتم ارسال العمليات بواسطة لوحة المفاتيح اليه ويتم عرض كل ما يرسله الحاسوب الاخر على شاشتك اي ان الوضع اشبه بان  لوحة المفاتيح والشاشة الخاصة بك متصلتان بالحاسوب البعيد . في الواقع ان معظم خدمات الانترنت الاخري تستفيد من هذه الخدمه فعلي سبيل المثال عند تحميل صفحة جديدة من صفحات الوب الى المتصفح  ( مثل netscape navigator or internrt explorer microsoft ) فهي تسنخدم تلنت للوصول الى هذه الصفحة . من ناحية اخري تعد خدمة تلنت الوسيلة الاساسية للاتصال عن بعد بالحواسيب الخادمه (servers ) المتصلة بشبكة الانترنت غاذا كنت الشخص المسؤول عن ادارة الخادم وكنت في رحلة فانه يمكنك الوصول الى الم

 برتوكول تبادل الملفات (file transfer protocol _ftp) تستخدم خدمة تبادل الملفات لنقل الملفات من الحاسوب الى اخر وذلك من خلال احد بروتوكولات عائلة (tcp_ip) وهو برتوكول ( file transfer protocol_ftp ) يعمل بروتوكول (ftp )على مبدا الحاسب الزبون والحاسب الخادم (client-server) مثله في ذلك مثل بقيه خدمات الانترنت لذا لا بد من توفر برنامج عميل ( ftp client) على حاسوب الزبون ووجود برنامج مشغل  (ftp server) على حاسوب الخادم . عند اجراء اتصال بين حاسوبين _اي ان احدهما يرسل ملفا الى الاخر _يقوم بروتوكول نقل الملفات ( ftp) بتبليغ كل حاسوب بعض المعلومات عن الملفات المنقولة مثل حجم الملف ومحتويات الملف ...الخ  وايضا تبليغ كل حاسوب ببداية الارسال او التوقف اللحظي اثناء الارسال او اعادة جزء من الملف مرة اخري او اتمام عملية الاستلام عند الطرف الاخر.

  ( Electronic Mail - E-mail) البريد الألكتروني  البريد الالكتروني هو الخدمة والاكثر استعمالا من بين جميع خدمات الانترنت بل قد يكون الخدمة الوحيدة المستعملة بالنسبة لبعض مستخدمي شبكة الانترنت . تعتمد خدمة البريد الألكتروني على بروتوكول نقل البريد البسيط الذي لديه القدرة على نقل البريد عبر خليط غير متجانس من الشبكات والحواسيب وانظمة التشغيل , وهو احد بروتوكولات (TCP/IP) . يصف هذا البروتوكول طريقة نقل البريد من جهاز مضيف الى جهاز مضيف اخر (server _to_server) لذا لابد من ديمومة عمل جهاز المضيف لكي يستقبل رسائل جديدة طوال الاربع والعشرين ساعة . يتم حفظ الرسائل داخل ملف خاص لكل مستخدم يسمى صندوق البريد (Mail Box) حيث تحفظ به رسائله ويمنع الاخرون من الاطلاع عليها . في الحالة الاعتيادية , يجب على المستخدم الوصول الى جهاز المضيف لكي يقرأ رسالته . على اي حال , تم تطوير بروتوكول اخر اسمه بهدف نقل الرسائل من جهاز المضيف الى جهاز الحاسوب الشخصي وبالعكس . وبذلك يمكن للمستخدم ارسال واستقبال الرسائل من خلال جهازه الشخصي ولفترة اتصال محدودة لا تتعدى دقائق . وتحتوي ايضا رسائل البريد الالكتروني على عد

 خدمات الانترنت  توفر خدمة عديدة من خدمات عديدة نذكر منها ما يلي:  خدمة البريد الالكتروني (البريد الإلكتروني) لارسال وأستقبال الرسائل الالكترونية عبر شبكة الانترنت. خدمة نقل الملفات من جهاز الى اخر (بروتوكول نقل الملفات - FTP) .  خدمة التنفيذ عن بعد (telner) تستخدم في تنفيذ البرامج الموجودة في اجهزة بعيدة. خدمة شبكة المعلومات العالمية ( شبكة الإنترنت العالمية -www) المحادثة (المحادثة)   من خلال احد برامج المحادثة المفتوحة في شبكة الانترنت وتسمى (Internet relay chat _ IRC).

 نظام العنونة واسماء المجالات   ( IP Addressing and Domain Names ) يشترط في كل حاسوب متصل بشبكة الانترنت ان يكون معرفا من خلال عنوان فريد بحيث يمكن ان يصل اليه اي جهاز اخر ,  لذا لابد من وجود هيئة مركزية لادارة وتعيين تلك العناوين الفريدة . يلعب مركز معلومات الانترنت هذا الدور . يتكون عنوان الانترنت (IP Address) من 32 خانة (بتا) مقسمة الى اربع ثمانيات يفصل بينها بنقطة . يتم تمثيل العنوان بالنظام الثنائي (0,1) ويعبر عنه بواسطة النظام العشري لتسهيل قراءته . يمكن لكل ثمانية ان تحمل رقما عشريا من 0 الى 255. تستخدم عناوين الانترنت لتحديد مصادر خدمات المتسخدمين مثل خدمة البريد الالكتروني والمواقع الالكترونية الا ان هذه العناوين والممثلة بالارقام قد يصعب على الانسان حفظها  او تذكرها . لذا تم الاتفاق على تعويض تلك الارقام بدلالة رموز حرفية والعروفة بنظام اسم المجال  يقوم نظام اسم المجال بتنظيم شبكة الانترنت وتشكيلها على شكل مستويات متباينة للعنونة تبدأ من الجذر (Root) الى المستوى العلوي .ثم المستوى الثاني وهكذا . يضم المستوى العلوي تصنيفات تجارية  (com ) اكاديمية (edu) وتنظيمية ( org ) وعسك

 ميزات بروتوكول (TCP)  1 / بروتوكول (TCP) قابل للتوجيه (Routable) ، حيث إيصال حزم البريد ممرات ، مما يؤدي إلى حركة المرور في الشبكة. 2 / يمكن بيع ببروتوكول الإنترنت (TCP / IP) من خلال اليات تنزيل البيانات. 3 / لم يعد ( TCP / IP ). تكنولوجيا المعلومات والاتصال ، مصدر واسع النطاق واسع النطاق ومستقل كليا من شركات تصنيع الاجهزة وتجهيز المعدات. 4 / يستطيع بروتوكول (TCP / IP) ربط حواسيب متباينة في نظم التشغيل والشبكات مثل الانترنت (******)  اسلوب عنونة شائع يمكن لاي نظام الاتصال بأي نظام اخر. تم تنظيم مرجعية (TCP / IP) منطقيا الى اربع طبقات كما الاتي: / * طبقة التطبيقات. * طبقة نقل البيانات. * طبقة الشبكة. * طبقة رقيقة من القماش .  

 الية عمل بروتوكول (TCP)  يقوم باستلام مجموعة البيانات من برنامج معين ومن ثم تجزئتها إلى حزم صغيرة (TCP / IP).   حيث يتم ترقيتهم هذه الحزم من اجلها. عند ارسال هذه الحزم المرقمة ، بروتوكول (TCP) في الجهاز المرسل رسالة من بروتوكول (TCP)  حالة وصول رسالة التاكيد (Acknowledgement Messge)   يقوم باعادة ارسال الحزم التي لم تصل رسالة تأكيد وصولها. قبل بدء مرحلة الارسال، يقوم بروتوكول ( TCP ) التابع للجهاز المرسل إرسال رسالة إلى بروتوكول (TCP)  إرسال البيانات في الوقت الحالي ، فاذا كان الرد بالاعتماد على بروتوكول (TCP) إرسال رسالة استفسار أخرى. واذا لم يتم استقبال رد على رسالة الاستفسار المرسلة ، يقوم بروتوكول (TCP)   التابع للجهاز المرسل. أما في حالة الحصول على رد ايجابي ، في بروتوكول (TCP) التابع للجهاز المرسل مع بروتوكول (TCP)   التابع للجهاز المستقبل من الجهاز المستقبل. وبعد فترة طويلة من الانتظار ، وأنت بروتوكول ( TCP ) التابع للجهاز المرسله في جولة واحدة مع بروتوكول (TCP)   التابع للجهاز المستقبل مكون معا دائرة افتراضية ( Virtual Circuit ). تستخدم حالة تبديل دارات (تبديل دارة) في شبكات

 بعض لغات البرمجة المرئية  يمكن تصنيف لغات عدة أصناف. (أ) اللغات المستندة إلى النموذج: علامة هذا النوع في المعاملات المستخدمة. (ب) اللغات والخليطة (Textual) والمرئية ( بصرية ): كما وصفت فانها تمزج بين النص والصورة، ومثال ذلك لغة ++ c، c (ج) لغات البرمجة بالمثال: من ربي يزود ، واللغة ، مهمة مهمة محددة، ومثال ذلك لغة pygmalion، و لغة Rehearsal world (د) اللغات بالقيود (المعاملات المقيدة): يتعامل هذا النوع مع كينونات في البيئة البيئية المحدودة ضمن قيود محددة ، وتناسب هذه اللغات عملية التصميم بالمحاكاة (تصميم محاكاة) ، ومثال ذلك لغة Thinklab و لغة ARK. (ه) لغات البرمجة البحتة او الكاملة (pure visual) يدعم هذا النوع من اللغات عملية البرمجة بالصور بشكل كامل 

شبكات الهاتف والاتصالات  تعتمد شبكة الهاتف منذ نشأتها عام 1876 على اشارات كهربائية من نوع تماثلي ( ANALOG) حيث يبنتقل صوتك عبر اسلاك نحاسية متوجهه الى الجهة التي تطلبها عبر مقسم شركة الهاتف ومن ثم يستقبل جهاز الهاتف الاخرالاشارات الكهربائية ويقوم بتحويلها الى موجات صوتية. بشكل عام , هناك ستة طرق لانتقال البيانات عبر الشبكات الهاتفية والاتصالات ;  1-) خطوط الاتصال (Dial- up Lines) وهي اكثر الوسائط استخداما في تراسل البيانات عبر شبكة الانترنت ويستخدم في هذه الطريقة خطوط الهاتف كوسط لنقل المعلومات , ويتم نقل المعلومات من خلال الاتصال عبر خطوط الهاتف برقم مزود والذي بدوره بفتح القناة لخدمة المستخدم من خلال المشغل (server ) تمتاز هذه الطريقة بقلة التكلفة وقلة سرعة تدفق البيانات .  2-)الخطوط الحجوزة ( LEASED LINE)   وهي طريقة اخرى تستخدم نفس الواسطة لتراسل البيانات (خطوط الهاتف ) ويطلق على هذه الطريقة اسم (Dedicated Line) وتستخدم اسلوب تراسل البيانات الرقمي ( Digital Data Transmission) , وتمتاز هذه الطريقة بديمومة الاتصال وسرعته بالمقارنة مع الطريقة الاولى . تستخدم الخطوط المحجوزة في الشرك

 شبكات الحاسوب  -:يمكن تصنيف شبكات الحاسوب الى صنفين رئيسين من حيث طبيعة الاتصال هما  1-) شبكات البث (BBroadcasting) حيث تكون هناك قناة بث رئيسة تشترك فيها جميع الاجهزة الموصولة على الشبكة مثل محطات البث الاذاعي و التلفيزيوني . 2-) شبكات بين نقطتين (point_to_point) حيث يتم ارسال حزمة البيانات من خلال عدد من الاجهزة الواقعة بين المرسل والمستقبل بالاعتماد على خوارزمية توجيه محددة. ويمكن تصنيف شبكات الحاسوب من حيث المساحة الجغرافية المغطاة الى اربعة اصناف :وهي  1-) الشبكة المحلية (local Area Network-LAN) وهي شبكة تغطي مساحة جغرافية صغيرة نسبيا لا تزيد عن بضعة كيلومترات كمبنى لمؤسسة تجارية او جامعة . 2-)شبكة المناطق (Metropolitan Area Network _MAN) وتعتبر شكلا موسعا للشبكة المحلية (LAN) حيث انها تقوم بتغطية منطقة جغرافية واسعة تصل الى مدينة او مجموعة من المدن الصغيرة . 3-) الشبكة الواسعة ( wide area network -wan) تقوم بتغطية منطقة جغرافيه واسعة تصل الى دولة او مجموعة دول المجاورة وتحتوي هذه الشبكة على مجموعة كبيرة من الاجهزة المختلفة وتصمم لتنفيذ مجموعة كبيرة من التطبيقات والبرمجيات

عناصر ومكونات شبكة الإنترنت . -:تتكون شبكة الإنترنت من العناصر والمكونات التالية  1. شبكات الحاسوب . 2. شبكات الهاتف وشبكات الاتصالات. 3. بروتوكولات التحكم بتراسل البيانات (TCP) وبروتوكولات الإنترنت (IP). 4. نظام العنونة وأسماء المجالات

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

 مراحل تطوور لغات الرمجة المرئية  _:أ. البدايات الأولى (1966_1980): ظهرت خلال هذه الفترة مجموعة من اللغات مثل  _Auto programmer _Grail _Tiner _Ambit _Query by example _ Pygmalion _outline _plan 2D _:ب. انظمة مرئية (1981_1990) : ظهرت خلال هذه الفترة مجموعة اخرى من الانظمة المرئية مثل  _ smallstar _formal _ pict _ Ml-like vl _ ARK _Thinklab _pc-Titels _ Hi-visual  _:ج . المرحلة الحديثة (1991 _2007):ظهرت خلال هذه الفترة مجموعة اضافية من الانظمة المرئية مثل  _Cube _Cantata_Hence 1.4 _schemepaint _Mviews.

  مزايا البرمجة المرئية . افكار البرمجة فيها اقل من غيرها /* . التماسك الكبير بين اجزائها /* .العلاقة بين اجزائها تظهر بشكل صريح /* .مشاهدة النتائج المرئية بشكل فوري وسريع /* . يمكن الاستغناء عن خطوات او مراحل وسطية /* . لا يشترط تصور البرامج فيها بشكل مسلسل /* . اهتمام اقل بالامور القواعدية /* . تكاملية القواعد الصورية لها /* . للبرامج فيها هيكلية قابلة للاستعراض /* . يمكن تنفيذ اجزاء محددة من البرامج /* وجود مكونات قابلة لاعادة الاستخدام حيث تدمج مع غيرها لانتاج نظام تطبيقي كامل /* _:بالرغم من وجود كل هذه المزايا ، فلا يخلو الأمر من وجود سلبيات ، مثل /& __ أ. حاجات البرنامج لمساحة كبيرة لعرض اجزاءه الرسومية . ب. وجود اشكالية في المسميات لبعض الرسومية .

  مفهوم البرمجة المرئية من المعروف ان اللغات التقليدية (التي لا تعتمد اسلوب البرمجة المرئية ) تستخدم النصوص لبرمجة الحاسوب ، اما لغات البرمجة المرئية فيمكن ان تستخدم الرسم والرسومات وواجهة رسومية( Graphical User interface :Gui ) لإصدار تعليمات الحاسوب ومن التوضيحات المنطقية لهذا الاسلوب ، ان الانسان يشاهد ما حوله من الظواهر على شكل صور ، ثم تتم ترجمة ما يرى الى نصوص معبرة عنها ، وبالتالي لماذا لا تعطى هذه الصور كتعليمات للحاسوب بدلا من المرور بمرحلة نقلها الى نص . كما ان كثيرا من التطبيقات العلمية وغيرها وبرامج التعلم التفاعلية تحتاج الى البيئة المرئية لتقوم بدورها بفاعلية . ان هذا النوع من البرمجة يوسع دائرة استخدام الحاسوب ويزيد من قوة وفاعلية البرمجة ويطورها ، وقد شهدت العقود الثلاثة الاخيرة تطورات واسعة في هذا الميدان _:ويمكن القول ان حقل البرمجة المرئية نما وترعرع نتيجة تمازج رائع بين حقول ثلاثة هي لغات البرمجة * . الرسم بالحاسوب *. تفاعل الانسان مع الحاسوب * .

 تعريف الانترنت ونبذة تاريخية  بدأت فكرة إنشاء شبكة الانترنت من قبل وزارة الدفاع الأمريكية عام 1969 عن طريق تمويل مشروع من أجل ربط الوزارة مع متعهدي القوات المسلحة وعدد كبير من الجامعات التي تعمل على ابحاث ممولة من قبل القوات المسلحة ، (وسميت هذه الشبكة بأسم (أربا ) (ARPA) وهي اختصار للكلمة الإنجليزية (The Advanced Research Project Administration) وكان الهدف من هذا المشروع تطوير تقنية ربط حاسوب ضخم ليصمد امام اي هجوم عسكري ، وصممت شبكة  ارباعن طريق خاصية تدعى طريقة إعادة التوجيه الديناميكي ، وتعتمد هذه الطريقة على تشغيل الشبكة بشكل مستمر حتى في حالة انقطاع إحدى الوصلات او تعطلها عن العمل ، حيث تقوم الشبكة بتحويل الحركة الى وصلات اخرى . لقد تم ربط أربعة أجهزة مع بعضها البعض والموجودة في الجامعات التالية: (1) جامعة كاليفورنيا في لوس انجلوس ، (2)وجامعة كالفورنيا في ..سانتا باربا (3) وجامعة يوتا (4) ومعهد ستانفورد للبحوث. وفي عام 1972 اصبح مشروع (ARPANET)&nbsp; عالميآ حيث تم ربط اوروبا من خلال الكلية الجامعية في لندن ومؤسسة الرادار الملكية في النرويج ليصل عدد الاجهزة المربوطة الى 23 جه