درس تركيب الواجهة من الالف الي الياء
 

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

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

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

بسم الله نبدأ

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


اختر من الفوتوشوب اداة slice tool
او اضغط من لوحة المفاتيح علي حرف k
شاهد الصورة


حدده بهذه الأداة التصميم بدقة وتكرر العمل على باقي الأسماء التي وضعتها
شاهد كما بالصورة
Click this bar to view the full image.


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

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

Click this bar to view the full image.


افعل كما بالصورة الموضحة
Click this bar to view the full image.


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

Click this bar to view the full image.


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


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

Click this bar to view the full image.


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

Click this bar to view the full image.


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

بمجرد ترك الماوس ستفتح لك قائمة الارتباط التشعيبي
قم بكتابة عنوان الموقع كما بالصورة
Click this bar to view the full image.


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

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

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

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


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

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

الصورimages

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


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

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

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

ومبروك عليك

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