منتديات اشـرف بـدوي
عزيزي الزائر اذا كنت عضو اضغط علي دخول
اذا لم تكن واردت التسجيل اضغط علي تسجيل
ان اردت ان تتصفح المنتدي فقط اضغط علي اخفاء
اشرف بدوي
منتديات اشـرف بـدوي
عزيزي الزائر اذا كنت عضو اضغط علي دخول
اذا لم تكن واردت التسجيل اضغط علي تسجيل
ان اردت ان تتصفح المنتدي فقط اضغط علي اخفاء
اشرف بدوي
منتديات اشـرف بـدوي
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات اشـرف بـدوي


 
الرئيسيةتقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور I_icon_mini_portalأحدث الصورالتسجيلدخول

 

 تقطيع و تركيب واجهة موقع أو مجلة شرح بالصور

اذهب الى الأسفل 
كاتب الموضوعرسالة
اشرف بدوي
Admin
Admin
اشرف بدوي


ذكر
الابراج : الجدي
النمر
عدد المساهمات : 514
1129
احترام قوانين المنتدى : %100
10
16/08/2009
العمر : 61

تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Empty
مُساهمةموضوع: تقطيع و تركيب واجهة موقع أو مجلة شرح بالصور   تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور I_icon_minitimeالسبت يوليو 31, 2010 5:41 pm


السلام عليكم و رحمة الله و بركاته

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

مثلا لك صفحات انشأتها ببرنامج Frontpage أو مجلة و أردت ان تكون الصفحة



و الا فيمكنكم تصميمها بنفسكم

و هاهي الواجهة التي اخترناها لدرسنا مع التعديل :




تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft150


نقوم بفتحها بالبرنامج الشهير لتحرير الصور : adobe photoshop

نقوم بالتعديل عليها كما نريد

ثم نذهب الى الآداة لتقطيع تصميمنا كما هو موضح في الصورة :


ملاحظة : كل قطعة تعينها تمثل رابط لصفحة أخرى في موقعك


مثلا : المنتدى رابطه www.salafsoft.com/vb

تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft152

و نعين المناطق بالاداة التي نريد تقطيعها

مثلا الجهة العليا اين مكتوب شيكة الحاسوب السلفية

بعد تعيينها نضغط بالزر اليمن كما هو موضح في الصورة





edit slice Option

ثم تظهر لنا بينات القطعة كما في الصورة :


و ندخل فيه الرابط الذي تؤدي اليه الجهة العليا مع عنوان الرابط

تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft153

نفس الشيء مع الأزرار الأخرى مثلا زر المنتدى

تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft154

ثم نكتب الرابط مع العنوان

تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft155


و نطبق على جميع القطع التي عينها

ثم نحفظ العمل كما في الصورة :
بالضغط على save for the web

تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft156

و نواصل كما في الصورة مع ان يكون صيغة الحفظ html and images

تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft157


و نحصل على ملفات الصور بهذه الطريقة :


تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft158


نذهب الى ملف html و نفتحه بال Front page كما في الصورة :

تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft1516


و نذهب الى زر Design في الأسفل :

فتظهر لنا الصورة فنضغط مثلا على المنتدى بالز الأيمن كما هو موضح


page propety :
تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft159
ثم يظهر لنا العنوان و نضغط على ok
تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft1517

ثم نذهب الى Hyperlink proprety لرؤية رابط الزر

تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft1518


ثم ندخل رابط المنتدى :


تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft1510

و نتأكد من سمك الزر بالضغط على picture propretie يجب ان يكون 0
تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft1511

و نقوم بهذا التطبيق على جميع الأزرار
ثم ننقر على code في برنامج الفرونت بيج :

تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft1512

يظهر لنا كود التصميم فنقوم بتغيير الروابط :

مثلا رابط :

/images/ wajiha4_01
الي
www.ttt.com/images/wajiha4_01

مع تغيير ttt الى مسار موقعك


تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft1513


ثم نقوم بحفظ العمل

تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft1514

و في الأخير نغير ملف Html الى index.html

كما في الصورة :


تقطيع و تركيب واجهة موقع أو مجلة  شرح بالصور Salafsoft155


و بعد ذلك ارفع مجلد images و index.html

عبر ftp الى موقعك

و سيكون رابط صفحتك الرئيسية

www.ttt.com/index.html

وفقك الله

و أتمنى ان يكون الشرح واضح و كافي





الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
تقطيع و تركيب واجهة موقع أو مجلة شرح بالصور
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شرح تركيب هاك الاعضاء بالمربعات والالوان بالصور
» طريقة تركيب استايل vb بالصور طريقة مضمونة ومجربة
» اشرف بدوى (( واجهة فلاشية ))
»  Mp3 Sound Cutter برنامج mp3 cutter المتخصص في تقطيع الاغاني و النغمات
» حلى قهوه بالصور

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات اشـرف بـدوي :: استايلات vb-
انتقل الى: