اهلا وسهلا بكم في منتديات ملتقى الجواهر
 
الرئيسيةمكتبة الصورس .و .جالتسجيلبحـثالأعضاءالمجموعاتدخول

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
علي الحميداوي
صمام امان المنتدى
صمام امان المنتدى
avatar

ذكر عدد الرسائل : 226
العمر : 25
البلد : عراقي انا
تاريخ التسجيل : 29/02/2008

مُساهمةموضوع: شرح لطريقة تقطيع و تركيب واجهة موقعك من الألف الى الياء   الأربعاء مايو 28, 2008 11:35 am

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

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

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

الرئيسية من تصميمك أو من واجهة جاهزة

مثلا كالواجهات الموجودة هنا مفتوحة المصدر ( يمكنك التعديل عليها ببرنامج

الفوتوشوب و إضافة اسم موقعك او تغيير الزرار ) :


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


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


واجهات جميلة لأصحاب المواقع مفتوحة المصدر ( متجدد )


واجهة رائعة لأصحاب مواقع الاستضافات السلفية


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

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




نقوم بفتحها بالبرنامج الشهير لتحرير الصور : 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

وفقك الله

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



</FONT>



</TD>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
قتيبه الأعرجي
الرئيس العام للمنتدى
الرئيس العام للمنتدى
avatar

ذكر عدد الرسائل : 732
العمر : 33
البلد : العراق
تاريخ التسجيل : 24/02/2008

مُساهمةموضوع: رد: شرح لطريقة تقطيع و تركيب واجهة موقعك من الألف الى الياء   الجمعة مايو 30, 2008 10:55 am

مشكوووووووووووور اخي الكريم على هذه الجهووووووود المبذوله


وتقبل تحياتي لك ...؟

_________________
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://multaqa.yoo7.com
 
شرح لطريقة تقطيع و تركيب واجهة موقعك من الألف الى الياء
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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