الدرس الثاني ( تقطيع الاستايل + توزيعه علي الفرونت بيج + تركيبه ) دورة المبتدئين

اللهم صل على محمد وعلى آله وصحبه أجمعين

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

دورة المبتدئين

ونتقدم بخالص الشكر والتقدير للمبدعين العرب الذين امدونا بهذا الشرح الوفير .. فلهم من كل الشكر والتقدير

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



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




ومن ثم نبدأ بالتقطيع باستخدام الاداة التالية



وابدأ بالتقطيع علي الشكل اتالي مع مراعاة منطقة التمدد




نفس الشئ ونفس المقاسات التقطيع نفذها علي الفوتر



بعد الانتهاء من التصميم نحفظ العمل











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





ومن ثم تابع الصور






ثم نقوم بانشاء الجداول من اعلي الفرونت بيدج كما بالصورة اتالية



بعد انشاء الجداول سيكون شكلها كالتالي


قم بالضغط كليك يمين علي الجداول



طبق مافي الصورة التالية

الان شوف شكلها


لنبدأ بتركيب الصور الان علي الجداول
اول خطة كليك يمين علي الجدول



وقم بتركيب صورة الخلفية ( صورة التمدد )
والان كليك يمين مرة اخري علي الجدول لنقوم بعمل جداول اضافية




الان قم بتوزيع صورك علي الفرونت بيدج
لينتج لديك شكل متناسق
مثال لشكل البنر



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



وقم بتركيب الصور علي الفوتر
الشكل النهائي



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



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



الان شوف الصورة


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



سيظهر لك شاشة تأكد العمل



الان شوف امتداد الصور اصبح بالشكل الصحيح



الان ركز معي بالخطوة التالية

شوف كود البنر


شوف كود الفوتر

باختصار شديد
اللي فوق الكود

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



ثم



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




ملاحظة
قبل لصق كود البنر بالمنتدى قم اولا بمسح الهيدر بالمنتدي وترك الكود التالي

يعني كود البنر اللي نسخنا من الفرونت بيدج ننسخة فوق هذا الكود بالاعلي
الان نذهب للفوتر




الصق كود الفوتر اسفل هذا الكود

الان انزل بالاسفل حتي تصل الي



ثم انزل بالاسفل مرة اخري لتصل الي



وبالنهاية حفظ العمل


تم الانتهاء من التقطيع والتوزيع والتركيب والحمدلله رب العالمين