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


كيف يتم ربط ملف 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 >

التعليقات

الاسم

اكشن فوتوشوب,53,البرمجة,3,بريست لايت روم,10,تعلم التصوير,2,خطأ bx فى بلوجر,1,خطوط احترافية,16,خطوط انجليزية,57,خطوط عربية,58,ستايل,3,ستايلات فوتوشوب,23,شعارات,10,فرش,1,فرش فوتوشوب,12,فلاتر فوتوشوب,36,فلاتر لايت روم,31,فوتوشوب,8,لايت روم,21,مقالات متنوعة,1,موك اب,15,
rtl
item
برو اكاديمي: كيف يتم ربط ملف html بلغات البرمجة الأخري ؟
كيف يتم ربط ملف html بلغات البرمجة الأخري ؟
https://4.bp.blogspot.com/-m03Z7gy4u1c/W9LToYawC0I/AAAAAAAAA1k/DG40ZyW4lA4w8niLYTBtSJ8WiEezbyAcQCLcBGAs/s640/resized_resized_code-coding-computer-574080.jpg
https://4.bp.blogspot.com/-m03Z7gy4u1c/W9LToYawC0I/AAAAAAAAA1k/DG40ZyW4lA4w8niLYTBtSJ8WiEezbyAcQCLcBGAs/s72-c/resized_resized_code-coding-computer-574080.jpg
برو اكاديمي
https://www.pro-academe.com/2018/10/html_26.html
https://www.pro-academe.com/
https://www.pro-academe.com/
https://www.pro-academe.com/2018/10/html_26.html
true
391749931856565121
UTF-8
Loaded All Posts لا يوجد أى مقالات مشاهدة المزيد اقرأ المزيد Reply Cancel reply Delete By الرئيسية الصفحات المقالات مشاهدة المزيد RECOMMENDED FOR YOU القسم الأرشيف بـحـث كل المقالات Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content