Unconfigured Ad Widget

Collapse

الدرس السادس للفرونت بيج

Collapse
X
  •  
  • الوقت
  • عرض
مسح الكل
new posts
  • الكناني
    مشرف سابق
    • Oct 2001
    • 1204

    الدرس السادس للفرونت بيج

    التعامل مع الجداول

    تعتبر الجدوال من اهم الركائز الاساية في بناء معظم مواقع الويب ... فنادرا ما تجد موقع يستغني عن استخدامها ...

    فهي تمكنك من تحديد موقع عناصر صفحتك من نصوص او صور بشكل دقيق ... وترتيبها بشكل مميز .

    وهذه بعض الامثلة على اشكال الجدوال التي تستطيع تصميمها



    وهناك العديدي من الاشكال التي يمكنك انشائها فالموضوع يعتمد اولا واخيرا على الغرض من انشاء الجدول .

    سنبدا الان بالتعرف على كيفية ادراج جدول بسيط :

    اختر من شريط الادوات الرئيسي Table ثم Insert ثم Table كما في الشكل



    سيظهر لك مربع حوار Insret Table كما في الشكل



    بعد ادراج الجدول هناك امران مهمان سوف تحتاج لهما كثيرا :-
    1- Split cells : - وهو لتقسيم الخلايا .
    2- Merge cells : - وهو لدمج الخلايا .

    اولاً : Split cells ( تقسيم الخلايا )
    ضع مؤشر الماوس داخل الخلية التي تريد تقسيمها واضغط بزر الفارة الايمن وسوف تنفتح لك قائمة اختر منها امر Split cells كما في الشكل



    عند الضغط على Split cells ستشاهد مربع الحوار التالي



    ثانيا : Merge cells ( دمج الخلايا )
    ظلل الخلايا التي تريد دمجها وضع الفارة على احد الخلايا المظلله وانقر زر الفارة الايمن وستشاهد القائمة التالية



    وبمجرد الضغط على امر Merge cells سوف ينفذ امر الدمج فوراً .
  • الكناني
    مشرف سابق
    • Oct 2001
    • 1204

    #2
    تابع للدرس السادس

    واذا اردت اجراء اي تعديلات بعد ادراج الجدول فما عليك الا ان تحدد التغير هلى هو على كامل الجدول او على خلية او بعض الخلايا ..
    فاذا اردت ان يكون التعديل على الجدول باكملة فما عليك الا وضع المؤشر داخل اي خلية من خلابا الجدول والضغط بزر الفارة الايمن ثم من القائمة المنسدلة تقوم باختيار Table Properties
    اما اذا كن التغيير على خلية فضع المؤشر داخل الخلية المقصودة واضغط بزر الفارة الايمن واختر من القائمة المنسدلة cell Properties واذا كان التغيير على عدة خلايا فحدد الخلايا بتظليها والضغط بزر الفارة الايمن في الوقت الذي يكون المؤشر موضوع على احد الخلايا المظلله واختر من القائمة المنسدلة cell Properties

    كما في الشكل



    والآن وبعد أن تعرفنا على كيفية انشاء الجداول والتحكم بخصائصها وتقسيم الخلايا ودمجها دعنا نتعمق اكثر في التعامل مع هذه الجداول

    ادراج صف او عمود ( فوق - تحت ) :-
    لنفرض انك ادرجت جدول من صفين وعمودين وهو الشل الافتراضي للجداول في الفرونت بيج لكنك ربما اردت زيادة عدد الصفوف او الاعمدة ... ربما يتباد لذهن الشخص المبتدا ان يلغي الجدول ويدرج جدول جديد حسب العدد الذي يردة .... !!! لماذا هذا العناء ؟ هل تعلم انه بامكانك زيادة عدد الاعمدة او الصفوف وكذلك يمكنك تحديد موضوع الزيادة سواء في اعلى الجدول او اسفله !! .. لكن كيف ؟ الطريقة سهلة جدا ..
    اذا كنت تريد اضافة صف جديد فيجب عليك ان تراعي شيء مهم وهو هل الصف يتكون من خلية واحده او عدة خلايا حيث لو كان يتكون من خلية واحدة فما عليك الا ان تضع المؤشر داخل هذه الخلية .. اما اذا كان يتكون من عدة خلايا فيجب عليك تظليل هذه الخلايا وفي كلا الحالتين وبعد تحديد الصف اتبع الخطوات التالية ( Table ثم Insert ثم Rows or Columns ) كما في الشكل التالي



    وعندها سيظر الشكل التالي



    اما اذا كنت تريد اضافة عمود جديد فيجب عليك ان تراعي شيء مهم وهو هل العمود يتكون من خلية واحده او عدة خلايا حيث لو كان يتكون من خلية واحدة فما عليك الا ان تضع المؤشر داخل هذه الخلية .. اما اذا كان يتكون من عدة خلايا فيجب عليك تظليل هذه الخلايا وفي كلا الحالتين وبعد تحديد العمود اتبع الخطوات التالية ( Table ثم Insert ثم Rows or Columns ) كما في الشكل التالي



    وعندها سيظر الشكل التالي



    لحذف صف او عمود او خلية :-
    اذا اردت حذف صف او عمود او خلية معينة .. ما عليك الا ان تحدد ما تريد حذف ثم تضغط بزر الفارة الايمن على ما ظللته وسوف تنسدل لك قائمة اختر منها Delete Calls كما في الشكل

    تعليق

    • الكناني
      مشرف سابق
      • Oct 2001
      • 1204

      #3
      تابع للدرس السادس

      ادراج عنوان للجدول :-
      انظر للشكل التالي



      عندما تريد ان يكون العنوان اعلى الجدول مباشرة من غير اي مسافة ضع مؤشر الكتابة في اول صف ثم اتبع الخطوات الموضحة في الشكل التالي



      وعندها سوف تشاهد مؤشر الكتابة اعلى الجدول مباشرة حيث يمكنك البداية في كتابة ما تريد كما في الشكل التالي



      ثم قم بكتابة ما تريد او لصق اي شي قمت بنسخة سواء كان نص او صورة ...

      ............ إنتهى ............

      تعليق

      Previously entered content was automatically saved. Restore or Discard.
      حفظ تلقائي
      Insert: Thumbnail صغير وسط كبير Fullsize Remove  

      ماهو اسم المنتدى؟ (الجواب هو الديرة)

      Working...