كيف يتم ربط ملف html بلغات البرمجة الأخري ؟


   ان كنت قد قمت بعمل  بحث عن تطوير وتصميم صفحات الويب ، فإنك علي الأرجح قرأت بعض المقالات التي تذكر ارتباط لغة ال html  بلغات برمجية اخري مثل  CSS والجافا سكريبت.

Html  و CSS  و java script هي اللغات الثلاث الرئيسية التي يتم استخدامها لإنشاء معظم صفحات الويب. كل لغة لها وظيفة مختلفه ولكل منها قواعد مختلفه ، لكنها تعمل معا لبناء  محتوي صفحات الويب وتصميمها ووظائفها.

كما ذكرنا من قبل ، لغة html هي أساس بناء أي موقع. تحتوي شفره HTML علي البنية  والمحتوي الأساسيين للموقع ، والذي يتضمن كافة النصوص والارتباطات والجداول والارتباطات بالصور والعناصر الأخرى.



يتم استخدام CSS  لتحديد تصميم الصفحة ، بما في ذلك أشياء مثل حجم كل عنصر وطريقة عرضه

 مع CSS ، يمكنك تعيين أشياء مثل نمط ولون الخط الذي تستخدمه ، ولون الخلفية للصفحة ، وعرض الحدود حول العناصر الموجودة علي الصفحة. وتقسيم محتوي الصفحة وعرضه بشكل جمالي .

كيفية ربط ملف css  خارجي  بصفحة html


1-أولا نقوم بفتح المحرر ونقوم بإختار ملف جديد.

2-نقوم بحفظ الملف بامتداد ( .css) وليكن (css) .

3-في صفحة html نأتي رأس الصفحة داخل وسم <head> ونكتب هذا الكود
</ "link  rel="stylesheet"  href=" style.css>



 java script  هي لغة برمجة عالية المستوي تعمل بشكل ديناميكي  . وهي لغة اكثر تعقيدا من   html و css تستخدم في الأصل في إنشاء صفحات ويب تفاعلية

يقوم المتصفح بتحميل الملف المكتوب بلغة الجافا اسكربيت إما مضمنا داخل ملف ال­ html  أو من خلال ملف خارجي
تقوم جافا اسكريبت بإنشاء  دوال تفاعلية . وهذا ما تستخدمه الكثير من المواقع والصفحات

فتمكنك من إجراء عمليات تفاعلية . مثلا من خلال الضغط علي أحد الأزرار فيقوم المتصفح بإظهار رسالة للمستخدم أو عند التأشير علي صورة تتغير بعض تنسيقاتها او إخفاء وإظهار نصوص واشياء أخري كثيرة .

كيفية ربط ملف جافا اسكريبت خارجي بصفحة html


1-أولا نقوم بفتح المحرر ونقوم بإختار ملف جديد .

2-نقوم بحفظ الملف بامتداد (js.) وليكن (main.js) .

3-أفضل مكان لوضع ملف جافا اسكريبت خارجي هوا في نهاية وسم الhead او نهاية وسم الbody . حتي إذا حدث خطأ في الكود لايؤثر ذلك علي تحميل باقي عناصر الصفحة.

4-بعد تحديد المكان نضع هذا الكود
</script src=" main.js"> <script >