المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : تقطيع واجهة بالفوتوشوب وتوزيعها في الفرونت بيج ...


MafiawwY
2006-08-21, 09:08 PM
تقطيع واجهة بالفوتوشوب وتوزيعها في الفرونت بيج ...

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



مهم جدا عند نقل الموضوع لأي منتدى الرجاء حفظ الحقوق وذلك بوضع الاتي :-

\================================/
\=== جميع الحقوق محفوظة لـ العبقري نت ========/
\================================/
\===== الرابط لايظهر فى الأرشيف (الرابط لايظهر فى الأرشيف) =====/

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

درس تقطيع واجهة بالفوتوشوب ومن ثم وضع الارتبطات التشعبية بالفرونت بيج

بسم الله الرحمن الرحيم

لنبدأ في الدرس :-

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

عن طريق برنامج الفوتوشوب انظر الصورة :-الرابط لايظهر فى الأرشيف
الرابط لايظهر فى الأرشيف
هذه الواجهة هي التي أريد أن أقطعها الى أجزاء وتركيبها على الفرونت بيج ومن ثم وضع الارتباطاتالرابط لايظهر فى الأرشيف
الان من صندوق الأدوات أختار أداة السكين للقطع كما في الصورة :-
الرابط لايظهر فى الأرشيف
ثم اعمل شكل التقطيع الذي تريده وقم بتقطيع الصورة الى شرائح كما في الصورة بالأسفل :-
الرابط لايظهر فى الأرشيف
وذلك بالضغط واستمرار الضغط وعمل القطعة التي تريدها استمر بالتقطيع الى أجزاء كما في الصور :-
الرابط لايظهر فى الأرشيف
الرابط لايظهر فى الأرشيف
واستمر في عمل المربعات حتى تصل الى النتيجة النهائية كالتالي :-
الرابط لايظهر فى الأرشيف
الان انتهينا من التقطيع بقي علينا حفظه وتحويله الى قطع اتبع الاتي :-

اذهب الى ( ملف ثم حفظ للنسيج العالمي)
الرابط لايظهر فى الأرشيف
الان نختار نوع الصورة وجودتها كما في الأعلى ثم انختار قوة الجودة كما في الصورة بالأسفل :-
الرابط لايظهر فى الأرشيف
ثم نكتب في مربع الجودة الرقم (100)

تاااااااااااااااابع

MafiawwY
2006-08-21, 09:10 PM
ثم نضغط موافق للحفظ ونختار كما في الصورة :-
الرابط لايظهر فى الأرشيف
ونختار النوع كما في العلى (هايبر تكست وصور)

ثم نسوي حفظ

راح ينتج لنا ملفين الأول صفحة انترنت والثاني ملف (images)

ما يهمنا هو الملف الثاني وهو ملف الصور نقوم بنسخه ثم نضعه في مجلد مستقل لوحده

ثم ندخل برنامج الفرونت بيج ونعمل صفحة جديدة فارغة ثم نحفظها باسم index

ونحفظها في المجلد الذي يوجد به مجلد (images)

يعني راح يكون الناتج ملفين كما في الصورة :-
الرابط لايظهر فى الأرشيف
الان قم بعمل تحرير لصفحة (index) بالفرونت بيج

الان بقي علينا ترتيب الصور في الفرونت بيج واعطاؤها الروابط

الان أنت بداخل الفرونت بيج قم بعمل جدول كما في الصور :-
الرابط لايظهر فى الأرشيف
سيظهر لنا جدول الان نضغط على الجدول بزر الماوس الأيمن ثم نختار خصائص الجدول كما في الصورة :-
الرابط لايظهر فى الأرشيف
ثم نضع الخصائص كما في الصورة :-
الرابط لايظهر فى الأرشيف
الان نقوم بادراج الصور في الجداول كما في الصورة التالية :-
الرابط لايظهر فى الأرشيف
يعني في المربع رقم (1) نقوم بادراج الصورة رقم واحد وفي مربع رقم (2) ندرج الثانية وهكذا ...

ملاحظة : الصورة رقم (5) لاتقوموا بادراجها وانما اتركبوا المربع الخاص بها فارغا .

وراح يظهر لنا الناتج التالي :-
الرابط لايظهر فى الأرشيف
الان راح يظهر لنا التصميم تمام ما عدا الصورة رقم (5) سيظهر لنا فيها مربع أبيض فارغ

الان كل اللي عليك انك تفتح برنامج الفوتوشوب مرة أخرى وتقوم بفتح الصورة رقم (5)
الرابط لايظهر فى الأرشيف
ثم نذهب الى قائمة صورة ثم نختار حجم الصورة

الان سيظهر لك أبعاد الصورة ما يهمنا هو العرض والطول احفظ رقم العرض ورقم الطول

ثم اذهب الى برنامج فرونت بيج واضغط بزر الماوس الأيمن على الخلية رقم (5) ثم

اختار (خصائص الخلية)
الرابط لايظهر فى الأرشيف
ضع علامة صح في مربع العرض واختار البكس وكذلك في الطول

وضع في مربع العرض (عرض الصورة رقم خمسة)

وضع في مربع الطول (طول الصورة رقم خمسة)

ثم ضع علامة صح في خانة استخدام صورة خلفية واختار استعراض ثم اختار الصورة رقم خمسة .

الان انتهينا وراح يكتمل التصميم والحمد لله

الان بقي علينا وضع الروابط اتبع الاتي :-

حدد الصورة التي يوجد من ضمنها الأزرار وذلك بالضغط عليها ضغطة واحدة
الان سيظهر لك شريط أدوات الصور الان اختار أداة التحديد من شريط الصور وحدد الازرار كما في الصورة :-
الرابط لايظهر فى الأرشيف
ثم حدد الزر لوضع الارتباط التشعبي كما في الصورة :-
الرابط لايظهر فى الأرشيف
الان بعد أن حددنا الازرار بأداة القلم سيظهر لنا مربع الارتباط التشعبي تلقائيا الان ضع رابط الصفحة التي تريد

أن يفتحها بمجرد الضغط على الزر

ثم طبق نفس العملية في جميع الأزرار

والحمد لله والصلاة والسلام على أشرف الأنبياء والمرسلينالرابط لايظهر فى الأرشيف

heroshima
2006-08-23, 03:20 PM
يا جـــــــــــــــــــــــــــــامد
الرابط لايظهر فى الأرشيف

FREEDOM
2006-10-08, 09:06 AM
يا سلام عليك يا ابنى

تستاهل بوسة

SpAnKy
2006-11-19, 02:11 AM
لالالالالالالالالالالالالا
جــــــــــامد اوى
الله عليك
تسلم اديك
ههههه

3aShe2
2006-11-19, 12:55 PM
تسلم يا باشا

جارى التنفيذ

رائد العراقي
2006-11-27, 03:44 PM
تسلم وشكرا على الشرح

رائد العراقي
2006-11-27, 03:46 PM
تسلم وشكرا على الشرح

عاشق فلسطين
2006-12-03, 05:28 PM
مشكور كتير على الموضوع

ملكة
2007-01-18, 06:27 PM
للاسف ما شوفت ولا صورة

vip
2007-01-18, 07:56 PM
تمام يا مفياوى الله عليك

جزاك الله كل خير

ahmed90
2011-10-03, 10:49 PM
اشكرك اخويه وجزاك الله خيرا