[ تصميم إستايل إحترافي .. الجزء الثاني ..]

[عبدالرحمن الحربي]

السلام عليكم ورحمة الله وبركاته :

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


1-الآن نذهب الى خيار تصميم كما في الصورة التالية :


http://www.ksaqlb.com/p/3.gif

2-ثم ندرج جدول من الأدوات في الأعلى او من جدول ثم إدراج ثم جدول وتختار الصفوف 3 والأعمده 3 او من الأدوات كما في الصورة التالية :


http://www.ksaqlb.com/p/4.gif


3-ثم بعد إدراج الجدول نضغط كلك يمين على الجدول ثم خصائص الجدول كما في الصورة التالية :


http://www.ksaqlb.com/p/5.gif


4- تظهر لنا نافذهـ إنظر الى الخانات الملونهـ بالأحمر في الصورة التالية وطبق نفسها :


http://www.ksaqlb.com/p/6.gif


5- الآن اضغط كلك يمين على الجدول الأول وهو العلوي ثم خصائص الخلية كما في الصورة التالية :


http://www.ksaqlb.com/p/7.gif


6- الآن ندرج صورة خلفية وهي منطقة التمدد للهيدر كما في الصور التالية :

http://www.ksaqlb.com/p/8.gif

http://www.ksaqlb.com/p/9.gif


7-الآن بنفس الجدول الأولى كلك يمين ثم تقسيم الخلايا ثم نضع عدد الأعمدهـ 3 كما في الصور التالية :

http://www.ksaqlb.com/p/10.gif



http://www.ksaqlb.com/p/11.gif


8-الآن سوف تظهر لنا ثلاث مناطق في الجدول الأول وهو يعتبر الهيدر وراح ندرج صورة في المنطقة الأولى وهي صورة تجميلية يمنى والمنطقة الثانية ندرج منطقة التمدد والمنطقة الثالثة ندرج صورة تجميلية يسرى.

9-الآن ضع الماوس على المنطقة الأولى ثم من الأعلى خيار ادراج صورة وراح ندرج صورة تجميلية يمنى كا في الصورة التالية :


http://www.ksaqlb.com/p/12.gif




http://www.ksaqlb.com/p/13.gif

10-الآن ضع الماوس على المنطقة الثانية ثم من الأعلى خيار ادراج صورة وراح ندرج منطقة التمدد كما في الصورة التالية :

http://www.ksaqlb.com/p/12.gif



http://www.ksaqlb.com/p/14.gif


11-الآن ضع الماوس على المنطقة الثالثة ثم من الأعلى خيار ادراج صورة وراح ندرج صورة تجميلية يسرى كما في الصورة التالية :

http://www.ksaqlb.com/p/12.gif


http://www.ksaqlb.com/p/15.gif


12-الآن انتهينا من الهيدر ونبدأ بالفوتر وهي نفس الخطوات وأول شي هي إدراج خلفية للجدول وهي منطقة التمدد للفوتر كما في الصورة التالية :

http://www.ksaqlb.com/p/7.gif



http://www.ksaqlb.com/p/8.gif


http://www.ksaqlb.com/p/16.gif


13-الآن نقسم الخلايا كما في الصور التالية :



http://www.ksaqlb.com/p/10.gif



http://www.ksaqlb.com/p/11.gif


14-الآن نذهب إلى الخانة الأولى نم ندرج صورة تجميلية يمين كما في الصورة التالية :

http://www.ksaqlb.com/p/12.gif

http://www.ksaqlb.com/p/17.gif


15-الآن نذهب الى الخانة الوسطى وندرج منطقة التمدد كما في الصورة التالية :

http://www.ksaqlb.com/p/12.gif


http://www.ksaqlb.com/p/18.gif

16-الآن نذهب الى الخانة الثالثة وندرج صورة تجميلية يسار كما في الصورة التالية :

http://www.ksaqlb.com/p/12.gif

http://www.ksaqlb.com/p/19.gif

17-الآن انتهينا من إدراج الصور ولاكننا نريد ان يكون الإستايل متمدد فنعمل الآتي على كل الصور :
كلك يمين على الصورة ثم :

http://www.ksaqlb.com/p/20.gif

ثم إعمل الإعدادات كالتالي :

http://www.ksaqlb.com/p/21.gif


18-الآن انتهينا من التوزيع وكل شي ما بقى إلا اننا نحدد كود الهيدر والفوتر ونحددهم من التالي :

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

تم الإنتهاء بحمد الله

وانتظر تطبيقاتكم وأسئلتكم وانا حاضر للإجابة .

وارفقت لكم صور هذا الدرس لمن يريد تحميلها .

والسلام عليكم ورحمة الله وبركاته

اخوكم / عبدالرحمن الحربي

[خ ــادم الإسلام]

جزاك الله كل خير يا عبد الرحمن
تثبيت

[شقران]

لاهنت يبو داحم دايما مبدعنا
الله لايحرمنا من جديدك
تحياتي لك

[بكــار]

ولا هنت ياالذيب

[JuSt SmiLe]

بارك الله فيك

[ناصر الاسلام]

أكثر من رائع أخوى عبد الرحمن

[عبدالله ابراهيم]

تسلم حبيبى بانتظار جديددك

[سيد العرب]

يعطيك العافيه اخوووووي ^____^

[عماد مسعد]

بارك الله فيكـ

[Hamada]

مشكور يالغلا
ما قصرت ,,