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

هذه الإضاءات هي مجرد وجبة خفيفة .. http://www.mwadah.com/images/imgcache/notfound.gif
أو معلومة على الطاير كما يقال ...
تمر بنا أحياناً خلال تعاملنا مع البرنامج ... أتمنى للجميع الفائدة ،، http://www.mwadah.com/images/imgcache/notfound.gif http://www.mwadah.com/images/imgcache/notfound.gif
.
.
.

حتى تجعل من الصورة وصلة لموقع آخر أو صفحة أخرى داخل موقعك مثلاً ..

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

أولا قم بإدراج الصورة داخل الصفحة من قائمة إدراج --> صورة --> من ملف أو أي اختيار آخر


http://www.mwadah.com/images/imgcache/notfound.gif


بعد إدراج الصورة قم بالضغط عليها بزر الفأرة اليمين واختر ارتباط تشعبي( أو اختر ذلك من قائمة إدراج )


http://www.mwadah.com/images/imgcache/notfound.gif

-------
ستظهر لك الشاشة التالية قم بكتابة عنوان الصفحة التي ترغب بالانتقال إليها عند الضغط على الصورة ..


http://www.mwadah.com/images/imgcache/notfound.gif


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


http://www.mwadah.com/images/imgcache/notfound.gif

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

يمكنك بهذه الطريقة أن تجعل الصورة الواحدة تحمل أكثر من رابط ... ( لاحظ أنه يمكنك تحريك المنطقة مثل ما تريد )


http://www.mwadah.com/images/imgcache/notfound.gif


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


http://www.mwadah.com/images/imgcache/notfound.gif



ملاحظة هامة : الشرح والصور من فرونت بيج 2003
------

تحميل الشرح

زر متغير عند مرور الماوس أو الضغط عليه

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


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


http://www.mwadah.com/images/imgcache/notfound.gif


من قائمة خط يمكنك اختيار تنسيق الخطوط على الشكل التالي :


http://www.mwadah.com/images/imgcache/notfound.gif


1 : تنسيق خط الكتابة التي تظهر على الزر
2 : تغيير لون الخط واللون عند مرور مؤشر الفأرة واللون بعد الضغط على الزر ومحاذاة وضع الكتابة عليه .

من قائمة صورة لدينا الخيارات التالية :


http://www.mwadah.com/images/imgcache/notfound.gif


1: تحديد طول وعرض الزر والأفضل وضع إشارة صح أمام كلمة المحافظة على التناسب ليبقى شكل الزر متناسقاً .
2: وضع صح أمام كلمة إنشاء صورة التحويم تعني أن يتغير شكل الزر عند مرور الفأرة عليه .
ووضع صح أمام كلمة إنشاء صورة مضغوطة تعني أن يتغير شكل الزر عند الضغط عليه ، إذا لم تكن ترغب بأحد هذه التغييرات احذف إشارة الصح من أمامها ..

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

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

في النهاية الخيار يترك لك ..
قم بوضع الصفحة في عرض المعاينة وجرب عملك الذي وصلت إليه ..

تحميل الشرح

اخواني هذا هو الدرس الأول من سلسلة دروس تعليم برنامج الفرونت بيج 2000
والآن افتح الفرونت بيج2000 ، ستجد أن الإطار أسفل البرنامج يحتوي على ثلاث أقسام هي Normal / HTML / Preview .
* القسم Normal : هو منطقة العمل التي سيتركز فيها شرحنا .
* القسم HTML : لمشاهدة الكود الذي يكتبه البرنامج خلف الصفحة .
* القسم Preview : لمشاهدة الصفحة كما ستظهر للمتصفح .. لذلك بعد أن تضيف شيء للصفحة في قسم Normal قم بمشاهدة طريقة ظهوره في منطقة Preview .

* إليك الآن شرح أهم رموز أشرطة أدوات فرونت بيج 2000 :


http://www.mwadah.com/images/imgcache/notfound.gif




http://www.mwadah.com/images/imgcache/notfound.gif

=============

هذا هو الدرس الثاني

بعد أن حددت موضوع موقعك وتعرفت على واجهة فرونت بيج 2000 ابدأ التنفيذ الآن :
أولاً : حدد خصائص الصفحة ... كيف ؟
في أي مكان فارغ في الصفحة اضغط يمين الفارة واختر من القائمة المنسدلة Page Properties ستظهر لك النافذة التالية :

http://www.mwadah.com/images/imgcache/notfound.gif


حدد ما تريد... بعد ذلك اضغط في الأعلى على علامة التبويب Background ستظهر لك النافذة التالية :

http://www.mwadah.com/images/imgcache/notfound.gif


حدد ما تريد ثم اضغط OK .


--------------------------------------------------------------------------------

ثانياً : ابدأ بتحرير الصفحة وإدراج الصور وعمل الارتباطات بين الصفحات .... كيف ؟
* لإدراج نص في الصفحة : ضع المؤشر في أي سطر تريد وفي أي جههة ( وسط أويمين أو يسار ) ثم ابدأ بالكتابة .
[ ملاحظة : عند الكتابة في الفرونت بيج وأردت الانتقال للسطر التالي لإكمال الجملة السابقة بالضغط على Enter ستكون المسافة كبيرة بين السطور ولكن اضغط ( Shift+Enter ) . ]
* لإدراج صورة : افتح القائمة Insert ثم اختر Picture ستفتح قائمة اختر منها From File بعد ذلك اختر الصورة التي تريدها واضغط OK .
* لوضع وصلة أو ارتباط أو لنك أو حسب ما تسميها ، تنقلك لصفحة أخرى أو لصورة أو لمستند وورد أو لأي ملف عند الضغط عليها :
1- اكتب اسم الارتباط : مثلاً .. لمشاهدة صفحتي الشخصية "اضغط هنا" .
2- ظلل "اضغط هنا " .. وهي الجلة التي تريدها أن تصبح ارتباط لصفحتك الشخصية .
3- افتح القائمة Insert واختر منها Hyperlink أو اضغط Ctrl+K في لوحة المفاتيح .. ستظهر لك النافذة التالية

http://www.mwadah.com/images/imgcache/notfound.gif


(1) : في هذه المساحة ستظهر الصفحات التي قمت بحفظها .. وهذا سيسهل عمل ارتباط إلى هذه الصفحات .. فقط أشر بالماوس على الصفحة التي تريد ربطها بجملة " اضغط هنا " وستكتب مباشرة في الخانة (2) ، ثم اضغط OK .
(2) : في هذه الخانة يمكنك كتابة اسم الصفحة مباشرة مع امتدادها وهو (htm.) .
(3) : بالضغط على هذا الرمز ستفتح لك نافذة جديدة يمكنك من خلالها أن تستعرض مجلدات وملفات جهازك واختيار ما شئت لتربطه بالجملة المظللة في الصفحة .
(4) : بالضغط على هذا الرمز ستفتح لك نافذه لعمل ارتباط إلى بريد إلكتروني .. عند الضغط على الوصلة في المتصفح يفتح برنامج البريد الإلكتروني الافتراضي للشخص المتصفح ليرسل لك رسالة على العنوان التي ستكتبه في هذه النافذة .
بعد أن تختار نوع الملف الذي ستربطه بجملة " اضغط هنا " اضغط OK .
ستلاحظ أن جملة "اضغط هنا" أصبح تحتها خط أي أنها أصبحت ارتباط لصفحة أخرى أو لملف آخر .
[ وبنفس الطريقة تقوم بعمل جميع الارتباطات في موقعك .. جرب عمل وصلة أخرى لملف من نوع آخر !!] .


--------------------------------------------------------------------------------

# كيف سأحفظ صفحاتي وبقية ملفاتي في الجهاز ؟؟؟
1- قم بحفظ الصور التي ستستخدمها في موقعك بأحد الامتدادين jpg أو gif .
* حيث ستستخدم امتداد jpg للمناظر الطبيعية أو الصور التي لا تقبل تقليل ألوانها حتى لا تفسد دقتها .
* أما امتداد gif فهو للجرافيك التي ستقوم بعملها في برنامج الرسم لديك .
2- يجب حفظ جميع ملفاتك من صفحات وصور .. إلخ في مجلد واحد وبعد ذلك قم بعمل ارتباطات إليها .. وذلك حتى لا تحدث مشاكل في ظهورها عند ارسالها إلى الشبكة ... كيف ؟؟؟؟
[ يفترض فرونت بيج حفظ جميع صفحاتك في المجلد التالي C:\mydocument\myweb .. لذلك يجب عليك أن تضع جميع ملفاتك التي ستستخدمها في مجلد myweb قبل عمل اي ارتباط لها . أما بالنسبة للصور فيفترض فرونت بيج لها مجلد داخل مجلد myweb وهو images لذلك يفضل أن تضع الصور والجرافيك فيها خاصة اذا كان موقعك به عدد كبير منها .. أي ستحفظها في c:\mydocument\myweb\image s وبعد ذلك تقوم بإدراجها في الصفحة أو تصنع لها ارتباط كما تعلمت في السابق .. وبذلك يكون مسار استخدامها صحيح وتظهر عند ارسالها للشبكة بدون مشاكل بمشيئة الله ] .
* طريقة حفظ الصفحة في الجهاز بعد عملها :
افتح القائمة File واختر Save ستفتح لك النافذة التالية :

http://www.mwadah.com/images/imgcache/notfound.gif


في الخانة File name اكتب اسم الصفحة .. كما يمكنك تغيير عنوان الصفحة الذي حددته مسبقا في خصائص الصفحة من هذه النافذة وذلك بالضغط على Change فوق اسم الصفحة بعد ذلك اضغط Save ستلاحظ أن البرنامج حفظها في مجلد myweb كما ذكرنا آنفاً.
** ملاحظات مهمة **
1- يجب أن يكون اسم الصفحة الرئيسية Index وذلك حتى تظهر مباشرة عند كتابة عنوان موقعك في المتصفح دون الحاجة إلى كتابة اسم هذه الصفحة .
2- يجب أن تستخدم الحروف اللاتينية لكتابة اسم الصفحة أو أي رمز من الرموز المعروفة والموجودة في لوحة المفاتيح ولا تستخدم حروف عربية أو رموز غريبة .


--------------------------------------------------------------------------------

# كيف سيكون مسار ملفاتي في الشبكة ؟؟؟
أنت في جهازك قمت بحفظ ملفاتك في مجلد myweb الذي مساره c:\mydocument\myweb هذا المسار سيستبدل باسم موقعك أي سيصبح مثلا www.saudilinks.com ، وستنقل ملفاتك إلى الشبكة بنفس ترتيبها في جهازك .. فمثلاً أنت لديك مجلد تحفظ فيه جميع صور موقعك وهو باسم images .. لذلك ستقوم بإنشاء مجلد بنفس الاسم في موقعك في الشبكة وتضع فيه جميع الصور المستخدمة . أما بالنسبة للملفات الأخرى مثل صفحات الويب التي قمت بعملها والتي تتميز بامتداد (htm.) ، أو مستند وورد ، أو غيرها فأنت وضعتها في جهازك في مجلد myweb جنباً إلى جنب مع مجلد images .. لذلك سترسلها إلى الشبكة بجانب مجلد images .. وبذلك لن تحدث مشاكل في فتح الارتباطات على الشبكة بمشيئة الله .

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


كيف تتعامل مع الجداول في فرونت بيج 2000

استخدام الجداول في صفحتك يجعل منها اكثر تنظيماً واحترافاً ... فمن غير الجداول لن تستطيع توسيط نص بجانب صورة أو تضع نصوص على شكل أعمدة متجاورة أو تضع خط رأسي أو أو ... إلخ . لذلك نحن نصحك باستخدام الجداول في صفحتك واتقانها !!
# والآن ابدأ باستخدام الجداول :
اضغط على رمز ادراج جدول في شريط الأدوات العلوي ( راجع شرح الرموز في الخطوة الأولى ) واختر عدد الأعمدة والصفوف التي تريدها . أو استخدم insert>table وحدد عدد الخلايا .
* ستلاحظ أن حدود الجدول الداخلية والخارجية بارزة .. فماذا لو كنت تريد حدود الجدول مخفية في (Preview) وظاهرة في قسم (Normal) للتعامل معها وتدرج ما تريد ؟؟ ... بسيطة !!
ضع المؤشر في أي خلية داخل الجدول وانقر يمين الفارة ستفتح قائمة اختر منها Table Propeties ستفتح لك نافذة توضح خصائص الجدول وهي كالتالي :

http://www.mwadah.com/images/imgcache/notfound.gif


(1): لتحديد موضع الجدول في الصفحة .
(2): لتحديد المسافة بين الخلايا .
(3): من هذا الخيار يمكنك اخفاء حدود الجدول في المتصفح وذلك بوضع قيمة سمك الإطار Border=0 ، ويمكنك من هنا أيضاً زيادة سمك الإطار .
(4): لاختيار لون الإطار حول الخلايا .
(5): لاختيار لون خلفية للجدول .
(6): لاختيار صورة كخلفية للجدول .
(7): لاختيار عرض وارتفاع خلايا الجدول .
(8): باختيار لونين مناسبين من الخانتين Light border و Dark border يمنكنك جعل خلايا الجدول وكأنها بارزة .. وهذا سيعطها مظهر جميل .
قم باختيار ما شئت من خصائص واضغط OK .

** ملاحظة **
( أي اختيار ستختاره من خصائص الجدول سينطبق على جميع خلايا الجدول ) .
ولكن ماذا لو أردت تطبيق خصائص معينة على خلية واحدة أو مجموعة من الخلايا دون البقية ؟؟ الأمر بسيط ..!!

1- لخلية واحدة ضع المؤشر بداخلها .. ولعدة خلايا قم بتحديد هذه الخلايا .
2- اضغط يمين الفارة واختر Cell Properties ستظهر لك النافذة التالية التي توضح خصائص الجدول :

http://www.mwadah.com/images/imgcache/notfound.gif




كيف تتعامل مع الجداول في فرونت بيج 2000

استخدام الجداول في صفحتك يجعل منها اكثر تنظيماً واحترافاً ... فمن غير الجداول لن تستطيع توسيط نص بجانب صورة أو تضع نصوص على شكل أعمدة متجاورة أو تضع خط رأسي أو أو ... إلخ . لذلك نحن نصحك باستخدام الجداول في صفحتك واتقانها !!
# والآن ابدأ باستخدام الجداول :
اضغط على رمز ادراج جدول في شريط الأدوات العلوي ( راجع شرح الرموز في الخطوة الأولى ) واختر عدد الأعمدة والصفوف التي تريدها . أو استخدم insert>table وحدد عدد الخلايا .
* ستلاحظ أن حدود الجدول الداخلية والخارجية بارزة .. فماذا لو كنت تريد حدود الجدول مخفية في (Preview) وظاهرة في قسم (Normal) للتعامل معها وتدرج ما تريد ؟؟ ... بسيطة !!
ضع المؤشر في أي خلية داخل الجدول وانقر يمين الفارة ستفتح قائمة اختر منها Table Propeties ستفتح لك نافذة توضح خصائص الجدول وهي كالتالي :



(1): لتحديد موضع الجدول في الصفحة .
(2): لتحديد المسافة بين الخلايا .
(3): من هذا الخيار يمكنك اخفاء حدود الجدول في المتصفح وذلك بوضع قيمة سمك الإطار Border=0 ، ويمكنك من هنا أيضاً زيادة سمك الإطار .
(4): لاختيار لون الإطار حول الخلايا .
(5): لاختيار لون خلفية للجدول .
(6): لاختيار صورة كخلفية للجدول .
(7): لاختيار عرض وارتفاع خلايا الجدول .
(8): باختيار لونين مناسبين من الخانتين Light border و Dark border يمنكنك جعل خلايا الجدول وكأنها بارزة .. وهذا سيعطها مظهر جميل .
قم باختيار ما شئت من خصائص واضغط OK .

** ملاحظة **
( أي اختيار ستختاره من خصائص الجدول سينطبق على جميع خلايا الجدول ) .
ولكن ماذا لو أردت تطبيق خصائص معينة على خلية واحدة أو مجموعة من الخلايا دون البقية ؟؟ الأمر بسيط ..!!

1- لخلية واحدة ضع المؤشر بداخلها .. ولعدة خلايا قم بتحديد هذه الخلايا .
2- اضغط يمين الفارة واختر Cell Properties ستظهر لك النافذة التالية التي توضح خصائص الجدول :



3- كما تلاحظ أنها شبيهة بخصائص الجدول .. اختر منها ما تريد من خصائص لتطبيقها على خلية واحدة أو خلايا محددة ثم اضغط OK .
** ملاحظة **
( لفهم الجداول والتعرف إلى تعقيداتها بشكل أفضل احفظ الصفحات التى ترى تعقيداً في تصميمها وافتحها في الفرونت بيج 2000 )

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


الطباعه واستخدام النصوص

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


http://www.mwadah.com/images/imgcache/notfound.gif




الان لكي نرى الصفحه كيف اصبحت وكيف ستظهر بالشكل النهائي يجب علينا ان نؤشر المؤشر لليسار نحو الاسفل كما في الشكل التالي ونختار


http://www.mwadah.com/images/imgcache/notfound.gif



ستظهر لنا الصفحه كما بالشكل التالي


http://www.mwadah.com/images/imgcache/notfound.gif



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

التحكم في لون وشكل الخلفيه

في هذا الدرس سنتعلم كيفيه التحكم بالخلفيه سواء اردنا ان تكون بلون معين او تكون الخلفيه عباره عن صوره معينه لنبدأ بجعل الخلفيه بلون معين في البدايه وكما ذكرت يجب ان نكون في كما في الشكل التالي

http://www.mwadah.com/images/imgcache/notfound.gif


الان تتبع الخطوات كما هو مبين في الصور للتحكم بشكل ولون الخلفيه

http://www.mwadah.com/images/imgcache/notfound.gif


الان ستظهر لديك الشاشه التاليه .. اختر منها ما تشاء سواء لون او صوره كخلفيه

http://www.mwadah.com/images/imgcache/notfound.gif


========

استخدام الجداول في الصفحات

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

http://www.mwadah.com/images/imgcache/notfound.gif


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

http://www.mwadah.com/images/imgcache/notfound.gif


سيظهر لك الشكل التالي


http://www.mwadah.com/images/imgcache/notfound.gif


الان سنقوم بشرح عن الشكل العلوي
border size /اي حجم الاطار الخارجي
cell spacing /اي حجم المسافه بين خلايا الجدول
minmium size/ اي عرض وطول الجدول
custom background /اذا اردنا استخدام صوره كخلفيه للجدول نقوم بتحديد مكان الصوره من هنا
color background /اذا اردنا ان تكون الخلفيه للجدول لون معين نختار اللون من هنا
custom color / لاختيار الوان الجدول مثل لون الاطار الخارجي او الجانبي
=====

اضافة عناصر فعاله لصفحة الانترنت

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


http://www.mwadah.com/images/imgcache/notfound.gif



سيظهر لنا المربع التالي الذي من خلاله سنتحكم بشكل الكبسه ولونها والكلام الذي بداخلها


http://www.mwadah.com/images/imgcache/notfound.gif



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

الان نود مثلا ان نضيف نص متحرك من اليمين نحو الشمال او بالعكس بالوان مختلفه .. في البدايه نتجه كما هو في الشكل التالي


http://www.mwadah.com/images/imgcache/notfound.gif



الان ستظهر لديك هذه الشاشه التي من خلالها بالامكان ان تضع الجمله التي تريدها وتتحكم بسرعة حركتها سواء من اليمين الى اليسار او بالعكس وكذلك التحكم بلون الخلفيه او لون الخط والاهم من ذلك عدد المرات التي يراد فيها الحركه ام تظل مستمره وذلك بأختيار اعدادت Repeat


http://www.mwadah.com/images/imgcache/notfound.gif

===================
اضافة ملفات فيديو

في هذا الدرس سنتعلم كيفية اضافة فيلم فيديو او مقطع من صور متحركة في صفحة الانترنت في البدايه يجب ان تضع المؤشر في المكان الذي تود ان يظهر فيه الفيلم ثم اتجه بالماوس كما هو موضح بالشكل التالي


http://www.mwadah.com/images/imgcache/notfound.gif



ستظهر لديك الشاشه التاليه لكي تحدد موقع الملف اوالفيلم المراد اضافته للصفحه مع ملاحظه انه يجب ان يكون احد الامتدادات المستخدمه في البرنامج حيث لايدعم برنامج الفرونت بيج غيرها من افلام فيديويه والامتدادات المستخدمه هي
avi , ra , ram


http://www.mwadah.com/images/imgcache/notfound.gif



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


http://www.mwadah.com/images/imgcache/notfound.gif



الان قم بتحديد عدد المرات التي تود ان يظل الفيلم يعمل اي عند انتهاء الفيلم هل تود ان يظل اعاده العرض مرة اخرى اوتوماتيكيا لعدد محدد ام بدون عدد مرات محدده كذلك تحدد متى يبدأ هل عند بداية ضهور الصفحه او عند مرور الماوس فوق الفيلم


http://www.mwadah.com/images/imgcache/notfound.gif



الان وبعد الانتهاء ولكي ترى الفيلم يعرض على صفحتك كما تريد اذهب بالماوس نحو اليسار للاسفل وقم بأختيار
================

اضف عداد لصفحتك

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

http://www.mwadah.com/images/imgcache/notfound.gif


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

http://www.mwadah.com/images/imgcache/notfound.gif


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

http://www.mwadah.com/images/imgcache/notfound.gif


http://www.mwadah.com/images/imgcache/notfound.gif

استخدام خلفيات جاهزه

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


http://www.mwadah.com/images/imgcache/notfound.gif



ستظهر لديك الشاشه التاليه التي يتوفر فيها لديك العديد من الخلفيات الجاهزه


http://www.mwadah.com/images/imgcache/notfound.gif



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

===========


معالجة الصور

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


http://www.mwadah.com/images/imgcache/notfound.gif



بواسطة هذه الادوات نستطيع ان نقوم بالعديد من العمليات لمعالجه الصور مثل الكتابه عليها او اجراء دوران للصوره او جعل اطار لها في المثال التالي نوضح كيفيه اجراء صوره عاكسه للصورة الاصليه


http://www.mwadah.com/images/imgcache/notfound.gif




http://www.mwadah.com/images/imgcache/notfound.gif



كما لاحظنا انه في البرنامج يتوفر لدينا العديد من الادوات التي تغنينا عن استخدام برامج خاصه لمعالجة الصور اما حجم الصورة ودقتها فيحتاج الى برنامج خاص مثل فوتوشوب مثلا
=============

انشاء رابطه بين صفحتين

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

http://www.mwadah.com/images/imgcache/notfound.gif


الان نتجه كما هو موضح في الشكل التالي

http://www.mwadah.com/images/imgcache/notfound.gif


سوف تظهر لنا هذه الشاشه التي بواسطتها نحدد الصفحه أو الصوره المراد الانتقال اليها عند النقر بالماوس على عبارة الصفحه الاولى

http://www.mwadah.com/images/imgcache/notfound.gif


للتوضيح بشكل اكثر الرمز الايمن الذي يرمز للصفحة البيضاء يدل على انه سيتم الربط بصفحة جديده لم يتم انشائها اما الرمز الذي يليه الذي يحتوي على رسمه لظرف بريدي فيرمز للبريد اي انه يقوم بفتح برنامج اووت لوك لتحرير رسائل البريد والرمز الثالث يستخدم في حالة ربط الجمله بصفحه جاهزه وتم تخزينها في الجهاز سواء في الهارد دسيك او السي دي روم مثلا واخيرا الرمز الاخير في حالة الربط بصفحه موجوده على الانترنت والان وبعد ان قمنا بتحديد الصفحه المناسبه وقمنا بتحديد موقعها وانتهينا تظهر لدينا العباره كما هو موضح بالشكل التالي
http://www.mwadah.com/images/imgcache/notfound.gif

http://www.mwadah.com/images/imgcache/notfound.gif

خريطة الرسوم

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

في البدايه انقر بالماوس على الصوره واتجه نحو الاسفل حيث سيظهر الشريط التالي


http://www.mwadah.com/images/imgcache/notfound.gif



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

http://www.mwadah.com/images/imgcache/notfound.gif




http://www.mwadah.com/images/imgcache/notfound.gif



الان وبعد الانتهاء ستظهر لك الشاشة التاليه التي بواسطتها تحدد موقع الصفحه التي تود الانتقال اليها


http://www.mwadah.com/images/imgcache/notfound.gif



وكما ذكرنا سابقا يمكنك تحديد الصفحة التي سوف تظهر عند الكبس على الوصلة التي اصبحت المربع الاخضر وبذلك يمكنك ان تنشيء صورة لموقعك وتستخدمها كصفحة ويب وبها وصلات ومفاتيح تعمل عند مرور الماوس عليها

==============

استخدام الاطارات

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

http://www.mwadah.com/images/imgcache/notfound.gif


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

http://www.mwadah.com/images/imgcache/notfound.gif


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

http://www.mwadah.com/images/imgcache/notfound.gif


الان بامكانك ان تضيف ما تشاء في الصفحات الثلاثه ولاحظ اننا نسميها صفحات ثلاثة لانه يمكنك فعلا ربط ثلاث صفحات في هذا الاطار لتبدو لك كما في الشكل التالي مع ملاحظه هامه جدا وهي عند الانتهاء وعند عمليه حفظ الصفحه فانه يقوم فعليا بحفظ اربعه صفحات الاولى الاطار العام والملف الثاني للاطار الايمن والملف الثالث للاطار الايسر والملف الرابع للاطار العلوي
============
لتصفح الدرس بدون انترنت حمل المرفقات

========
التعرف على الجداول :

نصل الآن إلى واحد من أهم الدروس الأساسية في برنامج فرونت بيج

, حيث أن تصميم الموقع يفضل أن يكون ضمن جداول حتى تضمن أن يظهر

المظهر نفسه للموقع الذي صممته في كل أجهزة الكمبيوتر وعلى جميع

دقات الشاشة إضافة إلى أهم أنواع مستكشفات الانترنيت .

وبالتالي إذا أجدت استخدام الجداول في صفحات الويب

يتيح لك قدراً هائلاً من التحكم في وضع الصور

والنصوص داخل الصفحات . والجداول عبارة

عن هياكل شبكية مستطيلة ، تستطيع إنشاءها

لتحوي بداخلها صوراً أو نصوصاً .

تسمى مجموعة الخلايا الأفقية بـ " صف " ،

في حين تسمى مجموعة الخلايا الرأسية بـ " عمود " .
انشاء الجداول :

لإنشاء جدول :

1- قم بإنشاء صفحة جديدة فارغة .

2- من قائمة Table ، حدد أمر
Insert ثم Table لتفتح مربع حوار
Insert Table ( انظر الشكل 1 - 4 ) .

http://www.mwadah.com/images/imgcache/2006/05/34.gif


1 - 4
الحجم الافتراضي لأي جدول جديد هو أربع خلايا تتألف من عمودين وصفين

،استخدم أيضا القيم الافتراضية لخيارات مجموعة Layout

وكذلك خيار Specify width . انقر زر ok سيتم إنشاء

الجدول ويظهر في الصفحة .

التعرف على أحجام الجداول :

يجب أن تعرف كيفية تحديد حجم الجدول لأن عرض

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

بكسلات Pixels عناصر الصورة أو البكسلات

هي أصغر وحدات تستخدم معاً لعرض المعلومات على الشاشة

، ومن المرجح أنك سمعت المصطلح المستخدم

لوصف درجة وضوح العرض على الشاشة . على سبيل المثال

، من درجات الوضوح الشائعة درجتا 640X 480 و 800X 600.

هذه الدرجة تشير إلى عدد البكسلات ( أفقياً X رأسياً )

المعروضة على الشاشة التي تستخدمها .

عندما تحدد عرض الجدول وفق نسبة مئوية معينة ،

فإن العرض سيكون نسبياً ، أي وفق نسبة عرض الشاشة .

أما إذا حددت الجدول وفق عدد معين من البكسلات فإنك تحدد عرضاً مطلقاً للجدول .

لتغيير عرض الجدول :

1- ضع مؤشر الكتابة داخل الجدول .

2- من قائمة Table ، حدد خيار Select ثم Table .

3- من قائمة Table ، حدد خيار Table Properties

ثم Table لتفتح مربع حوار Table Properties ( انظر الشكل 2-4 ) .


http://www.mwadah.com/images/imgcache/2006/05/35.gif



2 - 4
4- في جزء Specify width ، حدد خيار In Pixels ثم اضبط القيمة على 400 .

5- انقر زر ok وسيتم تغيير حجم الجدول الذي أنشأته من قبل .

ارتفاع الجدول :
تستطيع أيضاً أن تعدل ارتفاع الجدول من خلال مربع حوار

Table Properties رغم أن معظم مصممي صفحات

الويب لا يهتمون بارتفاع الجدول قدر اهتمامهم بعرضه .

ويتم عادة ضبط ارتفاع الجدول تلقائياً بحسب المحتوى الموجود

داخل الجدول أو الخلايا الفردية ، وإذا قررت تغيير ارتفاع الجدول

، يمكنك فقط أن تجري تعديلات مطلقة وفق عدد معين من البكسلات .

حدد خيار Specify height ثم اكتب عدد البكسلات

الذي تريد أن تحدده لارتفاع الجدول .

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

حدد قيم تخطيط الجدول بأرقام أعلى من القيم العادية .

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

1- حدد الجدول الذي أنشأته من قبل .

2- من قائمة Table ، حدد خيار Table Properties

ثم Table لتفتح مربع حوار Table Properties .

3- في جزء Borders ، غير الحجم Size إلى 20 .

4- انقر زر ok لتطبيق ورؤية التغيير الذي أجريته

على حجم الحد في الجدول ( انظر الشكل3 - 4 ) .

حدود غير مرئية :
توجد أيضاً طريقة تنفذها في تغيير حجم حد الجدول

، اضبط الحجم على صفر ، وسيصبح حد الجدول غير مرئي

عند عرضه في مستعرض الويب . تظهر فائدة هذه الخاصية

عندما تستعين بالجدول في ضبط مكان الصور والنصوص

داخل صفحات الويب بدقة وهو أمر بالغ الأهمية حيث ننصح

جميع المصممين أن يكون عملهم ضمن جداول ضماناً لعدم

تغيير شكل الموقع عند تغيير دقة الشاشة أو عند تغيير المتصفح .

http://www.mwadah.com/images/imgcache/2006/05/36.gif


3 - 4
أيضاً يكنك الاستعانة بحشو الخلايا cell padding .

لتغيير حشو الخلايا :
1- حدد الجدول الذي أنشأته من قبل .

2- من قائمة Table ، حدد خيار Table Properties ثم

Table لتفتح مربع حوار Table Properties .

3- في جزء Layout ، اضبط خانة Cell padding على 20 .

4- انقر زر ok لتطبيق ورؤية التغيير الذي أجريته على حشو الخلايا ( انظر الشكل 4 - 4) .


http://www.mwadah.com/images/imgcache/2006/05/37.gif
4 - 4

يمكنك أيضاً استخدام خاصية المسافة بين الخلايا cell spacing .
لتغيير المسافة بين الخلايا :
1- حدد الجدول الذي أنشأته من قبل .
2- من قائمة Table ، حدد خيار Table Properties ثم Table
لتفتح مربع حوار Table Properties .
3- في جزء Layout ، اضبط خانة Cell spacing على 20 .
4- انقر زر ok لتطبيق ورؤية التغيير الذي أجريته

على المسافة بين الخلايا ( انظر الشكل 5 - 4 ) .

http://www.mwadah.com/images/imgcache/2006/05/38.gif



5 - 4
التعامل مع ألوان الجداول :
يمكنك أن تحدد للجدول حدوداً عادية ، أو تنشئ تأثيراً ثلاثي الأبعاد من خلال الحدود الفاتحة light border والحدود الداكنة dark border.
لتحديد لون حدود الجدول :
1- حدد الجدول الذي أنشأته من قبل .
2- من قائمة Table ، حدد خيار Table Properties ثم Table لتفتح مربع حوار Table Properties .
3- في جزء Border ، انقر سهم القائمة المنسدلة Color لتفتح لوحة الألوان .
4- حدد خيار Red لتظهر حدود الجدول باللون الأحمر .
5- انقر زر ok لتطبيق ورؤية اللون الذي حددته لحدود الجدول .
يمكنك أيضاً تحديد ألوان ثلاثية الأبعاد لحدود الجدول
لتحديد ألوان ثلاثية الأبعاد لحدود الجدول :
1- حدد الجدول الذي أنشأته من قبل .
2- من قائمة Table ، حدد خيار Table Properties ثم
Table لتفتح مربع حوار Table Properties .
3- في جزء Border ، انقر سهم القائمة المنسدلة
light Border لتفتح لوحة الألوان الخاصة بها .
4- حدد خيار Red لتظهر الحد الفاتح للجدول بهذا اللون .
5- ومن نفس الجزء انقر سهم القائمة المنسدلة
Dark Border لتفتح لوحة الألوان الخاصة بها .
6- حدد خيار Maroon ليظهر الحد الداكن للجدول بهذا اللون .
7- انقر زر ok لتطبيق ورؤية التغيير الذي أجريته على لون
الحدود الفاتحة والداكنة للجدول ( انظر الشكل 6 - 4 ) .

http://www.mwadah.com/images/imgcache/2006/05/39.gif

========
التعرف على الجداول :

نصل الآن إلى واحد من أهم الدروس الأساسية في برنامج فرونت بيج

, حيث أن تصميم الموقع يفضل أن يكون ضمن جداول حتى تضمن أن يظهر

المظهر نفسه للموقع الذي صممته في كل أجهزة الكمبيوتر وعلى جميع

دقات الشاشة إضافة إلى أهم أنواع مستكشفات الانترنيت .

وبالتالي إذا أجدت استخدام الجداول في صفحات الويب

يتيح لك قدراً هائلاً من التحكم في وضع الصور

والنصوص داخل الصفحات . والجداول عبارة

عن هياكل شبكية مستطيلة ، تستطيع إنشاءها

لتحوي بداخلها صوراً أو نصوصاً .

تسمى مجموعة الخلايا الأفقية بـ " صف " ،

في حين تسمى مجموعة الخلايا الرأسية بـ " عمود " .
انشاء الجداول :

لإنشاء جدول :

1- قم بإنشاء صفحة جديدة فارغة .

2- من قائمة Table ، حدد أمر
Insert ثم Table لتفتح مربع حوار
Insert Table ( انظر الشكل 1 - 4 ) .

http://www.mwadah.com/images/imgcache/2006/05/34.gif


1 - 4
الحجم الافتراضي لأي جدول جديد هو أربع خلايا تتألف من عمودين وصفين

،استخدم أيضا القيم الافتراضية لخيارات مجموعة Layout

وكذلك خيار Specify width . انقر زر ok سيتم إنشاء

الجدول ويظهر في الصفحة .

التعرف على أحجام الجداول :

يجب أن تعرف كيفية تحديد حجم الجدول لأن عرض

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

بكسلات Pixels عناصر الصورة أو البكسلات

هي أصغر وحدات تستخدم معاً لعرض المعلومات على الشاشة

، ومن المرجح أنك سمعت المصطلح المستخدم

لوصف درجة وضوح العرض على الشاشة . على سبيل المثال

، من درجات الوضوح الشائعة درجتا 640X 480 و 800X 600.

هذه الدرجة تشير إلى عدد البكسلات ( أفقياً X رأسياً )

المعروضة على الشاشة التي تستخدمها .

عندما تحدد عرض الجدول وفق نسبة مئوية معينة ،

فإن العرض سيكون نسبياً ، أي وفق نسبة عرض الشاشة .

أما إذا حددت الجدول وفق عدد معين من البكسلات فإنك تحدد عرضاً مطلقاً للجدول .

لتغيير عرض الجدول :

1- ضع مؤشر الكتابة داخل الجدول .

2- من قائمة Table ، حدد خيار Select ثم Table .

3- من قائمة Table ، حدد خيار Table Properties

ثم Table لتفتح مربع حوار Table Properties ( انظر الشكل 2-4 ) .


http://www.mwadah.com/images/imgcache/2006/05/35.gif



2 - 4
4- في جزء Specify width ، حدد خيار In Pixels ثم اضبط القيمة على 400 .

5- انقر زر ok وسيتم تغيير حجم الجدول الذي أنشأته من قبل .

ارتفاع الجدول :
تستطيع أيضاً أن تعدل ارتفاع الجدول من خلال مربع حوار

Table Properties رغم أن معظم مصممي صفحات

الويب لا يهتمون بارتفاع الجدول قدر اهتمامهم بعرضه .

ويتم عادة ضبط ارتفاع الجدول تلقائياً بحسب المحتوى الموجود

داخل الجدول أو الخلايا الفردية ، وإذا قررت تغيير ارتفاع الجدول

، يمكنك فقط أن تجري تعديلات مطلقة وفق عدد معين من البكسلات .

حدد خيار Specify height ثم اكتب عدد البكسلات

الذي تريد أن تحدده لارتفاع الجدول .

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

حدد قيم تخطيط الجدول بأرقام أعلى من القيم العادية .

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

1- حدد الجدول الذي أنشأته من قبل .

2- من قائمة Table ، حدد خيار Table Properties

ثم Table لتفتح مربع حوار Table Properties .

3- في جزء Borders ، غير الحجم Size إلى 20 .

4- انقر زر ok لتطبيق ورؤية التغيير الذي أجريته

على حجم الحد في الجدول ( انظر الشكل3 - 4 ) .

حدود غير مرئية :
توجد أيضاً طريقة تنفذها في تغيير حجم حد الجدول

، اضبط الحجم على صفر ، وسيصبح حد الجدول غير مرئي

عند عرضه في مستعرض الويب . تظهر فائدة هذه الخاصية

عندما تستعين بالجدول في ضبط مكان الصور والنصوص

داخل صفحات الويب بدقة وهو أمر بالغ الأهمية حيث ننصح

جميع المصممين أن يكون عملهم ضمن جداول ضماناً لعدم

تغيير شكل الموقع عند تغيير دقة الشاشة أو عند تغيير المتصفح .

http://www.mwadah.com/images/imgcache/2006/05/36.gif


3 - 4
أيضاً يكنك الاستعانة بحشو الخلايا cell padding .

لتغيير حشو الخلايا :
1- حدد الجدول الذي أنشأته من قبل .

2- من قائمة Table ، حدد خيار Table Properties ثم

Table لتفتح مربع حوار Table Properties .

3- في جزء Layout ، اضبط خانة Cell padding على 20 .

4- انقر زر ok لتطبيق ورؤية التغيير الذي أجريته على حشو الخلايا ( انظر الشكل 4 - 4) .


http://www.mwadah.com/images/imgcache/2006/05/37.gif
4 - 4

يمكنك أيضاً استخدام خاصية المسافة بين الخلايا cell spacing .
لتغيير المسافة بين الخلايا :
1- حدد الجدول الذي أنشأته من قبل .
2- من قائمة Table ، حدد خيار Table Properties ثم Table
لتفتح مربع حوار Table Properties .
3- في جزء Layout ، اضبط خانة Cell spacing على 20 .
4- انقر زر ok لتطبيق ورؤية التغيير الذي أجريته

على المسافة بين الخلايا ( انظر الشكل 5 - 4 ) .

http://www.mwadah.com/images/imgcache/2006/05/38.gif



5 - 4
التعامل مع ألوان الجداول :
يمكنك أن تحدد للجدول حدوداً عادية ، أو تنشئ تأثيراً ثلاثي الأبعاد من خلال الحدود الفاتحة light border والحدود الداكنة dark border.
لتحديد لون حدود الجدول :
1- حدد الجدول الذي أنشأته من قبل .
2- من قائمة Table ، حدد خيار Table Properties ثم Table لتفتح مربع حوار Table Properties .
3- في جزء Border ، انقر سهم القائمة المنسدلة Color لتفتح لوحة الألوان .
4- حدد خيار Red لتظهر حدود الجدول باللون الأحمر .
5- انقر زر ok لتطبيق ورؤية اللون الذي حددته لحدود الجدول .
يمكنك أيضاً تحديد ألوان ثلاثية الأبعاد لحدود الجدول
لتحديد ألوان ثلاثية الأبعاد لحدود الجدول :
1- حدد الجدول الذي أنشأته من قبل .
2- من قائمة Table ، حدد خيار Table Properties ثم
Table لتفتح مربع حوار Table Properties .
3- في جزء Border ، انقر سهم القائمة المنسدلة
light Border لتفتح لوحة الألوان الخاصة بها .
4- حدد خيار Red لتظهر الحد الفاتح للجدول بهذا اللون .
5- ومن نفس الجزء انقر سهم القائمة المنسدلة
Dark Border لتفتح لوحة الألوان الخاصة بها .
6- حدد خيار Maroon ليظهر الحد الداكن للجدول بهذا اللون .
7- انقر زر ok لتطبيق ورؤية التغيير الذي أجريته على لون
الحدود الفاتحة والداكنة للجدول ( انظر الشكل 6 - 4 ) .

http://www.mwadah.com/images/imgcache/2006/05/39.gif