الموضوع: تصميم اطارات لاقسام المنتدى بالفوتوشوب + فرنت بيج .. الدرس التاسع

تصميم اطارات المنتدى بالفوتوشوب وتركيبه بالفرنت بيج

تصميم الفوتوشوب

اولاً نفتح عمل جديد

باداة التحديد

بتحديد داخلي

ثم نعدل زاوية التحديد كما في الصوره

لكي تكون الزاويه مائله

نفتح لير جديد

باداة الصبغ نقوم بصبغة

باداة التحديد نقوم بتحديد داخل الجدول

لكي نقوم بمسحه عن طريق الكيبورد نضغط على

Delete

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

اما الاخضر لا نقوم بتاثير عليه

كل شخص على حسب ذوقه شنو حاب يضع فيه زخارف نقوش شعار

تدريج

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

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

الان نبداء بقص الاطار لكي نستخدمه ببرنامج الفرنت بيج

عن طريق اداة القص

نبداء بالقص

مع مراعاة الدقه في العرض والطول

بعد القص نقوم بحفظ العمل

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

ثم نقوم بحفظ العمل

نقوم بحذف الصور الغير مرغوب فيها بعد القص

نعدل اسماء الصور حتى يسهل علينا معرفتها اثناء التركيب

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

الان تركيب الصور عن طريق برنامج الفرنت بيج

نفتح البرنامج

ونقوم بمسح الاكواد التي بداخله

نذهب الى التصميم

ونقوم بدراج جدول

ثلاث جداول عمودي وافقي

نضع الماوس على الجدول ونضغط كلك يمين

نعدل على خصائص الجدول

كما في الصوره

وضعنا القيم الموضحه

الجدول الان بلا حدود ومن جهة اليمين الى اليسار

الان نقوم بادراج الصور التي قمنا بتصميمها

نذهب الى اول خليه فوق على اليمين ونضع الماوس عليها

ثم نقوم بادارج صورة الاطار

في زوايا الجدول

بعد ادراج الصور في زوايا الجدول كما هو موضح بطريقة الادراج

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

نضع الماوس كما في النقطه الحمراء

ونضغط كلك يمين بالماوس

ونختار له خلفيه عن طريق

ونعمل هذه الطريقه في الجههة المقابلة بوضع لها خلفيه

ونقوم بشد الجدول من اليمين واليسارالى اخر الجدول

حتى يصبح

بهذا الشكل

ونقوم باضافة خلفيه للجدول العلوي والسفلي

كلك يمين مكان النقطه

ونختار صورة الخلفيه

ثم موافق

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

نجعل الماوس مكان النقطه

مع كلك يمين ونختار كما هو موضح في الصوره

ونقوم بادارج ثلاث صفوف في الخلية

نقوم بادراج الصور اليمين والشمال

ثم نقوم بالسحب يمين وشمال

كي تاخذ كل صورة موقعها

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

نلاحظه ان روابط الصور غير صحيحه لو اضفناها في الموقع

نقوم الان بتعديل الروابط

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

ثم

نذهب الى بحث

نختار استبدال كلمات

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

ثم نضغط استبدل الكل

تم استبدال جميع الروابط

الان

نذهب الى التصميم

ونضع الماوس كما في النقطه الحمراء

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

الي فوق مؤشر الماوس هذا هو الجدول العلوي

ولي تحت الماوس هذا السفلي صورة توضيحيه

الاحمر هذا هو الكود الي نضعه في الاعلى

والاصفر نضعه في الاسفل في التمبلت اثناء التركيب

انت خزنها في ملفين ضع ملف اسمه hed.txt

والثاني اسمه fot.txt

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

txt

عندك

الدرس القادم تركيب الاطارات في الستايل

مواضيع رائعه

وشرووح ارووع


الف شكر عزيزي new style

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

تسلمو على الشرح الرائع يالغالي


تحياتي

بارك الله فيك أخي خالد
على هذا الشرح الرائع

..


جزاك الله الف خير


..

يعطيك الف عافية


مررررة الشرح جونان



دمت بحفظ الرحمن

شرحك لهذا الدرس رائع جداً أخي خالد
جزاك الله كل خير