ابدا انشاء اول صفحة ويب بنفسك برمجة المواقع بلغة html الدرس الاول ...

ابدا انشاء اول صفحة ويب بنفسك برمجة المواقع بلغة html الدرس الاول ...

مصدر الموضوع الاصلي: ابدا انشاء اول صفحة ويب بنفسك برمجة المواقع بلغة html الدرس الاول ...

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

برمجة المواقع باستخدام HTML

الدرس
الأول

قبل
ان نبدأ فى التعرف على هذا النوع من لغات البرمجة قد يتبادر الى اذهان
حضراتكم عن البرنامج الذى نستخدمه للتعامل مع هذه اللغة وللاجابة على هذا
السؤال ببساطة فاننا لا نحتاج سوى لبرنامج محرر نصوص عادى مثل برنامج Notepad بالاضافة الى مستعرض او Browser مثل الانترنت اكسبلورر internet explorer .

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

اولا
يجب ان نعرف ان الاوامر فى لغة HTML لها بداية ونهاية - لاحظ
الاوامر التالية وهى الاوامر الاساسية :

امر النهاية امر البداية

<‎/HTML>

<‎/HEAD>

 <‎/TITLE> <BODY> <‎/BODY> نلاحظ ان الامر يكتب بنفس الشكل مرتين في البدايه و فى النهاية والاختلاف الوحيد هو وجود الرمز / الى جانب الامر عند النهاية <div align="center">ملف ال Roman">HTML</div> اولا : نجد ان الملف يبدأ بالامر <html> فى اول سطر وكذلك ينتهى بالامر </html> ونلاحظ ان جميع الاوامر تكتب بين علامات Transparent"><> ثانيا : ما يكتب بين الامر <title> ، Roman"> هو ما سييظهر في شريط العنوان الخاص بصفحة
الويب والتى نستعرضها من خلال الانترنت اكسبلورر او اى متصفح اخر .

ثالثا
: ما يكتب بين الامر ، هو ما يسمى بجسم الصفحة اى ان كل ما يكتب هنا
سيظهر لنا فى داخل الصفحة بما فى ذلك الصور والنصوص والرسوم والجداول
.......... الخ

مثال : المطلوب منك
الان تجربة انشاء اول صفحة ويب لك وفيما يليى الاوامر التى يجب عليك
كتابتها كما قلنا من قبل فى اى برنامج محرر نصوص وارشح لك برنامج notepad فهيا ابدا بفتح البرنامج واكتب الاوامر
التالية مع ملاحظة ان حالة الاحرف (كبيرة او صغيرة) لا تهمنا هنا حيث ان
لغة html ليست حساسة لحالة الاحرف ولكن لاحظ
اننا لابد ان نكتب الاوامر بالحروف الصحيحة :

This is my first web page <‎/TITLE> <‎/HEAD> <BODY> welcome to my future website <‎/BODY> <‎/HTML> <div align="center">حفظ ملف Roman">html</div> بعد كتابة الاوامر السابقة قم بحفظ الملف باسم تعرفه واجعل امتداد الملف htm.Transparent"> أو html. وبعد حفظ الملف فى المجلد الخاص بك قم بفتح الملف من داخل المجلد بالنقر المزدوج عليه او من خلال فتح متصفح الإنترنت الذي تستخدمه. ثم فتح الملف باستخدام الامر open ثم حدد المسار الذي يوجد به الملف. الى اللقاء قريبا جدا في الدرس الثانى ....... <div align="center">سبحان الله وبحمده ------ سبحان الله العظيم </div> __________________ <div align="center">اللهم لك الحمد </div><div align="center">كما ينبغى لجلال وجهك وعظيم سلطانك</div></a> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><ins class="adsbygoogle"style="display:inline-block;width:468px;height:60px"data-ad-client="ca-pub-6898033055816997"data-ad-slot="9561496469"></ins><script>(adsbygoogle = window.adsbygoogle || []).push();</script></div><a href="http://www.odessarab.net"><img alt="" src="https://i.servimg.com/u/f23/14/53/03/39/jb128510.gif" width="400" height="58"></a><div class="clear"></div><div class="signature_div"><div align="center"><table style="width: auto;" border="0" cellpadding="0" cellspacing="0" id="signature_div"><tbody><tr><td style="padding: 0px;"><img src="https://i.servimg.com/u/f63/13/93/90/70/1zdr3611.png"></td><td style="padding: 0px;" background="https://i.servimg.com/u/f63/13/93/90/70/2eb9xe11.png" align="center"></td><td style="padding: 0px;"><img src="https://i.servimg.com/u/f63/13/93/90/70/2rpxk711.png"></td></tr><tr><td style="padding: 0px;" background="https://i.servimg.com/u/f63/13/93/90/70/izqmpu11.png" valign="top"></td><td style="padding: 0px; background-color: rgb(255, 255, 255);" bgcolor="#ffffff" background="https://i.servimg.com/u/f65/14/95/73/10/144.png" class="row1 "> توقيع اميرة </td> <a name="117326"></a></td><td style="padding: 0px;" background="https://i.servimg.com/u/f63/13/93/90/70/2zz1bo11.png"></td></tr><tr><td style="padding: 0px;"><img src="https://i.servimg.com/u/f63/13/93/90/70/2mw6jq12.png"></td><td style="padding: 0px;" background="https://i.servimg.com/u/f63/13/93/90/70/jsldte12.png"></td><td style="padding: 0px;"><img src="https://i.servimg.com/u/f63/13/93/90/70/2igyal11.png"></td></tr></tbody></table></div></div></div></div></td></tr></table></td></tr><tr><td class="row1 browse-arrows" align="center" valign="middle" width="150"><a href="#top"><img class="sprite-arrow_subsilver_up" src="https://2img.net/i/empty.gif" alt="الرجوع الى أعلى الصفحة" loading="lazy" /></a> <a href="#bottom"><img class="sprite-arrow_subsilver_down" src="https://2img.net/i/empty.gif" alt="اذهب الى الأسفل" loading="lazy" /></a></td><td class="row1 messaging gensmall" width="100%" height="28"><table border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle"class="post-options"> </td></tr></table></td></tr><tr class="post"><td class="row2" valign="top" width="150"><a name="117412"></a><img src="https://i.servimg.com/u/f60/14/60/40/37/postbi13.gif" width="222" height="90"><table style="width: 100%" cellspacing="0" cellpadding="0" class="baynat1"><tr><td background="https://i.servimg.com/u/f60/14/60/40/37/postbi12.gif" align="center">حنين <img src="https://i.servimg.com/u/f63/14/53/03/39/ijbbi10.gif"/></a> <img src="https://2img.net/i/itest/ranks/stars/stars1.gif" alt="ابدا انشاء اول صفحة ويب بنفسك برمجة المواقع بلغة html الدرس الاول ... Stars1" title="" loading="lazy" /> <img loading="lazy" src="https://2img.net/u/2711/62/10/79/avatars/24-21.gif" alt="حنين" style="max-width: 200px; max-height: 600px" /> المشاركات : 11925<hr />تاريخ التسجيل : 22/11/2009<hr />نقاط : 20544<hr /> <img src="https://i.servimg.com/u/f73/14/53/03/39/jb129713.gif" alt="انثى" title="انثى" /><hr />متصفحي : <img src="https://i.servimg.com/u/f43/14/53/03/39/41610.png" alt="mozilla" title="mozilla" /><hr /><img src="https://i.servimg.com/u/f60/14/60/40/37/---010.png" alt="احترام قوانين المنتدى" /> <img src="https://i.servimg.com/u/f60/14/60/40/37/11101010.png" alt="احترام كامل" title="احترام كامل" /><hr /><img src="https://2img.net/i/fa/empty.gif" alt="الأوسمة" /> <img src="https://i.servimg.com/u/f63/14/53/03/39/ouoyoo10.gif" alt="الادارة" title="الادارة" /><hr /><img src="https://2img.net/i/fa/empty.gif" alt="عضو مميز" /> <img src="https://2img.net/h/www.samysoft.net/forumim/other/2/144808182.gif" alt="ابدا انشاء اول صفحة ويب بنفسك برمجة المواقع بلغة html الدرس الاول ... 144808182" title="" /><hr />العمر : 45<hr /> </td></tr></table><img alt="" src="https://i.servimg.com/u/f60/14/60/40/37/postbi14.gif" width="222" height="56"></td><td class="row2" valign="top" width="100%" height="28" colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><img class="sprite-icon_minipost" src="https://2img.net/i/empty.gif" alt="مُساهمة" title="مُساهمة" border="0" />موضوع: رد: ابدا انشاء اول صفحة ويب بنفسك برمجة المواقع بلغة html الدرس الاول ... <img src="https://i.servimg.com/u/f20/14/60/40/37/psd10.gif" alt="ابدا انشاء اول صفحة ويب بنفسك برمجة المواقع بلغة html الدرس الاول ... Psd10" border="0" />الخميس يوليو 22, 2010 3:41 pm</td><td valign="top" nowrap="nowrap" class="post-options"></td></tr><tr><td colspan="2" class="hr"><hr /></td></tr><tr><td colspan="2"><div class="postbody" align="center"><a href="https://www.addthis.com/bookmark.php?v=250&winname=addthis&pub=&source=men-250&lng=en-US&s=twitter&url=http://odessarab.net/forum-t/topic-t14290.htm&title=ابدا انشاء اول صفحة ويب بنفسك برمجة المواقع بلغة html الدرس الاول ..." target="_blank"><img alt="" src="https://2img.net/h/2.bp.blogspot.com/_8qh4wbXjwlo/TAdlxvimRFI/AAAAAAAAAIo/uVn1BHnjsSM/s72/twitter.png" width="32" height="32" class="bayanet1"></a><a href="https://www.addthis.com/bookmark.php?v=250&winname=addthis&pub=&source=men-250&lng=en-US&s=delicious&url=http://odessarab.net/forum-t/topic-t14290.htm&title=ابدا انشاء اول صفحة ويب بنفسك برمجة المواقع بلغة html الدرس الاول ..." target="_blank"><img alt="" src="https://2img.net/h/4.bp.blogspot.com/_8qh4wbXjwlo/TAdljTZ9F6I/AAAAAAAAAHw/2u5OW2AMl40/s72/Delicious.png" width="32" height="32" class="bayanet1"></a><a href="https://www.addthis.com/bookmark.php?v=250&winname=addthis&pub=&source=men-250&lng=en-US&s=facebook&url=http://odessarab.net/forum-t/topic-t14290.htm&title=ابدا انشاء اول صفحة ويب بنفسك برمجة المواقع بلغة html الدرس الاول ..." target="_blank"><img alt="" src="https://2img.net/h/3.bp.blogspot.com/_8qh4wbXjwlo/TAdlo-ruDbI/AAAAAAAAAII/tPwYR7lH3ZE/s72/facebook.png" width="32" height="32" class="bayanet1"></a><a href="https://www.addthis.com/bookmark.php?v=250&winname=addthis&pub=&source=men-250&lng=en-US&s=digg&url=http://odessarab.net/forum-t/topic-t14290.htm&title=ابدا انشاء اول صفحة ويب بنفسك برمجة المواقع بلغة html الدرس الاول ..." target="_blank"><img alt="" src="https://2img.net/h/4.bp.blogspot.com/_8qh4wbXjwlo/TAdlldIVmEI/AAAAAAAAAH4/EGCqx6mwsRI/s72/digg.png" width="32" height="32" class="bayanet1"></a><a href="https://www.addthis.com/bookmark.php?v=250&winname=addthis&pub=&source=men-250&lng=en-US&s=reddit&url=http://odessarab.net/forum-t/topic-t14290.htm&title=ابدا انشاء اول صفحة ويب بنفسك برمجة المواقع بلغة html الدرس الاول ..." target="_blank"><img alt="" src="https://2img.net/h/2.bp.blogspot.com/_8qh4wbXjwlo/TAdluEIQTPI/AAAAAAAAAIY/7ZvN5HhFfBk/s72/Reddit.png" width="32" height="32" class="bayanet1"></a><a href="https://www.addthis.com/bookmark.php?v=250&winname=addthis&pub=&source=men-250&lng=en-US&s=stumbleupon&url=http://odessarab.net/forum-t/topic-t14290.htm&title=ابدا انشاء اول صفحة ويب بنفسك برمجة المواقع بلغة html الدرس الاول ..." target="_blank"><img alt="" src="http://2.bp.blogspot.com/_8qh4wbXjwlo/TAdlv1Ht_KI/AAAAAAAAAIg/1I-txc_3SVM/s72/Stumble+Upon.png" width="32" height="32" class="bayanet1"></a><a href="https://www.addthis.com/bookmark.php?v=250&winname=addthis&pub=&source=men-250&lng=en-US&s=url=http://odessarab.net/forum-t/topic-t14290.htm&title=ابدا انشاء اول صفحة ويب بنفسك برمجة المواقع بلغة html الدرس الاول ..." target="_blank"><img alt="" src="https://2img.net/h/1.bp.blogspot.com/_8qh4wbXjwlo/TAdlsBI_joI/AAAAAAAAAIQ/anffKrrtTpY/s72/more.png" width="32" height="32" class="bayanet1"></a><div class="postbody"> <html><head><title>ابدا انشاء اول صفحة ويب بنفسك برمجة المواقع بلغة html الدرس الاول ...