منتديات الرائدية - دروس في تصميم المواقع / الدرس الثاني

* الــ heading :
وهي مايسمى عناوين الرأس

<h1>,<h2>,<h3>,<h4>,<h5>,<h6>
ولكن لماذا نستخدمها ونحن قد قلنا في الدرس السابق اننا نكتب داخل tag ال body عادي وبدون مشاكل؟؟؟
الاجابه هو بكل بساطه ماذا لو انك تريد ان تصنع الشكل التالي في صفحتك :
=============================
الرائديةالرائدية
الرائديةالرائديةالرائديةالرائديةالرائديةالرائدية
الرائديةالرائدية
الرائديةالرائدية
============================
بالطبع وحتىالدرس السابق لا يمكنك فعل ذلك .......اذن نريد تعلم كيف نصنعها
يوجد كما قلنا TAG يسمى الـHeading وهو المسؤول عن العناوين في الصفحه فمثلا لو كتبنا

كود PHP:


		
			
<HTML>

<HEAD>

<TITLE>الرمز</TITLE>

</HEAD>

<BODY>

<H1>الرائدية1</H1>

<H2>الرائدية2</H2>

<H3>الرائدية3</H3>

<H4>الرائدية4</H4>

<H5>الرائدية5</H5>

<H6>الرائدية6</H6>

</BODY>

</HTML>

وحفظنا الملف باي اسم وليكن 2.htm سوف تكون النتيجه كالتالي :
http://www.arabsgate.com/edu-teacher...ilding/2/2.gif
ولو لاحظنا ماذا حدث سوف نجد ان <h1> هي اكبر خط موجود ونلاحظ ان كلما زاد الرقم بجانب حرف الh
فذلك يعني ان الخط أصغر
ونلاحظ ايضا انه يجب اغلاق الTAG هكذا </h1>
وبذلك نكون قد تعلمنا كيف نتحكم في عناوين الفقرات ..............
ولكن ماذا عن الفقرات نفسها ؟؟؟؟.......... هذا ما سنراه في العنوان التالي :

* الــ paragraph :أو مايسمى بالفقرات
لو لاحظت من مثال اليوم ومثال المرةالسابقه ان اي شيء نكتبة يكتب ناحيه اليسار !!!
هل هذا عيب في اللغة ؟؟؟
لا لا ليس عيب ولكنه افتراضي
ماذا لو أننا نريد ان نكتب في اليمين او في الوسط هل هناك طريقه ؟؟؟؟
نعم يوجد TAG مخصوص بذلك ALIGN ولكنه لا يكتب منفرداً ولكن بداخل TAG ال paragraph
او ال<P> وصيغته كالتالي :
<p ALIGN="right"> ضع الكلام هنا </p>
وبالطبع كلمة right تعني المحاذا لليمين
وcenter تعني توسيط النص
ويمكن استخدام ال ALIGN مع ال <h>
تعال نأخذ مثال لنرى التطبيق
سوف نكتب الكود التالي :

كود PHP:


		
			
<HTML>

<HEAD><TITLE>الرمز</TITLE>

</HEAD>

<BODY>

<H1 ALIGN="CENTER">الرائدية</H1>







<P ALIGN="CENTER">كلام في الوسط</P>



<P ALIGN="right">كلام في اليمين</P>



<h1 ALIGN="CENTER">كلام في الوسط كبير</h1>



<h2 ALIGN="right">كلام في اليمين كبير</h2>





</BODY></HTML>

ونحفظ الملف باسم 3.htm وتكون النتيجه كاتالي :
http://www.arabsgate.com/edu-teacher...ilding/2/3.gif

* ماذا لو أردنا ان نترك سطر ؟؟؟؟
تذكروا أننا قلنا ان اللغه لا تفرق بين المسافات في كتابة الكود ..
ما العمل
يوجد TAG جميل يمكنك كتابته وبمجرد كتابته اي كلام بعده سوف يكون في سطر جديد
هذا ال TAG هو <br> وتعني Breakهذه العلامة تعتبر من أبسط العلامات الدالة، وليس لها علامة إغلاق دالة. وهي إذا وضعت بعد نص "أو صورة" فإنها تجعل أي شيء يليها ليس له خيار أخر سوى أن يبدأ من سطر جديد. تتكافأ في ذلك إلى حد ما مع عملية الضغط على مفتاح الموافقة Enter عند استعماله في برنامج معالجة الكلمات.
والمثال بسيط

كود PHP:


		
			
<HTML>

<HEAD><TITLE>الرمز</TITLE>

</HEAD>

<BODY>

<H1 ALIGN="CENTER">الرائدية</H1>



<P ALIGN="CENTER">كلام في الوسط</P>

<br><br>

<P ALIGN="right">كلام في اليمين</P>

<br>

<h1 ALIGN="CENTER">كلام في الوسط كبير</h1>

<br>

<h2 ALIGN="right">كلام في اليمين كبير</h2>



</BODY></HTML>

[COLOR=red]لاحظ بعد تنفيذ هذا المثال الفراغات التي بين السطور [/
COLOR]
=========================================
التسطير الأفقي Horizontal rules<HR>
التسطير الأفقي ببساطة هو طريقة لوضع خطوط في صفحة الموقع. يمكن اعتبارها طريقة لإعطاء الصفحة بعض الجمال دون اللجوء لاستخدام اي رسوم قد تأخذ حجما أكبر.
هذه العلامة الدالة ليس لها علامة إقفال. وهي اختصار Horizontal Reference، وعملها هو أنها تضع بعدها خطا إفقيا على مدى عرض الصفحة
ونكتبها في اي مكان نريد ان يظهر فيه الخط
وله بعض الخواص والمميزات كاعرض واللون
وكمثال نكتب التالي
<HR ALIGN="CENTER" SIZE="2" WIDTH="80%" COLOR="blue">
طبعا ALIGN عرفنا ما فائدتها
SIZE هي مقاسه او سمكه
WIDTH هي طوله من المنتصف
وبالطبع COLOR هي اللون
يمكنك التجربه وستجد النتيجه جيده
ويمكنك تغيير اللون والسمك والطول وملاحظه الفروق
الى هنا يكون درس اليوم انتهى ....بعون الله وتوفيقه وفضله تعالى.
سوف نرى الان الـ.......
ولكن مهلا هذا الدرس القادم ان شاء الله
=========================

[c]منقووول[/c]