روس Dreamweaver لإضافة الجــداول

[عمشه بولند]

بسم الله الرحمن الرحيم

الجداول بدريم ويفر


إذهب الى شريط Table او Layout ثم أختر زر Insert Table


ستظهر لديك نافذة انظر للشكل التالي:





1- Rows: لوضع عدد أسطر الجدول

2- Columns: لوضع عدد الأعمدة بالجدول

3- Cell Padding: لتحديد مساحة بين الخلية وأطار الخلية بالبيكسل

4- Cell Spacing: لتحديد المساحة بين الخليتين بالبيكسل

5- Width: لتحديد عرض الجدول (بالبيكسل او بالنسبة المئوية)

6- Border: لتحديد عرض الإطار للخلية فإذا حددنا رقم (صفر) سيصبح إطار الخليه غير ظاهر بصفحتك


عند انتهاءك من أضافة الجدول ستلاحظ ظهور خصائص الجدول بأسفل البرنامج (أنظر للشكل التالي):



Table ID -1: لكتابة إسم الجدول

Rows -2: عدد أسطر الخلية,, Cols: عدد أعمدة الخلية كلما إزداد الرقم كلما إزدات الأعمدة

ًWidth -3: لتحديد عرض الجدول بالبيكسل او بالنسبة المئوية , Height: لتحديد طول إرتفاع الجدول بالبيكسل او بالنسبة المئوية %

Cell Pad -4: لتحديد مساحة بين الخلية وأطار الخلية بالبيكسل

Cell Space -5: لتحديد المساحة بين الخليتين بالبيكسل

Align -6: لتحديد محاذاة الجدول يمين او يسار او بالمنتصف

Border -7: لتحديد عرض الإطار للخلية


Clear Column Widths -8: كنا بالسابق حددنا عرض الخليه اما بهذه الخاصية سيتم إعادة وضع الجدول الى السابق بإلغاء عرض الخلية

Convert Table Widths to Pixels -9: لجعل مساحة الجدول بالبيكسل

Convert Table Widths to Percent -10: بمجرد تكرار النقر سيزداد مساحة بالنسبة المئوية فقط بعرض الجدول

Clear Row Height -11: لتحديد طول الجدول كما كانت بالسابق

Convert Table Height To Pixels -12:يقوم بتحديد طول الجدول الى البيكسل

Convert Table Height To Percent -13:يقوم بتحديد طول الجدول الى النسبة المئوية

Bg Color -14: لون خلفية الجدول

Brdr Color -15: لتحديد لون إطار الجدول

Bg Image -16: لإرفاق صورة او شكل ما بخلفية الجدول






______________________________________________



ترتيب الخلايا داخل الجدول


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





Row -1: أسطر الخلية

Merges Selected Cells Using Spans -2 * عند تحديد جميع الخلايا سيتم تنشيط الزر وبمجرد الضفط عليه سيقوم بمدج كل

الخلايا بخلية واحدة

Splits Cell into rows or columns -3* لتقسيم الخلية التى تم تحديدها وبمجرد الضغط عليها ستظهر نافذة بخصائص لأسطر

الخلية والأعمدة

Horz -4: لتحديد وضع النص داخل الخلية (بالمنتصف او يمين او يسار)

Vert -5: لتحديد وضع النص عمودي (أعلى او أسفل او وسط او بمحاذاة السطر)

ًWidth -6: لتحديد عرض الجدول بالبيكسل او بالنسبة المئوية , Height: لتحديد طول إرتفاع الجدول بالبيكسل او بالنسبة المئوية %

No Wrap -7: ميزة رائعه بالجدول فبحالة كتابة النص وأخذ حيذ كبيراً من المساحة يقوم تلقائياً بزيادة حجم الخلية دون تغير او التأثير على النص

Header -8: يجعل النص يعرض bold ويكون بالمنتصف في كل خلية

BG -9: لإرفاق صورة خلفية للخلية

BG -10: لإختيار لون خلفية الخلية مع إمكانية تحديد بكل خلية لون خلفية مختلف بمجرد تحديدها

Brdr -11: لإختيار لون إطار الخلية




______________________________________________



طريقة إدراج جداول جاهزة بالبرنامج



إذهب لقائمة Commands>Format Table



ستظهر لك نافذة جديدة إنظر للشكل التالي:





1-إختيار نماذج الجدول

2-شكل النماذج تظهر هنا

3- Row Color

First: لتحديد لون خلفية السطر الأول أول سطرين بالترتيب بعد كل سطرين

Second: لتحديد لون خلفية السطر الثالث والرابع

Alternate: بجانبه قائمة منسدلة لتحديد اختيار طريقة ترتيب اللون كل سطر ام سطرين ام ثلاث ام كل اربع اسطر


4- Top Row

Align: لعمل محاذاة النص داخل الخلية

Style Text: نوعية شكل النص

Bg Color: لتحديد لون خلفية السطر

Text Color: لتحديد لون النص

5- Left Col

Align: لتحديد محاذاة النص بالطرف الأيسر

Style Text: نوعية شكل النص

Border: لتحديد عرض إطار الجدول

Apply All Attributes to Td Tags: لإلغاء كود TR وكتابة بدلا عنه TD



لتحميل درس الجــداول بالكامل وبحجم مضغوط (http://www.geocities.com/ecards4all/insert_table.zip)



أنتهى الشرح

[BnYa^3sL]

يعطيج العافيه يا ألبي عالشرح :>

[عمشه بولند]

الله يعافيج حياتي :)

[SuPeR BoY]

مشكوره عمشه على الشرح وكفيتي ووفيتي يالغاليه

[عمشه بولند]

الله يعافيك

شكرا على المرور

[معقوله تنسيني]

الله يعطيك العافيه على المشاركه الجميله

[عمشه بولند]

حياك الله اخوي :)

[anti_love_777]

مشكوره



على هل شرح ؟




عذابوه