المؤلف: Gu Yanying
قم بإدراج جدول في Dreamweaver إذا قمت بتعيين "Border" الخاص به على 1، فسيكون خط الحدود الخاص به أكثر سمكًا عند المعاينة. بالنسبة لمنشئي صفحات الويب الذين ليسوا على دراية بلغة HTML، كيف يمكنهم إنشاء جداول ذات حواف رفيعة بسرعة؟ بعد ذلك، سأقدم لك خدعة صغيرة - استخدم لون الخلفية والمسافات بذكاء لإنشاء جداول ذات حواف رفيعة.
خذ على سبيل المثال إنشاء جدول مكون من 4 صفوف و3 أعمدة وحدود حمراء رفيعة:
الخطوة 1 قم بإدراج جدول مكون من 4 صفوف و3 أعمدة في طريقة عرض التصميم في Dreamweaver.
الخطوة 2 قم بتعيين خصائص هذا الجدول في لوحة "الخصائص" كما يلي: قم بتعيين الهامش (CellPad) القيمة حسب الحاجة (على سبيل المثال، 10)؛ الحد (Border) هو 0؛ لون Bg) أحمر.
الخطوة 3 حدد كافة الخلايا في هذا الجدول، وقم بتعيين خصائص جميع الخلايا في لوحة "الخصائص" على النحو التالي: لون الخلفية (Bg) هو لون آخر غير الأبيض أو الأحمر.
وأخيرا، احفظ صفحة الويب واضغط على F12 لمعاينتها. ماذا عن ذلك، هل يوجد أمامك جدول رفيع بخط أحمر مكون من 4 صفوف و3 أعمدة؟
بالإضافة إلى ذلك، إذا أردنا استخدام الجداول للتخطيط وتحديد الموضع كالمعتاد، ولكن طالما يتم عرض خطوط الحدود الخارجية كخطوط رفيعة ولم يتم عرض فواصل الخلايا الداخلية، فيمكننا استخدام الجداول المتداخلة معًا. يستخدم ما يلي الخط الأحمر الرفيع كحد خارجي للجدول كمثال لتوضيح طريقة التشغيل:
الخطوة 1 قم بإدراج جدول يحتوي على صف واحد وعمود واحد في طريقة عرض التصميم في Dreamweaver.
الخطوة 2 قم بتعيين خصائص هذا الجدول في لوحة "الخصائص" كما يلي: يتم تعيين "الهامش" حسب الحاجة (على سبيل المثال، 5)؛ "التباعد" هو 1؛ "الحدود" هي 0؛ "لون الخلفية" هو اللون الأحمر.
الخطوة 3 حدد الخلية الوحيدة في هذا الجدول، وقم بتعيين "لون الخلفية" لهذه الخلية على لون آخر غير الأبيض أو الأحمر في لوحة "الخصائص".
الخطوة 4 ضع المؤشر في الجدول الذي يحتوي على صف واحد وعمود واحد، وأدخل جدولًا متداخلاً يحتوي على عدة صفوف وأعمدة حسب الحاجة، ويجب تعيين "حدود" هذا الجدول المتداخل على 0، و"الهامش" و"التباعد". "يمكن تعيينه أو عدم تعيينه حسب الحاجة، وقد لا يتم تعيين سمات أخرى.
بهذه الطريقة، يمكننا إدراج النصوص والصور وعناصر صفحة الويب الأخرى في خلايا مختلفة من الجدول المتداخل.
هل أنت مغرم قليلاً؟ جربه الآن!