الدرس الرابع الدرس الرابع في تعليم الفرونت بيدج

[نورتن]

4-6

4- في جزء Specify width ، حدد خيار In Pixels ثم اضبط القيمة على 400 .

5- انقر زر ok وسيتم تغيير حجم الجدول الذي أنشأته من قبل .

ارتفاع الجدول :

تستطيع أيضاً أن تعدل ارتفاع الجدول من خلال مربع حوار Table Properties رغم أن معظم مصممي صفحات الويب لا يهتمون بارتفاع الجدول قدر اهتمامهم بعرضه . ويتم عادة ضبط ارتفاع الجدول تلقائياً بحسب المحتوى الموجود داخل الجدول أو الخلايا الفردية ، وإذا قررت تغيير ارتفاع الجدول ، يمكنك فقط أن تجري تعديلات مطلقة وفق عدد معين من البكسلات . حدد خيار Specify height ثم اكتب عدد البكسلات الذي تريد أن تحدده لارتفاع الجدول .

التعامل مع تخطيط الجداول

حدد قيم تخطيط الجدول بأرقام أعلى من القيم العادية . فالمبالغة في تعيين قيم الخصائص تساعد على فهم طبيعة تلك الخصائص .

لتغيير حجم الحد في الجدول :

1- حدد الجدول الذي أنشأته من قبل .

2- من قائمة Table ، حدد خيار Properties ثم Table لتفتح مربع حوار Table Properties .

3- في جزء Borders ، غير الحجم Size إلى 20 .

4- انقر زر ok لتطبيق ورؤية التغيير الذي أجريته على حجم الحد في الجدول ( انظر الشكل 6-5 ) .

حدود غير مرئية :

توجد أيضاً طريقة تنفذها في تغيير حجم حد الجدول ، اضبط الحجم على صفر ، وسيصبح حد الجدول غير مرئي عند عرضه في مستعرض الويب . تظهر فائدة هذه الخاصية عندما تستعين بالجدول في ضبط مكان الصور والنصوص داخل صفحات الويب بدقة .



5-6

أيضاً يكنك الاستعانة بحشو الخلايا cell padding .

لتغيير حشو الخلايا :

1- حدد الجدول الذي أنشأته من قبل .

2- من قائمة Table ، حدد خيار Properties ثم Table لتفتح مربع حوار Table Properties .

3- في جزء Layout ، اضبط خانة Cell padding على 20 .

4- انقر زر ok لتطبيق ورؤية التغيير الذي أجريته على حشو الخلايا ( انظر الشكل 6-6 ) .



6-6

يمكنك أيضاً استخدام خاصية المسافة بين الخلايا cell spacing .

لتغيير المسافة بين الخلايا :

1-حدد الجدول الذي أنشأته من قبل .

2-من قائمة Table ، حدد خيار Properties ثم Table لتفتح مربع حوار Table Properties .

3-في جزء Layout ، اضبط خانة Cell spacing على 20 .

4-انقر زر ok لتطبيق ورؤية التغيير الذي أجريته على المسافة بين الخلايا ( انظر الشكل 6-7 ) .



6-7

التعامل مع ألوان الجداول

يمكنك أن تحدد للجدول حدوداً عادية ، أو تنشئ تأثيراً ثلاثي الأبعاد من خلال الحدود الفاتحة light borders والحدود الداكنة dark borders.

لتحديد لون حدود الجدول :

1- حدد الجدول الذي أنشأته من قبل .

2- من قائمة Table ، حدد خيار Properties ثم Table لتفتح مربع حوار Table Properties .

3- في جزء Border ، انقر سهم القائمة المنسدلة Color لتفتح لوحة الألوان .

4- حدد خيار Red لتظهر حدود الجدول باللون الأحمر .

5- انقر زر ok لتطبيق ورؤية اللون الذي حددته لحدود الجدول .

يمكنك أيضاً تحديد ألوان ثلاثية الأبعاد لحدود الجدول

لتحديد ألوان ثلاثية الأبعاد لحدود الجدول :

1- حدد الجدول الذي أنشأته من قبل .

2- من قائمة Table ، حدد خيار Properties ثم Table لتفتح مربع حوار Table Properties .

3- في جزء Border ، انقر سهم القائمة المنسدلة light Border لتفتح لوحة الألوان الخاصة بها .

4- حدد خيار Red لتظهر الحد الفاتح للجدول بهذا اللون .

5- ومن نفس الجزء انقر سهم القائمة المنسدلة Dark Border لتفتح لوحة الألوان الخاصة بها .

6- حدد خيار Maroon ليظهر الحد الداكن للجدول بهذا اللون .

7- انقر زر ok لتطبيق ورؤية التغيير الذي أجريته على لون الحدود الفاتحة والداكنة للجدول ( انظر الشكل 6-8 ) .