Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page
Search the Web

Lesson 9 Front Page © alshenawi 2001
 Home Page  Guest Book
 

 


 

الدرس التاسع : إنشاء الجداول واستخدامها

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

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

أتبع الخطوات التالية :

bullet

اذهب إلى قائمة الأوامر .. وأنقر على table ثم اذهب إلى insert وبعدها اضغط أمر table كما في الشكل التالي :
 

 copyright © alshenawi 2001

bullet

ستفتح لك نافذة جديدة .. تحدد فيها خصائص الجدول .. كما في الشكل التالي :
 

 copyright © alshenawi 2001
 

الآن سنشرح هذه النافذة بالتفصيل وذلك لمزيد من الإيضاح :
 

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

size

يمكنك من تحديد محاذاة الجدول في الصفحة

algnment

يمكنك من تحديد مقاس إطار الجدول

border size

يمكنك من تحديد المسافات البادئة للجدول أفقيا ورأسيا

cell padding
cell spacing

يمكنك من تحديد اتجاه العناصر ومحاذاتها داخل الجدول

table direction

تحديد عرض الجدول

specify width

ولمزيد من التخصيص والدقة .. أنقر  style

 

bullet

ويمكنك استخدام أمر الجدول من قائمة الاختصارات وحدد عدد الصفوف وعدد الأعمدة التي تحتاجها كما في الشكل التالي :
 

 copyright © alshenawi 2001
 


بعد عملية إدراج الجدول في الصفحة .. سنقوم بعمل إدراج وتنسيق للنص داخل الجدول .

اتبع الخطوات التالية :

bullet

انقر في خلية الجدول اليمني العليا .. ثم أدخل أي نص تريده .. مثلا :

( إن مايكروسوفت فرونت بيج إكس بي 2002 هو أداة تصميم ويب الأحدث لدي مايكروسوفت فيما يتعلق بالحواسيب الشخصية ) ..

bullet

أنقر على الخلية التي تليها إلى الأسفل لكي تنتقل إليها وأكتب ما يلي :

( إن موقع الويب مجموعة من صفحات الويب المتعلقة ببعضها والملفات الأخرى المتبطة مع بعضها )

بعد ذلك سيظهر الجدول كما في الشكل التالي :
 

 copyright © alshenawi 2001

bullet

الآن حدد الخلايا التي تحتوي على الكتابة .. كما في الشكل التالي :
 

 copyright © alshenawi 2001

bullet

الآن أنقر بالزر الأيمن على الخلايا المحددة .. ستظهر لك قائمة اذهب إلى  cell properties  ستفتح لك نافذة كما في الشكل التالي :
 

 copyright © alshenawi 2001
 

bullet

الآن سوف تظهر أمامك نافذة خصائص الخلية .. هنا من هذه القائمة تستطيع التحكم بخصائص الخلية .. اللون .. الإطار .. الخط وخصائصه .. محاذاة الكائة ( صورة أو نص ) داخل الخلية .. كما في الشكل التالي :
 

 copyright © alshenawi 2001
 

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

تستطيع التحكم بمحاذاة ما بداخل الخلية أفقيا Horizontal alignment
تستطيع التحكم بمحاذاة ما بداخل الخلية رأسيا vertical alignment
عرض الخلية .. وتكون إما بالبكسل أو بالمئوية specify width

ارتفاع الخلية .. وتكون إما بالبكسل أو بالمئوية

specify height
تستطيع التحكم بألوان الإطارات للخلايا border
تستطيع التحكم بلون خلفية الخلية color

تستطيع إضافة صورة لخلفية للخلايا وذلك بتحديد خيار
use background picture
ثم أنقر على browse  لكي تحدد الصورة المطلوب

ولمزيد من التخصيص والدقة .. أنقر  style

 

bullet

الآن وقد تعلمنا كيفية التحكم بالخلايا وتنسيقها وأيضا ما تحتويه هذه الخلايا .. وتنسيق النص بداخلها .. نذكر بأن الأمر  cell properties يستخدم في التحكم بخصائص الخلية ومحتوياتها وتنسيقها
 

bullet

أما اذا أردت التحكم بالجدول ككل .. أذهب إل خصائص الجدول وتعتبر مشابه لخصائص الخلية مع بعض الفروق في التطبيق .. وذلك عن طريق الأمر  table properties ..
 

bullet

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

bullet

بعدما انشأت الجدول المطلوب .. يجب معرفة أمور مهمة بعض الشئ .. أشر على أي من الخلايا .. وأنقر بالزر الأيمن للماوس تظهر لكك قائمة .. كما في الشكل التالي :


 

 copyright © alshenawi 2001

insert rows  لإضافة صف أو خلية أفقية وتضاف فوق الخلية المشار عليها

insert columns  لإضافة عامود أو خلية رأسية يمين الخلية المشار عليها

delete cells  لحذف خلية من الجدول

merge cells  لدمج خليتين مع بعضها ويشترط وجود الخليتين في نفس الجدول

split cells  لتقسيم الخلية إلى عدة اقسام أفقة ورأسية

distribute columns evenly  لضبط تساوي الخلايا في نفس الجدول

 


يمكنك استخدام جداول منسقة جاهزة اتبع الخطوات التالية :

bullet

اذهب إلى table  ثم إلى  table auto format  ستظهر لك نافذة جديدة .. كما في الشكل التالي :
 

 copyright © alshenawi 2001
 

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

 

 

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




 

Home    About Us    Guest Book    Mail List    Contact Me  ]