السلام عليكم و رحمة الله و بركاته
بعد أن تقوم بعمل تصميمك على الفوتوشوب هناك بعض الخطوات الواجب فعلها لتعديل التصميم وجعله ملائم كواجهة لموقعك :
و هاهي الواجهة التي اخترناها لدرسنا مع التعديل :
نقوم بفتحها بالبرنامج الشهير لتحرير الصور : adobe photoshop
نقوم بالتعديل عليها كما نريد
ثم نذهب الى الآداة لتقطيع تصميمنا كما هو موضح في الصورة :
ملاحظة : كل قطعة تعينها تمثل رابط لصفحة أخرى في موقعك
مثلا : المنتدى رابطه www.salafsoft.com/vb
و نعين المناطق بالاداة التي نريد تقطيعها
مثلا الجهة العليا اين مكتوب شيكة الحاسوب السلفية
بعد تعيينها نضغط بالزر اليمن كما هو موضح في الصورة
edit slice Option
ثم تظهر لنا بينات القطعة كما في الصورة :
و ندخل فيه الرابط الذي تؤدي اليه الجهة العليا مع عنوان الرابط
نفس الشيء مع الأزرار الأخرى مثلا زر المنتدى
ثم نكتب الرابط مع العنوان
و نطبق على جميع القطع التي عينها
ثم نحفظ العمل كما في الصورة :
بالضغط على save for the web
و نواصل كما في الصورة مع ان يكون صيغة الحفظ html and images
و نحصل على ملفات الصور بهذه الطريقة :
نذهب الى ملف html و نفتحه بال Front page كما في الصورة :
و نذهب الى زر Design في الأسفل :
فتظهر لنا الصورة فنضغط مثلا على المنتدى بالز الأيمن كما هو موضح
page propety :
ثم يظهر لنا العنوان و نضغط على ok
ثم نذهب الى Hyperlink proprety لرؤية رابط الزر
ثم ندخل رابط المنتدى :
و نتأكد من سمك الزر بالضغط على picture propretie يجب ان يكون 0
و نقوم بهذا التطبيق على جميع الأزرار
ثم ننقر على code في برنامج الفرونت بيج :
يظهر لنا كود التصميم فنقوم بتغيير الروابط :
مثلا رابط :
/images/ wajiha4_01
الي www.ttt.com/images/wajiha4_01
مع تغيير ttt الى مسار موقعك
ثم نقوم بحفظ العمل
و في الأخير نغير ملف Html الى index.html
كما في الصورة :
و بعد ذلك ارفع مجلد images و index.html
عبر ftp الى موقعك
و سيكون رابط صفحتك الرئيسية
www.ttt.com/index.html
وفقك الله
و أتمنى ان يكون الشرح واضح و كافي
منقووول[/quote]
مواقع النشر (المفضلة)