* اعداد - خالد ابا الحسن
تعرضنا في الحلقة الماضية لكيفية إدراج الصور وتحويلها الى وصلات وفي هذه الحلقة سنتحدث عن ادراج الجداول في الصفحة ونختم ببعض التلميحات المهمة المتعلقة بجوانب النشر المختلفة.
أهمية الجداول
الجداول طريقة تنظيمية خفيفة أغلب المصممين لضبط صفحاتهم ففي بعض الصفحات يظهر النص مقسماً الى اعمدة بأحجام مختلفة تتداخل فيها الصور والخلايا المتفاوتة الأحجام, وكل ذلك تم عمله من خلال الجداول, فهي تعطي مرونة كبيرة للمصمم وامكانات هائلة لتنفيذ افكار رائعة تتداخل فيها النصوص مع الصور والكائنات امام ناظري الزائر, كما أن اختلاف الشاشات لدى متصفحي الانترنت يؤدي الى اشكالية تحديد حجم الصفحة, هذا التفاوت بين المستخدمين يمكن التغلب على آثاره باستخدام عدة طرق تصميمية تأتي الجداول كواحدة من اهمها فعن طريقها يمكن للمصمم ان يحدد خلايا جانبية محدودة الأبعاد وذلك لإضافة الأطر الجانبية, بينما يقوم بوضع العناصر النصية والفنية في الخلايا الداخلية من الجدول, ويمكن ترك بعض الخلايا خالية لاضافة بعض التأثيرات الفنية على التصميم, والاستخدام الفعال للجداول من شأنه أن يقدم مظهراً جذاباً خفيفاً على المتصفحات محققاً لغالب الأفكار التصميمية التي قد تظهر لدى المصمم, والجداول بالفعل خير وسيلة للابداع اذا ما تيسر للمصمم توظيفها التوظيف الصحيح وقد تؤدي الى فوضى تصميمية اذا لم يحسن المصمم استخدامها.
إدراج الجداول
طريقة ادراج الجداول في صفحات الانترنت لا يختلف كثيراً عن طريقة ادراجها في الوثائق المعتادة في برامج مايكروسوفت الأخرى مثل وورد, فيمكن عمل ذلك عن طريق الأيقونة المحددة للجداول (وهي نفسها في جميع البرامج) او عن طريق قائمة الأوامر.
وفي البداية ضع المؤشر Curser في الموضع الذي ترغب في ان يظهر فيه الجدول وباستعمال قائمة الأوامر في برنامج مايكروسوفت فرونت بيج اكسبرس اختر قائمة الجداول Table وحدد أمر ادخال الجدول Insert Table, وستظهر عندها نافذة تنظيم الجدول وهي مهمة لتحديد شكل الجدول المطلوب, عند ظهور النافذة يمكن للمصمم عندها تحديد جوانب معينة من الجدول (الصورة) كما تبين النقاط التالية:
* ستظهر ثلاث مجموعات أولها مختصة بعدد خلايا الجدول أفقياً Rows وعمودياً Column
وهنا ينبغي تحديد عدد الخلايا المطلوبة.
* المجموعة الثانية تحدد وضعية الجدول وخصائصه وهي تشمل عناصر متعددة وهي:
اتجاه الجدول Column
Order وهنا ينبغي اختيار RTL لجدول اللغة العربية ثم عنصر محاذاة الجدول alignment وهي تحدد موضعه من الصفحة (يميناً أو يسار أو في الوسط), والعناصر الثلاثة الأخيرة في هذه المجموعة تحدد حجم خطوط الجدول, فإن شاء المصمم فإن بامكانه جعل القيمة صفرا لتختفي الخطوط تماماً وتظهر عناصر الجدول مرتبة حسب ترتيب الخلايا لكن لا يتمكن القارىء من ملاحظة الخطوط (الصورة).
وينصح مستعملو فرونت بيج بعدم اخفاء خطوط الجدول حتى الانتهاء من عملية التصميم وذلك ليتيسر رؤية حدوده حتى انتهاء العمل فيه.
* المجموعة الثالثة تحدد عرض الجدول من الصفحة وهو من أهم العناصر وتحديد المقياس يكون اما بوحدة البكسل Pixel او بالنسبة المئوية Percentage من الشاشة.
وننصح باختيار النسبة المئوية ثم تحديد الرقم الذي ينبغي الا يزيد عن 95% وذلك تجنباً لاختفاء جوانب من الجدول, وبالنظر الى الصفحات التي تستخدم الجداول في التصميم على الانترنت فان خللاً في هذا الجانب يظهر في كثير منها لعدم عناية المصممين بتحديد قياسات الجدول المدرجة.
* عند اكتمال تحديد خصائص الجدول اكمل العملية بالموافقة وسيظهر الجدول في موضعه الذي حدد له, عندها يمكنك ادخال العناصر المطلوبة في الخلايا التي ترغبها, وبامكانك اخي القارىء ادخال صور او نصوص حسب رغبتك, وسيكون بامكانك تغيير حجم الصورة عند ظهورها في الخلية التي تختار لها تماماً كما لو كانت في موضع آخر من الصفحة.
* ومن اللمحات المهمة في ادراج الصور داخل الجدول هو ضرورة معرفة ان الصورة تؤثر على حجم الخلية التي توضع فيها ولذا فان حجم الخلايا سيختل وتتأثر بقية الخلايا بسبب خلية واحدة, ولتعديل ذلك ينبغي تغيير حجم الصورة بالضغط عليها بالزر الايسر من الفأرة حتى تظهر مربعاتها ثم القيام بسحب تلك المربعات حتى تصبح الصورة في حجم مقبول يتناسب والخلية التي تحتويها.
* ومن اللمحات المهمة ايضاً امكان ادراج جدول داخل آخر, ويتم ذلك بوضع المؤشر في الموضع المراد ادراج جدول داخلي به ثم القيام بعملية ادراج الجدول بالطريقة المعتادة.
* بإمكان المصمم كذلك ان يقوم بتلوين خلايا الجدول كما يشاء, وهذه الامكانية تعطي المصمم قدرات افضل على الابداع في التصميم بحيث يقوم باعطاء خلايا معينة او اعمدة كاملة الوانا تختلف عن بقية الصفحة معطياً تباينا مفيداً لتمييز اجزاء من الجدول دون غيرها وللقيام بذلك يضغط المصمم على الزر الايمن من الفأرة على الخلية التي يرغب تمييزها بلون معين ثم يختار خصائص الخلية Cell Properties من قائمة الأوامر, وعند ظهور نافذة الخصائص يختار من المجموعة الثانية عنصر الألوان الخلفية Background color ويقوم باختيار اللون الذي يرغبه ويضغط زر الموافقة بعد ذلك عندها ستظهر تلك الخلية فقط باللون الذي تم تحديده.
* وعند الرغبة في تلوين خط افقي او عمودي كامل من الخلايا فان على المصمم تقريب مؤشر الفأرة الى حافة الجدول حتى يظهر اسم اسود صغير عندها يضغط على الزر الايمن ليتم تظليل خط الخلايا كاملاً بعد ذلك يقوم بالضغط على الزر الأيمن واختيار خصائص الخلية من القائمة وتتم العملية تماماً كما في الفقرة السابقة.
* خصائص الجدول تمكن المصمم من تغيير الألوان واختيار الخلفيات كما يرغب, فبالامكان مثلاً استخدام صورة لخلفية الجدول او خلايا معينة منه، كما ان بالامكان استخدام الوان فقط, وهذا يتم عن طريق الضغط بالزر الايمن على الجدول واختيار خصائص الجدول Table Properties من قائمة الأوامر ثم القيام بالخطوات المذكورة في الفقرتين السابقتين.
وفي الحلقة القادمة سنستعرض عددا من اللمحات العامة لتكوين هذه الجداول وانشائها فالى اللقاء في الحلقة القادمة.