الجداول

الصفحة الأولى    أضفني للمفضلة    قرآن كريم


الجداول

ما أهمية الجدول في تصميم المواقع؟
في الحقيقة الجداول لها أهمية كبرى في تنظيم الموقع ( هذا بجانب إمكانية استخدامها ككائن في الصفحة ) فمعظم المواقع التي تراها يتم استخدام الجداول فيها ( حتى وان لم تستطع أنت ملاحظة ذلك ) .

مم يتكون الجدول؟؟
الجدول عبارة عن مجموعة من الخلايا .. إذا رتبت هذه الخلايا في إتجاه أفقي كونت مايسمى بالصف ( row ) .. وإذا رتبت في أتجاه رأسي كونت ما يسمى بالعمود ( column )



كيف يمكن إنشاء جدول؟
يمكنك ذلك عن طريق الأمر table ذي وسمي البداية والنهاية.
الأساس هنا هو الصف .. بمعنى أنه يتم تحديد عدد الصفوف أولا ثم تحديد عدد خلايا كل صف ومن ذلك ينتج لنا عدد الأعمدة .. مثلا جدول به خمسة صفوف في كل صف ستة خلايا فكم عمود لدينا؟؟ ( ليست فزورة ) الإجابة أن لدينا ستة صفوف .
الأمر كذلك في لغة الهتمل
أولا تحدد الصف باستخدام الأمر tr بوسمي البداية والنهاية له , ثم تحدد عدد الخلايا في كل صف بواسطة الأمر td بوسمي البداية والنهاية حيث يتم كتابتهما بين وسمي البداية والنهاية للأمر tr . وبذلك نكون قد حددنا أيضا عدد الأعمدة ( وهو يساوي عدد الخلايا في كل صف )
سوف تتضح الرؤية أكثر من خلال الأمثلة

مثال 1:
نريد عمل جدول به صف واحد وعمودان
لعمل ذلك نتبع الخطوات الآتية :
نحدد صف واحد باستخدام الأمر tr
نحدد عمودان باستخدام الأمر td مكرر مرتين وموضوع بين وسمي البداية والتهاية للأمر tr .

<body bgcolor="#abcdef">
<p dir="rtl">

<table>
<tr>
<td> خلية 1 </td>
<td> خلية 2 </td>
</tr>
</table>

</p>
</body>



لو طبقت المثال السابق سوف يظهر لك الشكل التالي :

ستتساءل .. أين هو الجدول!؟
أنت أنشأت جدولا بالفعل لكنك لم تحدد سمك الحدود التي تريدها للجدول فوضعها الجهاز بقيمة افتراضية صفر أي أنه بدون حدود .
لتحديد حدود الجدول نستخدم الكود border=1 والتي يتم وضعها داخل وسم البداية للأمر table كما يلي :

<body bgcolor="#abcdef">
<p dir="rtl">

<table border="1">
<tr>
<td> خلية 1 </td>
<td> خلية 2 </td>
</tr>
</table >

</p>
</body>



ستكون النتيجة بالشكل التالي :



لكن بالطبع الجدول مازال يحتاج بعض التعديلات .. لمعرفة المزيد من تنسيقات الجدول تصفح هذا الدرس

تصميم: أحمد محمد محمد علي عوف
بريد إلكتروني: ahmad_ouf2005@yahoo.com