شرح تقطيع وتركيب واجهه موقع ( شرح بسيط ومختلف )

بعد التحيه
هذا الشرح هو كيف يتم تقطيع واجهه كما في المثال الذي سوف نتناوله بالتفصيل ومعنا الواجهه الاتيه

طبعا نأخذ الملف ال psd حق الواجهه
وهذا رابط تحميل ملف ال psd للواجهه http://yalladesign.com/free/wsaya.rar
لان الواجهه غير مقطعه كما ذكرنا ونفتح الملف بواسطة Adobe ImageReady ويكون كالاتي كما في الصوره الاتيه


ونختار الاداه الاتيه


ثم نذهب الى الواجهه ونبداء بالتقطيع وذلك بالضغط على الاداه والذهاب الى الملف وتحديد الزر كشكل مربع او حسب الشكل المطلوب ونضيف الروابط عند التقطيع بنفس الوقت بحركه واحده كالاتي
مثلا نذهب الى الزر مكتبة البرامج نختار الاداه السابقه ونذهب نحدد عليه بها

ولكي نضيف الرابط نذهب الى الصندوق الاتي هو يظهر افتراضيا
ونضيف الرابط بهذا الشكل

ولكي نجعل الرابط المراد طرحه يفتح في صفحه ثانيه عند الضغط عليه نختار كما في الصوره الاتيه ونختار _blank

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

بعد اكمال التقطيع نذهب الى قائمة file ونختار الخيار save opitimize يظهر صندوق نسوي كما في الصوره ونضغط زر حفظ وطبعا نحدد المكان الذي سيحفظ اليه

نذهب الى المكان الذي حفظنا فيه الواجهه ونرى ملفين ملف index ومجلد الصور وهكذا تكون الواجهه مقطعه جاهزه ولم يبق الا تركيبها على الموقع ....
*** رفع الواجهه ...
يحتاج لنا برنامج رفع ملفات واحسن برنامج بنظري هو leapftp وموجود مع السريال حقه على هذا الرابط http://www.traidnt.net/vb/showthread...hlight=leapftp
بعد التحميل للبرنامج نفتحه وندخل المعلومات حق الموقع وهي اسم الموقع واسم المستخدم والباسورد وندخل على public_html
ونرفع مجلد الواجهه والاندكس ويكونوا كما في الشكل الاتي في موقعك

ونحرص على وجود مجلد image في نفس المسار بعد ما نتأكد من رفعهم ونروح نكتب رابط الموقع تظهر الصفحه التي رفعناها وصلى الله وبارك
وهذا رابط الواجهه التي قطعناها في المثال على عجل طبعا
http://www.p-yemen.com/111.rar
اتمنى ان يكون شرحي واضح واي استفسار انا مستعد
اخوكم / محمد

شرح جميل وتفصيلي

وسهل من جميع النواحي وان شاء الله


الكل يستفيدو منه ويطبقوه


واني بنزل برنامج الفوتوشوب عشان راح من جهازي واطبق ان شاء الله


الف شكر وتقدير لى الاخ قلب متناثر على كل الجهود الذي يحاول من خلالها

ابراز منتدنا بصوره افضل واجمل


تقبل مروري وتقديري


ولي عوده اخرا بعد التطبيق العملي لهذا الموضوع