إنشاء واستخدام الجداول

نصل الآن إلى واحد من أهم الدروس الأساسية في برنامج فرونت بيج, حيث أن تصميم الموقع يفضل أن يكون ضمن جداول حتى تضمن أن يظهر المظهر نفسه للموقع الذي صممته في كل أجهزة الكمبيوتر وعلى جميع دقة الشاشة إضافة إلى أهم أنواع مستكشفات الانترنيت. و بالتالي إذا أجدت استخدام الجداول في صفحات الويب يتيح لك قدراً هائلاً من التحكم في وضع الصور و النصوص داخل الصفحات.
و الجداول عبارة عن هياكل شبكية مستطيلة، تستطيع إنشاءها لتحوي بداخلها صوراً أو نصوصاً, تسمى مجموعة الخلايا الأفقية بـ "صف"، في حين تسمى مجموعة الخلايا الرأسية بـ "عمود".

إنشاء جدول:

لإنشاء جدول قم بما يلي:
بعد إنشاء صفحة جديدة من قائمة جدول قم باختيار إدراج ومن ثم جدول يفتح لك مربع حوار إدراج جدول.
الحجم الافتراضي لأي جدول جديد هو أربع خلايا تتألف من عمودين وصفين, استخدم القيم الافتراضية لباقي الخيارات ومن ثم اضغط زر موافق سيتم إنشاء الجدول.

التحكم في حجم الجدول:

يتم تحديد حجم الجدول إما حسب النسبة المئوية بالنسبة لحجم الشاشة أو حسب عدد البكسلات. بكسلات عناصر الصورة أو البكسلات هي أصغر وحدات تستخدم معاً لعرض المعلومات على الشاشة، و من المرجح أنك سمعت المصطلح المستخدم لوصف درجة وضوح العرض على الشاشة. على سبيل المثال، من درجات الوضوح الشائعة درجتا 600X 800 و 768X 1024. هذه الدرجة تشير إلى عدد البكسلات (أفقياً X رأسياً) المعروضة على الشاشة التي تستخدمها. عندما تحدد عرض الجدول وفق نسبة مئوية معينة، فإن العرض سيكون نسبياً، أي وفق نسبة عرض الشاشة.
أما إذا حددت الجدول وفق عدد معين من البكسلات فإنك تحدد عرضاً مطلقاً للجدول .
لتغيير عرض أو ارتفاع الجدول:
اضغط الزر اليمين للماوس داخل الجدول ومن ثم قم باختيار خصائص الجدول يفتح لك مربع حوار خصائص الجدول من تحديد العرض قم باختيار بالنسبة المئوية ومن ثم ضع القيمة 50, اضغط زر موافق وبالتالي سيتغير حجم الجدول الذي قمت بإنشائه. طبعاً نفس الخطوات تستعمل لتغيير ارتفاع الجدول ولكن بتعديل تحديد الارتفاع .

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

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

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

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

معالجة الخلايا في الجدول :

يمكنك إضافة أو إزالة الخلايا من الجدول في أي وقت تشاء، و أيضاً بإمكانك أن تقسم الخلية إلى خليتين أو أكثر، أيضاً يمكن دمج خليتين أو أكثر في خلية واحدة, ولنبدأ الآن بالتعرف على كيفية معالجة الخلايا في الجداول.

 

إضافة الخلايا:

لإضافة صف أو عمود جديد إلى الجدول:

1. قم بإنشاء جدول بسيط يحوي صفين و عمودين مستخدماً في ذلك القيم الافتراضية.
2. انقر داخل أحد خلايا الجدول.
3. من قائمة جدول، حدد خيار إدراج ثم صفوف أو أعمدة لتفتح مربع حوار إدراج صفوف أو أعمدة.
4. حدد زر الخيار صفوف لإدراج صف أو أكثر في الجدول أو أعمدة لإدراج عمود أو أكثر في الجدول.
5. حدد عدد الصفوف أو الأعمدة التي تريد إضافتها إلى الجدول. يمكن إضافة من 1 إلى 1000 صف أو عمود.
6. أسفل جزء الموقع، حدد إذا ما كنت تريد إضافة الصفوف إلى أعلى أو أسفل الخلية (التحديد) التي يوجد بها مؤشر الكتابة حالياً.
7. انقر زر موافق لإنهاء عملية الإضافة وإغلاق مربع الحوار،

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

تقسيم الخلايا:
قد ترغب أحياناً بتقسيم الخلية إلى عدة خلايا مثالاً على ذلك.
لتقسيم الخلية الواحدة إلى خليتين أو أكثر:

1. حدد الخلية التي تريد تقسيمها بالنقر داخلها.
2. من قائمة جدول، اختر أمر تقسيم الخلايا لتفتح مربع حوار انقسام الخلايا.
3. حدد نوع التقسيم الذي تريده، إلى أعمدة أو صفوف.
4. حدد عدد الأعمدة أو الصفوف الذي تريد أن تنقسم إليه الخلية المحددة، في الوضع الافتراضي، يتم تحديد 2، و أقصى عدد يمكنك تحديده هو 100.
5. انقر زر موافق لإغلاق مربع الحوار وتقسيم الخلايا.

دمج الخلايا:

1. حدد الخلية الأولى التي تريد أن تدمج فيها بقية الخلايا ثم ضع مؤشر الكتابة بداخلها.

2. احتفظ بمفتاح Shift مضغوطاً ثم حدد الخلية المجاورة التي تريد أن تدمجها بالخلية السابقة المحددة ستظهر الخليتان بلون مميز

3. من قائمة جدول اختر أمر دمج الخلايا وسيتم دمج الخلايا التي حددتها في خلية واحدة

 

 

حذف الخلايا:

لحذف خلية أو أكثر من الجدول:

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