المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : كيفية تركيب واجهة لموقع من الألف للياء ,,, بالصورة


تواعدنا
12-12-2008, 04:56 AM
بسم الله نبدأ


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

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

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

شاهد الصورة
http://www.gulfson.com/vb/imgulfson/1540.gulfson (http://www.gulfson.com/vb/)


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

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

http://www.gulfson.com/vb/imgulfson/1541.gulfson (http://www.gulfson.com/vb/)


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

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

http://www.gulfson.com/vb/imgulfson/1542.gulfson (http://www.gulfson.com/vb/)


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

http://www.gulfson.com/vb/imgulfson/1543.gulfson (http://www.gulfson.com/vb/)



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

http://www.gulfson.com/vb/imgulfson/1544.gulfson (http://www.gulfson.com/vb/)



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

كما بالصورة

http://www.gulfson.com/vb/imgulfson/1545.gulfson (http://www.gulfson.com/vb/)




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

http://www.gulfson.com/vb/imgulfson/1546.gulfson (http://www.gulfson.com/vb/)



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

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

http://www.gulfson.com/vb/imgulfson/1547.gulfson (http://www.gulfson.com/vb/)



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

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

http://www.gulfson.com/vb/imgulfson/1548.gulfson (http://www.gulfson.com/vb/)

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

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

http://www.gulfson.com/vb/imgulfson/1549.gulfson (http://www.gulfson.com/vb/)


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

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

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

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



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

http://www.gulfson.com/vb/imgulfson/1550.gulfson (http://www.gulfson.com/vb/)


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

الصورimages

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




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


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

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

الدرس للأخ سعيد منتديات شبكة الصقر