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


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

 

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

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


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

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

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

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

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

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

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

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


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


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


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


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


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

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

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


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

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

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


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


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

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

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

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

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





edit slice Option

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


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

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

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

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

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

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


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

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

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

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

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


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


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


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

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


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

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


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

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

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


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


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

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

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

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

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

مثلا رابط :

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

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


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


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

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

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

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


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


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

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

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

www.ttt.com/index.html

وفقك الله

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



</FONT>



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


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

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

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


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

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