شرح طريقة تقطيع وتركيب الواجهة للموقع من الألف الى الياء

[محـب الحسين]

شرح طريقة تقطيع وتركيب الواجهة للموقع من الألف الى الياء



نظرا لعدم معرفة بعض الاخوة طريقة التقطيع والتركيب

للواجهة فهذا شرح واتمني ان يوفي باالغرض

بسم الله نبدأ

افتح الواجهة وهي بصيغة pds ر برنامج Photoshop


اختر من الفوتوشوب اداة slice tool


او اضغط من لوحة المفاتيح علي حرف k


شاهد الصورة





حدده بهذه الأداة التصميم بدقة وتكرر العمل على باقي الأسماء التي وضعتها


شاهد كما بالصورة




وبعد الانتهاء تذهب الى قائمة ملف وتختار حفظ الى النسيج العالمي (save for web)

شاهد كما بالصورة





افعل كما بالصورة الموضحة




انتظر لحطات حتي يتم الحفظ





سيكون عندك صفحة index ومجلد الصورimages


كما بالصورة





ستكون الصور مقطعة بهذا الشكل







افتح صفحة التصميم برنامج الفرنت بيح



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







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


سيظهر لك كما بهذا الشكل





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


قم بكتابة عنوان الموقع كما بالصورة






وبعد الانتهاء من وضع الارتباط التشعبي قد تظهر خطوط زرقاء وللتخلص منها



نضغط على الصورة التي نتعامل معها وهي المنتدى وبالزر الايمن نختار خصائص

الصوورة ويظهر لك جدوول ونجعل سمك الحدود صفر

وبعد الانتهاء من تكرار العمل على جميع الاسماء المنتديات .اتصل بناء. الاعلانات وغيرها


وللتأكد من نجاح الخطوات اضغط على المعاينة لمشاهدة التصميم





وبعد التعديل ووضع الروابط يتم حفظ العمل ويكون عندك صفحة index ومجلد

الصورimages

ثم يتم فتح ftp للموقع


قم بإرسال ملفات للموقع

وبذلك تكون قد وضعت الواجهة للموقع

واعمل تحديث لصفحة الموقع وسوف يظهر لك التصميم الجديد

ومبروك عليك

تحياتي للجميع

منقول