تعلم تصميم واجهة interface احترافية لموقعك [ من التصميم حتى التقطيع ]

[linnou]

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

الدرس مفصل بسيط جداً من اخوكم ROMYO

اتمنا يحيز على اعجابكم وتقديركم و http://www.dzbatna.com/images/smilies/shiny01.gif

الأن نأتي لأهم فقرة وهيا [ الصور رفوعة على معهد ديزاد باتنة حصراً لعدم التزوير ] . . !

(¯`·._) (نبداء الدرس مفصل) (¯`·._)

التطبيق :

http://dzbatna.net/vb/attachment.php?attachmentid=306673&stc=1&d=1224253934




اولاً :


http://dzbatna.net/vb/attachment.php?attachmentid=306662&stc=1&d=1224253280

القياسات 500×800 [ بيكسل ]

ثانياً :

http://dzbatna.net/vb/attachment.php?attachmentid=306663&stc=1&d=1224253280

نعمل الألوان الموضوعة في الصورة

ثالثاً :

http://dzbatna.net/vb/attachment.php?attachmentid=306664&stc=1&d=1224253280

نضع الفراشي المتواجده في الصورة [ تم ارفاق الفراشي الموضوعة في التصميم ]

رابعاً :

http://dzbatna.net/vb/attachment.php?attachmentid=306665&stc=1&d=1224253280

نضع الفراشي في هذا الشكل [ بشكل نصف داخل العمل ونصف خارج العمل ] .

خامساً :

http://dzbatna.net/vb/attachment.php?attachmentid=306667&stc=1&d=1224253499

نضع الفراشي في هذا الشكل [ بشكل نصف داخل العمل ونصف خارج العمل ] .

سادساً :

http://dzbatna.net/vb/attachment.php?attachmentid=306668&stc=1&d=1224253499

نعمل مربع وبي داخله كلمة [ دخول | Enter ]
ونضع مربع اخر فوقه نسمي اسم موقعك [مثلاً ] : ديزاد باتنة
ونضع في اسفل المربع المتوسط رابط موقعك [ مثلاً ] : TRAIDNT.nEt

سابعاً : [ التقطيع ] :

http://dzbatna.net/vb/attachment.php?attachmentid=306669&stc=1&d=1224253499

نقطع كلمة [ دخول | Enter ]

ثامناً :

http://dzbatna.net/vb/attachment.php?attachmentid=306670&stc=1&d=1224253499

نضعط في الزر الأيمن للماوس على المربع المقطع وبعدها [ تحرير خيارات الشرائح ]

تاسعاً والنهاية :

ملف > حفظ للويب > حفظ > تم

شكل الواجهة interface بعد الأنتهاء :

http://dzbatna.net/vb/attachment.php?attachmentid=306673&stc=1&d=1224253934

`·.¸¸.·¯`··._.· (النهاية للدرس مفصل) `·.¸¸.·¯`··._.·

للأسف والله ماقدرة احط لكم الفراشي ..

بس انتو من بداعاتكم , تظبطون الموضوع .. http://www.dzbatna.com/images/smilies/blushing.gif

`·.¸¸.·¯`··._.· (النهاية للموضوع) `·.¸¸.·¯`··._.·



الصور المصغرة المرفقة http://www.traidnt.net/vb/attachments/306662d1224253280t-1.jpg (http://www.traidnt.net/vb/attachments/306662d1224253280-1.jpg) http://www.traidnt.net/vb/attachments/306663d1224253280t-2.jpg (http://www.traidnt.net/vb/attachments/306663d1224253280-2.jpg) http://www.traidnt.net/vb/attachments/306664d1224253280t-3.jpg (http://www.traidnt.net/vb/attachments/306664d1224253280-3.jpg) http://www.traidnt.net/vb/attachments/306665d1224253280t-4.jpg (http://www.traidnt.net/vb/attachments/306665d1224253280-4.jpg) http://www.traidnt.net/vb/attachments/306667d1224253499t-5.jpg (http://www.traidnt.net/vb/attachments/306667d1224253499-5.jpg) http://www.traidnt.net/vb/attachments/306668d1224253499t-6.jpg (http://www.traidnt.net/vb/attachments/306668d1224253499-6.jpg) http://www.traidnt.net/vb/attachments/306669d1224253499t-7.jpg (http://www.traidnt.net/vb/attachments/306669d1224253499-7.jpg) http://www.traidnt.net/vb/attachments/306670d1224253499t-8.jpg (http://www.traidnt.net/vb/attachments/306670d1224253499-8.jpg) http://www.traidnt.net/vb/attachments/306673d1224253934t-traidnt.jpg (http://www.traidnt.net/vb/attachments/306673d1224253934-traidnt.jpg)


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