[ درس مفصل تصميم واجهـة موقـع احترافيه ] (2)

[loulou ange]

السلام عليكم

هذا الدرس مفصل الثاني من الدورهـ الاحترافيه ..
طبعاً الي ماشارك ولا شاف الدرس مفصل الاول يلقاهـ ع الرابط ..
http://www.d45d.com/vb/showthread.php?t=1575


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

..

عمل حركه جميله على الهيدر header
لظهور بشكل احترافي ..

نروح على لير الهيدر header ونضغط يمين الماوس
ونختاار
Duplicate layer..
http://www.d45d.com/Doorh/9oor2/1.jpg

راح يعمل لنا هيدر ثاني
ننزل على الهيدر header الي تحت ونختار اللير حقه
بعدها نروح على القائمه ونختار اداة التحريك
http://www.d45d.com/Doorh/9oor2/2.jpg

ونضغط بالكيبورد
Ctrl + T
راح يطلع لنا بهالشكل
http://www.d45d.com/Doorh/9oor2/3.jpg

نسحبه نفس شرح طريقة الصور الي فوق او حركه بالطريقه الي تعجبك انا بس نزلته شوي وصار معاي كذا
http://www.d45d.com/Doorh/9oor2/4.jpg

الحين نبي نعطيه لون مختلف او كذا لون بنفس الهيدر header
نروح على التاثيرات وناخذ نفس خيارات الصور التاليه
http://www.d45d.com/Doorh/9oor2/5.jpg

راح يطالع لنا
http://www.d45d.com/Doorh/9oor2/6.jpg

وانا اخترت هاللون
http://www.d45d.com/Doorh/9oor2/7.jpg

ونطبق هالحركه على الفوتر بعد
^_^

..



الخطوه التالية
عمل قوائم
http://www.d45d.com/Doorh/9oor1/13.jpg
الصوره مقتبسه من الدرس مفصل الاول

بعد ماخترنا المربع نجي على الطرف الايمن
ونسوي مربع نفس الطريقه الي بالصوره التاليه
http://www.d45d.com/Doorh/9oor2/8.jpg

ونختار الباث
ونحط نقطتين بالوسط من الاطراف ونخدلهم على بعض
نفس طريقة الصوره التاليه
http://www.d45d.com/Doorh/9oor2/9.jpg

ونسوي مربع ثاني خلفه
http://www.d45d.com/Doorh/9oor2/10.jpg

ونروح على التاثيرات ونختار نفس الخيار الي سويناه ع الهيدر header
http://www.d45d.com/Doorh/9oor2/5.jpg

ونختار نفس اللون الي اخترناه للهيدر
^_^ وراح يطلع لنا بهالشكل
http://www.d45d.com/Doorh/9oor2/11.jpg

..

الحين نسوي تكرار
http://www.d45d.com/Doorh/9oor2/12.jpg

ونسحب القائمة للطرف الايسر من اداة التحريك
http://www.d45d.com/Doorh/9oor2/2.jpg

ونسحبه للطرف الايسر بهذي الطريقه
http://www.d45d.com/Doorh/9oor2/13.jpg

ونكرر الحركه مع المربع البنفسجي
لما ننسق القوائم بالطريقه التالية
http://www.d45d.com/Doorh/9oor2/14.jpg

طبعا بعد ماتعلمنا الطريقه
نسوي مدخل شات بنفس الشرح طريقة الي سويته لكم
http://www.d45d.com/Doorh/9oor2/15.jpg

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

متاكد انه راح يسوي مدخل شات احسن مني بالف مرهـ






انتهى الدرس مفصل الثاني

انتظرو الدرس مفصل الثالث http://www.dzbatna.com/images/smilies/blushing.gif



اخوكم ..




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