حصريا على ديزاد باتنة تقطيع واجهة interface بالفوتوشوب وتوزيعها في الفرونت بيج ...

[loulou ange]

حصريا على ديزاد باتنة تقطيع واجهة interface بالفوتوشوب وتوزيعها في الفرونت بيج ...

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



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

\================================/
\=== جميع الحقوق محفوظة لـ العبقري نت ========/
\================================/
\===== WwW.3BQRY.NeT (http://WwW.3BQRY.NeT) =====/

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

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

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

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

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

عن طريق برنامج الفوتوشوب انظر الصورة :-http://www.dzbatna.com/images/smilies/icon30.gif


http://www.3bqry.net/we/t/1.jpg

هذه الواجهة interface هي التي أريد أن أقطعها الى أجزاء وتركيب installها على الفرونت بيج ومن ثم وضع الارتباطاتhttp://www.dzbatna.com/images/smilies/nosweat.gif

الان من صندوق الأدوات أختار أداة السكين للقطع كما في الصورة :-
http://www.3bqry.net/we/t/2.jpg
ثم اعمل شكل التقطيع الذي تريده وقم بتقطيع الصورة الى شرائح كما في الصورة بالأسفل :-
http://www.3bqry.net/we/t/3.jpg
وذلك بالضغط واستمرار الضغط وعمل القطعة التي تريدها استمر بالتقطيع الى أجزاء كما في الصور :-
http://www.3bqry.net/we/t/4.jpg
http://www.3bqry.net/we/t/5.jpg
واستمر في عمل المربعات حتى تصل الى النتيجة النهائية كالتالي :-
http://www.3bqry.net/we/t/6.jpg
الان انتهينا من التقطيع بقي علينا حفظه وتحويله الى قطع اتبع الاتي :-

اذهب الى ( ملف ثم حفظ للنسيج العالمي)
http://www.3bqry.net/we/t/7.jpg
الان نختار نوع الصورة وجودتها كما في الأعلى ثم انختار قوة الجودة كما في الصورة بالأسفل :-
http://www.3bqry.net/we/t/8.jpg
ثم نكتب في مربع الجودة الرقم (100)

ثم نضغط موافق للحفظ ونختار كما في الصورة :-
http://www.3bqry.net/we/t/9.jpg
ونختار النوع كما في العلى (هايبر تكست وصور)

ثم نسوي حفظ

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

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

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

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

يعني راح يكون الناتج ملفين كما في الصورة :-
http://www.3bqry.net/we/t/10.jpg
الان قم بعمل تحرير لصفحة (index) بالفرونت بيج

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

الان أنت بداخل الفرونت بيج قم بعمل جدول كما في الصور :-
http://www.3bqry.net/we/t/11.jpg
سيظهر لنا جدول الان نضغط على الجدول بزر الماوس الأيمن ثم نختار خصائص الجدول كما في الصورة :-
http://www.3bqry.net/we/t/12.jpg
ثم نضع الخصائص كما في الصورة :-
http://www.3bqry.net/we/t/13.jpg
الان نقوم بادراج الصور في الجداول كما في الصورة التالية :-

http://www.3bqry.net/we/t/14.jpg
يعني في المربع رقم (1) نقوم بادراج الصورة رقم واحد وفي مربع رقم (2) ندرج الثانية وهكذا ...

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

وراح يظهر لنا الناتج التالي :-
http://www.3bqry.net/we/t/15.jpg



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

الان كل اللي عليك انك تفتح برنامج الفوتوشوب مرة أخرى وتقوم بفتح الصورة رقم (5)
http://www.3bqry.net/we/t/16.jpg
ثم نذهب الى قائمة صورة ثم نختار حجم الصورة

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

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

اختار (خصائص الخلية)

http://www.3bqry.net/we/t/17.jpg
ضع علامة صح في مربع العرض واختار البكس وكذلك في الطول

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

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

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

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

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

حدد الصورة التي يوجد من ضمنها الأزرار وذلك بالضغط عليها ضغطة واحدة
http://www.3bqry.net/we/t/18.jpg
الان سيظهر لك شريط أدوات الصور الان اختار أداة التحديد من شريط الصور وحدد الازرار كما في الصورة :-
http://www.3bqry.net/we/t/19.jpg
ثم حدد الزر لوضع الارتباط التشعبي كما في الصورة :-

http://www.3bqry.net/we/t/20.jpg
الان بعد أن حددنا الازرار بأداة القلم سيظهر لنا مربع الارتباط التشعبي تلقائيا الان ضع رابط الصفحة التي تريد

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

ثم طبق نفس العملية في جميع الأزرارhttp://www.dzbatna.com/images/smilies/icon-mos.gif

والحمد لله والصلاة والسلام على أشرف الأنبياء والمرسلينhttp://www.dzbatna.com/images/smilies/nosweat.gif




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©