عرض المحتوى باستخدام الجداول

ضع نقطة الإدراج في المكان الذي تريد ظهور الجدول فيه.

• حدد Insert > Table.

• في فئة HTML في لوحة الإدراج، انقر على جدول.

تحدد عدد صفوف الجدول.

تحدد عدد أعمدة الجدول.

يُحدد عرض الجدول بالبكسل، أو كنسبة مئوية من عرض نافذة المتصفح.

يحدد عرض حدود الجدول بالبكسل.

يحدد عدد وحدات البكسل بين خلايا الجدول المتجاورة.

يُحدد عدد البكسلات بين حدود الخلية ومحتوياتها.

لا يقوم بتمكين عناوين الأعمدة أو الصفوف للجدول.

يجعل العمود الأول من الجدول عمود للعناوين، حتى تتمكن من إدخال عنوان لكل صف في الجدول.

يجعل الصف الأول من الجدول صف للعناوين، حتى تتمكن من إدخال عنوان لكل عمود في الجدول.

يتيح لك إمكانية إدخال عناوين أعمدة وصفوف في الجدول.

يوفر عنوان جدول يُعرض خارج الجدول.

يقد وصفًا للقالب. تقرأ قارئات الشاشة نص الملخص، ولكن النص لا يظهر في متصفح المستخدم.

حدد File > Import > Import Tabular Data.

اسم الملف الذي تريد استيراده. انقر على زر Browse لتحديد ملف.

المحدد الذي تستخدمه في الملف الذي تستورده.

إذا قمت بتحديد Other، يظهر مربع حوار على يمين القائمة المنبثقة. ادخل المحدد المستخدم في ملفك.

عرض الجدول.

• حدد Fit to Data لكي تجعل عرض كل عمود كافيًا لكي يلائم أطول سلسلة نصية في العمود.

• حدد Set لتعيين عرض ثابت للجدول بالبكسل أو كنسبة مئوية من عرض نافذة المستعرض.

يحدد عرض حدود الجدول بالبكسل.

عدد البكسلات بين محتوى الخلية و حدود الخلية.

عدد وحدات البكسل بين خلايا الجدول المتجاورة.

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

يحدد حرف الفاصل الذي يجب استخدامه لفصل العناصر في الملف المصدّر.

يحدد نظام التشغيل الذي ستفتح فيه الملف المصدّر: Windows أو Macintosh أو UNIX. (أنظمة التشغيل المختلفة لها طرق مختلفة للإشارة إلى نهاية سطر من النص.)

• انقر في الخلية، ثم حدد علامة <td> في محدد العلامات الموجود بالزاوية السفلية اليسرى من النافذة Document.
• انقر مع الضغط على المفتاح Control (في نظام التشغيل Windows) أو انقر مع الضغط على المفتاح Command (في نظام التشغيل Macintosh) في الخلية.

• لتغيير لون التمييز لعناصر الجدول، انقر فوق مربع اللون Mouse-Over، ثم حدد لون تمييز باستخدام منتقي الألوان (أو أدخل قيمة سداسية عشر للون التمييز في مربع النص).

• لتمكين أو تعطيل تمييز عناصر الجدول، قم بتحديد أو إلغاء تحديد الخيار Show أو لـ Mouse-Over.

معرف للجدول.

عدد الصفوف والأعمدة في الجدول.

عرض الجدول بالبكسل أو كنسبة مئوية من عرض نافذة المستعرض.

عدد البكسلات بين محتوى الخلية وحدود الخلية.

عدد وحدات البكسل بين خلايا الجدول المتجاورة.

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

يؤدي الخيار Left إلى محاذاة الجدول إلى يسار العناصر الأخرى (بحيث يلف النص في نفس الفقرة حول الجدول إلى اليمين)؛ بينما يؤدي الخيار Right إلى محاذاة الجدول إلى يمين العناصر الأخرى (بحيث يلف النص حول الجدول إلى اليسار)؛ بينما يؤدي الخيار Center إلى توسيط الجدول (بحيث يظهر النص فوق و/أو تحت الجدول). بينما يشير الخيار Default إلى أنه يجب على المستعرض استخدام محاذاته الافتراضية.

يحدد عرض حدود الجدول بالبكسل.

يعين فئة CSS على الجدول.

يعمل الخيار Clear Row Heights على حذف كل قيم ارتفاع الصفوف أو عرض العمود المحددة صراحةً من الجدول.

وتحويل ارتفاعات الجدول إلى بكسلات يحدد عرض أو ارتفاع كل عمود في الجدول إلى عرضه الحالي بالبكسلات (ويحدد أيضاً عرض الجدول بأكمله إلى عرضه الحالي بالبكسلات).

وتحويل ارتفاعات الجدول إلى نسبة مئوية يحدد عرض أو ارتفاع كل عمود في الجدول إلى عرضه الحالي معبراً عنه كنسبة مئوية من عرض إطار المستند (ويحدد أيضاً عرض الجدول بأكمله إلى عرضه الحالي كنسبة مئوية من عرض إطار المستند).

إذا أدخلت قيمة في مربع نص، اضغط Tab أو Enter (Windows) أو Return (Macintosh) لتطبيق القيمة.

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

يحدد المحاذاة العمودية لمحتويات خلية أو صف أو عمود. يمكنك محاذاة المحتويات إلى الأعلى أو الوسط أو الأسفل أو الخط المرجعي للخلايا، أو تحديد أن المتصفح يجب أن يستخدم المحاذاة الافتراضية (عادةً الوسط).

عرض أو ارتفاع الخلايا المحددة بالبكسل أو كنسبة مئوية من عرض أو ارتفاع الجدول بأكمله. لتحديد النسبة المئوية، اتبع القيمة برمز النسبة المئوية (%). لكي تترك المستعرض يحدد العرض أو الارتفاع الملائم بناءً على محتويات الخلية وعروض وارتفاعات الأعمدة أو الصفوف الأخرى، اترك الحقل فارغًا (الوضع الافتراضي).

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

لون الخلفية للخلية أو العمود أو الصف، المختار باستخدام أداة اختيار الألوان.

دمج خلايا أو صفوف أو أعمدة محددة في خلية واحدة. يمكنك دمج خلايا فقط إذا كانت تكون مستطيلاً أو كتلة طولية.

يقسم خلية، بإنشاء خليتين أو أكثر. يمكنك تقسيم خلية واحدة فقط في كل مرة؛ هذا الزر معطل إذا تم تحديد أكثر من خلية واحدة.

يمنع التفاف الأسطر، مما يبقي كل النص في خلية معينة على سطر واحد.إذا كان خيار عدم التفاف النص مفعلاً، تتوسع الخلايا لتستوعب كل البيانات أثناء كتابتها أو لصقها في الخلية.(عادةً، تتوسع الخلايا أفقياً لتستوعب أطول كلمة أو أوسع صورة في الخلية، ثم تتوسع عمودياً حسب الضرورة لتستوعب المحتويات الأخرى.)

تقوم بتنسيق الخلايا المحددة كخلايا رأس الجدول.محتويات خلايا رأس الجدول عريضة ومتوسطة افتراضياً.

لمزيد من المعلومات حول الخيارات، انقر على أيقونة المساعدة في مفتش الخصائص.

في عرض التصميم، اسحب الحدود اليمنى للعمود الذي تريد تغييره.

عرض العمود المجاور يتغير أيضًا، لذا أنت فعليًا تغير حجم عمودين. التعليقات المرئية تظهر لك كيف ستتكيف الأعمدة؛ عرض الجدول الإجمالي لا يتغير.

في طريقة عرض التصميم، اضغط باستمرار على مفتاح Shift واسحب حدود العمود.

يتغير عرض عمود واحد. تُظهر لك التعليقات البصرية كيف ستتكيف الأعمدة؛ يتغير عرض الجدول الإجمالي لاستيعاب العمود الذي تقوم بتغيير حجمه.

يعيد Dreamweaver تعيين العرض المحدد في الكود لمطابقة العرض البصري.

• حدد Edit > Table > Clear Cell Widths، أو Edit > Table > Clear Cell Heights.

• في عارض الخصائص (Window > Properties)، انقر فوق الزر Clear Row Heights أو الزر Clear Column Widths .

• انقر على قائمة رأس الجدول، ثم حدد Clear All Heights أو Clear All Widths.

حدّد تحرير > جدول > إدراج صفوف أو أعمدة، وأكمل مربع الحوار، وانقر على موافق.

يحدد ما إذا كان يتم إدراج صفوف أو أعمدة.

عدد الصفوف أو الأعمدة المطلوب إدراجها.

يحدد ما إذا كانت الصفوف أو الأعمدة الجديدة يجب أن تظهر قبل أو بعد صف أو عمود الخلية المحددة.

في الرسم التالي، التحديد عبارة عن مستطيل من الخلايا، لذلك يمكن دمج الخلايا.

في الرسم التالي، التحديد ليس مستطيلاً، لذلك لا يمكن دمج الخلايا.

• حدد تحرير > جدول > دمج الخلايا.

• في مفتش خصائص HTML الموسع (نافذة > خصائص)، انقر فوق دمج الخلايا.

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

• حدد تحرير > جدول > تقسيم الخلية.

• في مفتش خصائص HTML الموسع (نافذة > خصائص)، انقر فوق تقسيم الخلية.

يحدد ما إذا كان سيتم تقسيم الخلية إلى صفوف أو أعمدة.

يحدد عدد الصفوف أو الأعمدة المراد تقسيم الخلية إليها.

في الرسم التالي، التحديد عبارة عن مستطيل من الخلايا، لذلك يمكن قص الخلايا أو نسخها.

في الرسم التالي، التحديد ليس مستطيلاً، لذلك لا يمكن قص الخلايا أو نسخها.

• لاستبدال خلايا موجود بالخلايا التي تلصقها، حدد مجموعة من الخلايا الموجودة بنفس التخطيط مثل الخلايا الموجودة على الحافظة. (على سبيل المثال، إذا نسخت أو قصصت كتلة من الخلايا 3 x 2، يمكنك تحديد كتلة أخرى 3 x 2 من الخلايا لاستبدالها باللصق).

• للصق صف بأكمله من الخلايا فوق خلية معينة، انقر في هذه الخلية.

• للصق عمود بأكمله من الخلايا إلى يسار خلية معينة، انقر في هذه الخلية.

• لإنشاء جدول جديد بخلايا ملصوقة، ضع نقطة الإدراج خارج الجدول.

إذا كنت تقوم بلصق صفوف أو أعمدة كاملة في جدول موجود، فسيتم إضافة الصفوف أو الأعمدة إلى الجدول.إذا كنت تقوم بلصق خلية فردية، فسيتم استبدال محتويات الخلية المحددة. إذا كنت تقوم باللصق خارج جدول، فسيتم استخدام الصفوف أو الأعمدة أو الخلايا لتعريف جدول جديد.

اضغط DELETE.

حدد Edit > Table > Delete Row، أو Edit > Table > Delete Column.

حدد Edit > Table > Sort Table، واضبط الخيارات في مربع الحوار، وانقر فوق OK.

يحدد قيم أي عمود سيتم استخدامها لترتيب صفوف الجدول.

يحدد ما إذا كان سيتم ترتيب العمود أبجديًا أم رقميًا، وما إذا كان سيتم ترتيبه تصاعديًا (من A إلى Z، من الأرقام الأقل إلى الأرقام الأعلى) أم تنازليًا.

عندما تكون محتويات العمود أرقامًا، حدد Numerically.الترتيب الأبجدي المطبق على قائمة من الأرقام المكونة من رقم واحد أو رقمين ينتج عنه ترتيب الأرقام كما لو كانت كلمات (مما يؤدي إلى ترتيب مثل 1، 10، 2، 20، 3، 30) بدلاً من ترتيبها كأرقام (مما يؤدي إلى ترتيب مثل 1، 2، 3، 10، 20، 30).

يحدد ترتيب الفرز للفرز الثانوي على عمود مختلف.حدد عمود الفرز الثانوي في القائمة المنسدلة Then By، وترتيب الفرز الثانوي في القوائم المنسدلة Order.

يحدد أن الصف الأول من الجدول يجب أن يتم تضمينه في الترتيب.إذا كان الصف الأول عنوانًا لا يجب نقله، فلا تحدد هذا الخيار.

يحدد ترتيب جميع الصفوف في قسم thead للجدول (إن وُجد) باستخدام نفس المعايير المستخدمة لصفوف المحتوى.(لاحظ أن صفوف thead تبقى في قسم thead ولا تزال تظهر في أعلى الجدول حتى بعد الترتيب.)للحصول على معلومات حول علامة thead، راجع لوحة المرجع (حدد Help > Reference).

يحدد ترتيب جميع الصفوف في قسم tfoot للجدول (إن وُجد) باستخدام نفس المعايير المستخدمة لصفوف المحتوى.(لاحظ أن صفوف tfoot تبقى في قسم tfoot ولا تزال تظهر في أسفل الجدول حتى بعد الترتيب.)للحصول على معلومات حول علامة tfoot، راجع لوحة Reference (حدد Help > Reference).

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