[تصميم الجزء السفلي للاستايل رباعي الاطراف -الجـ(B)ـزء]

بسم الله الرحمن الرحيم
تطرقنا في الدرس السابق عن كيفية البدء في تصميم الجزء العلوي
والان ننطلق في اسفل المنتدى لكي يتزل الشكل ونصمم
[الجزء السفلي للاستايل -تصميم الـfooter ]

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

نقوم بفتح عمل جديد
العرض 780 والطول 100
طبعا الدرس السابق للجزء العلوي كان الطول 200



ونغطي الطبقه الاولى باللون الذي تكلمنا عنه وهو اخف درجه من اللونين الذين اخترتهما



نفتح لير جديد



ثم نقوم بعمل تخطيط للعمل كما هو موضح بالصوره
ونضغط على الاختصار Ctrl+A




مثل ما تشاهد بالصوره




الان نستخدم التدرج اللوني



نختار اللي محدد باللون الاحمر من اعلى الفوتوشوب



نسحب من فوق لتحت



الان نزيل التحديد بالضغط على الاختصار Ctrl+D



الان نحدد اللير ذات اللون المدرج وذلك بالضغط على حرف f ومنها stroke



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



الان نفس الطبقه كررها



ثم قم بتحديدها واضغطها بالسحب الى الاسفل



كرر الطبقه التي سحبتها الى الاسفل وضع مثلها في الاعلى



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






وهذا تطبيقي



ارجو حفظ اعمالكم لعملية التقطيع

تقطيع الجزء العلوي والسفلي رباعي الاطراف -الجـ(C)ـزء]

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

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

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

طبعا فيه ناس عجزانه وماتبي التمدد ويخلون البنر وصله وحده
نقول ايه صح تقدر
لكن لو واحد تفصح شاشته اكبر من 800 راح يشوف البنر صغير وفي النص وشكله بايخ :evil_lol:

طيب حبايب قلبي نبدى الشرح لانطولها وهي قصيره

نقول بسم الله

نجي ونفتح برنامج الفوتوشوب

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



نختار اداة التحديد كما هو موضح بالشكل



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



خلاص حددنا
طيب نضغط على كلاً من Ctrl+x
ونقطع الصوره



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






ضغطنا ok ثم نضغط Ctrl+v راح يلتصق العمل مثل مانشوف وبعدها احفظها باي اسم تحب ولو تنشئ مجلد جديد لها وتسميه هيدر راح اكون ممنون لك كثير عشان ننشوفه على الهواء مباشره





اللحين نقص الجهه الثانيه (نحدد ونقص ونفتح فايل جديد ونلصق ونحفظ )


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



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

[توزيع الصور في الفرونت بيج لرباعي الاطراف-الجـ(D)ـزء

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

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

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

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

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




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



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



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




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


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




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



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



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



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



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



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



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



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

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





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



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



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



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



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



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



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



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



لاهي اللي جت في مكانها الزين ولاهي جت في النص يعني خلف خلاف :evil_lol:

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



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



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



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

مالك الا شئ واحد (((((شد الاطراف)))))) :msn-wink:



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

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

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



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



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



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



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



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



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



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


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



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




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




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



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

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