تعلم تصميم المواقع ....

تصميم المواقع بالفوتوشوب خطوات سهل جداً

1- سنبدأ الدرس على برنامج الفوتوشوب الاصدار الثامن
2- سنعمل على هذه الصورة ..



3- احفظ الصورة السابقة وافتح برنامج الفوتوشوب .. ولنبدأ العمل

4- اضف ما تريد ان تضيفه على الواجهة .. وبالنهاية ستظهر هكذا



5- الان اختر اداة القطع ( ) وقطع الواجهة الى هذا الشكل




6- اضغط باليمين على كلمة ( المنتدى ) .. واختر Edit Slice Options



7- ستفتح لك نافذة .. اذهب لخانة الـ URL وادخل وصلة ( المنتدى ) ..



8- بعد ادخال جميع الوصلات .. احفظ الواجهة من قائمة File >>> Save for Web او اضغط على Alt + Shift + Ctrl + S



9- ستفتح لك نافذة .. اضغط على Save .. واحفظ الصفحة بإسم ( Index ) والامتداد ( .html ) .. واحفظها في مجلد htdocs الخاص بسيرفر اباتشي ..







10- عند ذهابك الى مكان حفظ الصفحة .. ستجد مجلد بإسم ( images ) وهو مجلد الصور التي تم قطعها





11- ارفع ملف الواجهة ومجلد الصور ( images ) الى سيرفرك الشخصي






وانتهى الدرس ^_^