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

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

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



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

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

بسم الله نبدأ

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


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


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


شاهد الصورة


http://www.sakr1.com/doros/web_des/011.jpg (http://www.sakr1.com/doros/web_des/011.jpg)


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


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


http://www.sakr1.com/doros/web_des/001.jpg (http://www.sakr1.com/doros/web_des/001.jpg)

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

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

http://www.sakr1.com/doros/web_des/002.jpg (http://www.sakr1.com/doros/web_des/002.jpg)



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


http://www.sakr1.com/doros/web_des/004.jpg (http://www.sakr1.com/doros/web_des/004.jpg)

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

http://www.sakr1.com/doros/web_des/005.jpg (http://www.sakr1.com/doros/web_des/005.jpg)



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


كما بالصورة

http://www.sakr1.com/doros/web_des/012.jpg (http://www.sakr1.com/doros/web_des/012.jpg)



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



http://www.sakr1.com/doros/web_des/006.jpg (http://www.sakr1.com/doros/web_des/006.jpg)



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



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



http://www.sakr1.com/doros/web_des/007.jpg (http://www.sakr1.com/doros/web_des/007.jpg)



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


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


http://www.sakr1.com/doros/web_des/008.jpg (http://www.sakr1.com/doros/web_des/008.jpg)


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


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


http://www.sakr1.com/doros/web_des/009.jpg (http://www.sakr1.com/doros/web_des/009.jpg)



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



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

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

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


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


http://www.sakr1.com/doros/web_des/010.jpg (http://www.sakr1.com/doros/web_des/010.jpg)


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

الصورimages

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


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

وبذلك تكون قد وضعت (http://stilaty.tk/showthread.php?t=98) (http://stilaty.tk/showthread.php?t=98)الواجهة للموقع

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

ومبروك عليك

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

منقول