الجداول (الدرس العاشر )
مجتمع رجيم / التربية و التعليم
كتبت :
سعاد الراشد
-
الدرس العاشر
[align=center]الجداول[/align]
ما أهمية الجدول في تصميم المواقع؟
في الحقيقة الجداول لها أهمية كبرى في تنظيم ال ( هذا بجانب إمكانية استخدامها ككائن في الصفحة ) فمعظم المواقع التي تراها يتم استخدام الجداول فيها ( حتى وان لم تستطع أنت ملاحظة ذلك ) .
مم يتكون الجدول؟؟
الجدول عبارة عن مجموعة من الخلايا .. إذا رتبت هذه الخلايا في إتجاه أفقي كونت مايسمى بالصف ( row ) .. وإذا رتبت في أتجاه رأسي كونت ما يسمى بالعمود ( column )
*****
*****
كيف يمكن إنشاء جدول؟
يمكنك ذلك عن طريق الأمر table ذي وسمي البداية والنهاية.
الأساس هنا هو الصف .. بمعنى أنه يتم تحديد عدد الصفوف أولا ثم تحديد عدد خلايا كل صف ومن ذلك ينتج لنا عدد الأعمدة .. مثلا جدول به خمسة صفوف في كل صف ستة خلايا فكم عمود لدينا؟؟ ( ليست فزورة ) الإجابة أن لدينا ستة صفوف .
الأمر كذلك في لغة الهتمل
أولا تحدد الصف باستخدام الأمر tr بوسمي البداية والنهاية له , ثم تحدد عدد الخلايا في كل صف بواسطة الأمر td بوسمي البداية والنهاية حيث يتم كتابتهما بين وسمي البداية والنهاية للأمر tr . وبذلك نكون قد حددنا أيضا عدد الأعمدة ( وهو يساوي عدد الخلايا في كل صف )
سوف تتضح الرؤية أكثر من خلال الأمثلة
مثال 1:
نريد عمل جدول به صف واحد وعمودان
لعمل ذلك نتبع الخطوات الآتية :
نحدد صف واحد باستخدام الأمر tr
نحدد عمودان باستخدام الأمر td مكرر مرتين وموضوع بين وسمي البداية والتهاية للأمر tr .
****
*****
اجراء خطوة الحفظ و التحديت لمشاهدة التغيير
ستتساءل .. أين هو الجدول!؟
أنت أنشأت جدولا بالفعل لكنك لم تحدد سمك الحدود التي تريدها للجدول فوضعها الجهاز بقيمة افتراضية صفر أي أنه بدون حدود .
لتحديد حدود الجدول نستخدم الكود border=1 والتي يتم وضعها داخل وسم البداية للأمر table كما يلي :
******
******
و انضر للنتيجة بعد الحفظ و التحديت
[align=center]الجداول[/align]
ما أهمية الجدول في تصميم المواقع؟
في الحقيقة الجداول لها أهمية كبرى في تنظيم ال ( هذا بجانب إمكانية استخدامها ككائن في الصفحة ) فمعظم المواقع التي تراها يتم استخدام الجداول فيها ( حتى وان لم تستطع أنت ملاحظة ذلك ) .
مم يتكون الجدول؟؟
الجدول عبارة عن مجموعة من الخلايا .. إذا رتبت هذه الخلايا في إتجاه أفقي كونت مايسمى بالصف ( row ) .. وإذا رتبت في أتجاه رأسي كونت ما يسمى بالعمود ( column )
*****
*****
كيف يمكن إنشاء جدول؟
يمكنك ذلك عن طريق الأمر table ذي وسمي البداية والنهاية.
الأساس هنا هو الصف .. بمعنى أنه يتم تحديد عدد الصفوف أولا ثم تحديد عدد خلايا كل صف ومن ذلك ينتج لنا عدد الأعمدة .. مثلا جدول به خمسة صفوف في كل صف ستة خلايا فكم عمود لدينا؟؟ ( ليست فزورة ) الإجابة أن لدينا ستة صفوف .
الأمر كذلك في لغة الهتمل
أولا تحدد الصف باستخدام الأمر tr بوسمي البداية والنهاية له , ثم تحدد عدد الخلايا في كل صف بواسطة الأمر td بوسمي البداية والنهاية حيث يتم كتابتهما بين وسمي البداية والنهاية للأمر tr . وبذلك نكون قد حددنا أيضا عدد الأعمدة ( وهو يساوي عدد الخلايا في كل صف )
سوف تتضح الرؤية أكثر من خلال الأمثلة
مثال 1:
نريد عمل جدول به صف واحد وعمودان
لعمل ذلك نتبع الخطوات الآتية :
نحدد صف واحد باستخدام الأمر tr
نحدد عمودان باستخدام الأمر td مكرر مرتين وموضوع بين وسمي البداية والتهاية للأمر tr .
****
*****
اجراء خطوة الحفظ و التحديت لمشاهدة التغيير
ستتساءل .. أين هو الجدول!؟
أنت أنشأت جدولا بالفعل لكنك لم تحدد سمك الحدود التي تريدها للجدول فوضعها الجهاز بقيمة افتراضية صفر أي أنه بدون حدود .
لتحديد حدود الجدول نستخدم الكود border=1 والتي يتم وضعها داخل وسم البداية للأمر table كما يلي :
******
******
و انضر للنتيجة بعد الحفظ و التحديت
كتبت :
سعاد الراشد
-
بقية الدرس العاشر
أنت الآن قمت بعمل جدول وحددت حدوده لكنك تريد إجراء بعض التغييرات عليه ليناسب حاجتك.
قمت بتلخيص أوامر التعدبلات في هذا الجدول ولاحظ أن جميع هذه الأكواد توضع بين وسمي البداية والنهاية للأمر table .
أنت الآن قمت بعمل جدول وحددت حدوده لكنك تريد إجراء بعض التغييرات عليه ليناسب حاجتك.
قمت بتلخيص أوامر التعدبلات في هذا الجدول ولاحظ أن جميع هذه الأكواد توضع بين وسمي البداية والنهاية للأمر table .
