* .:توزيع الصور في الفرونت بيج لستايل رباعي الاطراف (دورة تصميم ستايل منتدى) :.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

لمشاهدة هذا الدرس يجب عليك تغيير اعدادات الشاشه من 800 الى 1024

وننطلق الان مع الشرح

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ستشاهد هذه الصفحه

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

امسح مابها لتكون بهذا الشكل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان نضغط على كلمة تصميم

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اضغط بطرف الماوس الايمن لتظهر لك خصائص الصفحه وغير اتجاه الصفحه الى اليمين

وننتقل لاعلى برنامج الفرونت بيج ونختار ادراج جدول ثلاث خانات فقط بالطول

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نذهب الى الجدول ونضغط بطرف الماوس الايمن لتخرج لنا هذه القائمه

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ونقوم بوضع هذه الاعدادات كما في الصوره بالضبط

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

فاصبح لدينا الجدول بهذا الشكل خانه علويه وخانه وسطيه وخانه سفليه

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اصبحت بهذا الشكل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نترك الخانه الوسطية ونتجه للخانه رقم ثلاثه (الفوتر)

ونضغط بطرف الماوس يمين ونختار خصائص الخليه... ونختار صوره الخلفيه.. وهي الصوره الثالثه للفوتر الوسطيه وليست الجانبيه ونضغط

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان نتجه للجدول الاول (تذكروا معانا ثلاث جداول ورقمتها قبل شوي 1 و2 و3)

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

المهم رحنا للخانه العلويه او الجدول الاول ونضغط عليه ثم نضغط بطرف الماوس اليمين ونختار تقسيم الخلايا

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

راح يطلع لنا مربع صغير ونختار منه الاعمده ثلاثه

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بيطلع الجدول او الخانه العلويه مقسمه بهذا الشكل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نختار اول خانه يمين ونحط الماوس عليها ونتجه للجه اللي في اعلى الفرونت بيج ونختار ادراج صوره
(خلاص احنا انتهينا من شئ اسمه خلفيه واللي باقي الصور)

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

لاهي اللي جت في مكانها الزين ولاهي جت في النص يعني خلف خلاف [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ونختار الصوره اللي في اليسار للهيدر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ونشوف كيف صارت

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

يعني نقدر نقول تعدلت بشئ بسيط .. بس يبيلها

مالك الا شئ واحد (((((شد الاطراف)))))) [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اللحين خلصنا من شئ اسمه هيدر واللي باقي فوتر

نترك الجدول اللي في النص ونروح للجدول اللي تحت حق الفوتر

ونضغط عليه بالماوس ونختار تقسيم الخلايا

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

مايحتاج كم اقول اكيد 3

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اضغط على اول خانه بجدول الفوتر يمين وادرج الصوره اليمنى للفوتر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نتركها وندرج الصوره اللي في اليسار

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

طبعاً تحط الماوس على اخر خانه بجدول اليسار وتدرج الصوره

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان شنو تشوفون؟؟
كل شئ تمام الا مافي تنسيق

وعلمود ننسق الجدول ككل
كل اللي اريدك تسويه شئ بسيط
تضغط على كل صوره يمين سواء في الهيدر او في الفوتر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ومن اعلى الفرونت بيج تعطيها محاذاه لليمين

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

وكذلك اي صوره يسار تضغط عليها وتعطيها محاذاه لليسار

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

وهذا الاستايل الرباعي (اربع صور) تم الانتهاء منه وبالتوفيق

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بعد ماخلصنا روح لسطح المكتب وغير اعدادات الشاشه الى 800

وهذا شكل الاستايل بعد حجم 800

يسـ،ـ،ـ//ـ،ـ،ـ،ـ//ـ،ـ،ـ،ـ،ـلـ،ـ،ـ،ـ//ـ،ـ،ـ،ـ،مـ،ـ،ـ،ـ//ـ،ـ،ـ،ـ،ـو

منوررررر حب

» دورة عمل استايل منتديات عراق الاجيال :كيفية تصميم الاستايل بالفوتوشوب [1]
» دورة عمل استايل منتديات عراق الاجيال الدرس الثاني] كيفية تصميم الاستايل بالفوتوشوب [2]
» إستايل تراثي إحترافي , للمنتديات القبيلية , توزيع css , متوافق مع المعايير القياسية .
» كيفية انشاء فئة و منتدى فرعى و منتدى ثانوى
» ستايل Expression Web ممتد للنسخة 4.0.8