للمحادثة عبر مسنجر الـ msn أو التحدث عبر برنامج Skype يمكنكم تحديد موعد عبر إرسال رسالة إلى العنوان البريدي info@rfaah.com أو إرسال تذكرة عن طريق صفحة تذكرة جديدة للإضافة إلى مسنجر الهوتميل : info@rfaah.com للإضافة إلى برنامج سكايبي : waseem.haidar
خياراته :
1. width
عرض العمود بطريقتين : رقم بالبيكسل - نسبة مئوية من عرض الجدول وبشكل إفتراضي يكون عرض الخلية بحيث تتسع لمحتوياتها
هذا الخيار لأحد الخلايا يؤثر على جميع الخلايا في العمود
2. height
إرتفاع العمود بطريقتين : رقم بالبيكسل - نسبة مئوية من إرتفاع الجدول وبشكل إفتراضي يكون إرتفاع الخلية بحيث تتسع لمحتوياتها
هذا الخيار لأحد الخلايا يؤثر على جميع الخلايا في الصف
3. bgcolor
لون خلفية الخلية
4. background
صورة كخلفية للخلية
5. align
رصف أفقي لمحتويات الخلية بالقيم التالية : right left center
6. valign
رصف عمودي لمحتويات الخلية بالقيم التالية : top middle bottom
7. colspan
يستخدم هذا الخيار لدمج أكثر من خلية مع بعض على مستوى الصف الواحد حيث يتم كتابته ضمن أول خلية من خلايا الدمج مع ذكر عدد الخلايا التي ستدمج
8. rowspan
يستخدم هذا الخيار لدمج أكثر من خلية مع بعض على مستوى العمود الواحد حيث يتم كتابته ضمن أول خلية من خلايا الدمج مع ذكر عدد الخلايا التي ستدمج
في الصفوف التالية يتم تجاهل الخلية التي دمجت في الصف السابق وعدم كتابة شيفرتها لأنه قد تم إستخدامها
أمثلة : <td width=30% height=100 align=left valign=top> ... </td>
<td bgcolor=purple width=200 valign=middle> ... </td>
لم يتم ذكر كامل الشيفرة لأن يهمنا هنا فقط خيارات مؤثر العمود لكن عند تجربة المثال يجب إدخال بقية الشيفرة <table border=1>
<tr><td colspan=2>خلية تمتد على خليتين أفقياً</td></tr>
<tr><td>A</td><td>B</td></tr>
</table>
<table border=1>
<tr><td rowspan=2>خلية تمتد على خليتين عمودياً</td><td>A</td></tr>
<tr><td>B</td></tr>
</table>
---------------------------------
الجداول المتقدمة :
يمكن تقسيم الجدول إلى مجموعات من الصفوف والأعمدة بهدف تطبيق تنسيق معين على هذه المجموعات حيث يتم تطبيق تنسيق المجموعة على كل خلايا المجموعة
تقسم مجموعات الجدول إلى ثلاث أنواع :
1. الرأس head بإستخدام المؤثر <thead>
2. التذييل foot بإستخدام المؤثر <tfoot>
3. الجسم body بإستخدام المؤثر <tbody>
يتم أولاً تعريف مجموعة الرأس ومن ثم التذييل ومن ثم الجسم ويمكن تعريف أكثر من مجموعة لكل نوع
مؤثرات المجموعات مؤثرات مفردة يتم ذكر خيارات التنسيق ضمن هذه المؤثرات مثل : align vlaign bgcolor ... ومن ثم يتم ذكر مؤثرات الصفوف والخلايا للمجموعة بعد مؤثر المجموعة مباشرة
مثال : <table border=1 cellpadding=4 cellspacing=3 width=300>
<font color=FF0000><thead align=center bgcolor=orange></font>
<tr><td>خلية من مجموعة الرأس</td></tr>
<tfoot valign=bottom>
<tr height=75><td>خلية من مجموعة التذييل</td></tr>
<tbody bgcolor=#CCCCCC>
<tr><td>خلية من مجموعة الجسم 1</td></tr>
<tbody bgcolor=#FF0000>
<tr><td>خلية من مجموعة الجسم 2</td></tr>
</table>
---------------------------------
ملاحظات هامة حول الجداول :
1.للتحكم بعرض أعمدة الجدول ننشأ صف فارغ الخلايا بإرتفاع 0 بيكسل في بداية الجدول بإستخدام الخيار height=0 في المؤثر <tr> حيث يتم تحديد عرض كل خلية ضمن المؤثر <td> بإستخدام الخيار width
بالتالي نوفر على أنفسنا كتابة عرض الخلايا في الصفوف التالية ونوفر على المتصفح قراءة كامل الجدول ليحدد عرض الخلايا مثال : <table>
<tr height=0><td width=20%></td><td width=20%></td><td width=60%></td></tr>
...
</table>
2. لا يمكن تغيير لون الخط أو حجمه لكامل الجدول بإستخدام المؤثر <font> ولكن يمكن تغيير نوع الخط لكامل الجدول بإستخدام المؤثر <font> مثلاً : <font face=arial><table> ... </table></font>
3. عندما نستخدم نص في خلية قد لا تأخذ هذه الخلية العرض المطلوب الذي كنا نتوقعه بسبب ضغط بقية الخلايا على خلية النص
لحل هذه المشكلة نستخدم صورة فارغة تماماً بخلفية شفافة ( من النوع Gif مثلاً ) ونضعها ضمن خلية النص مع تحديد خيار العرض لها width بالقيمة التي نرغب بها والإرتفاع height=0
4. يمكن تجاهل كتابة آخر الخلايا في آخر صف من الجدول حيث سيبقي المتصفح مساحة هذه الخلايا فارغة لأنه قد عرف سلفاً كم خلية لهذا الجدول
5. لا يمكن وضع الجدول بجانب أي معطيات اخرى ويجب أن يبدأ على سطر جديد
6. لايتم عرض الجدول حتى ينتهي المتصفح من قراءة شيفرة الجدول كاملة لذلك يفضل إستخدام مجموعة من الجداول الصغيرة بدلاً من إستخدام جدول واحد كبير
بالتالي نجنب الزائرين رؤية صفحة فارغة بيضاء لفترة طويلة حتى ينتهي المتصفح من قراءة شيفرة الجدول كاملاً
