[درس] تصميم واجهة بستايل Web2 من الفوتوشوب PSD إلي المتصفح HTML-CSS الدرس الأول

[hesham234]

بسم الله الرحمن الرحيم .
اليوم ان شاء الله راح نبدأ معكم دورة . في تصميم واجهة إحترافية باستخدام برنامج الفوتوشوب . إلي ان نصل لمرحلة تقطيع وتكويد الواجهة إلي HTML-CSS
الدورة ستنقسم لجزئين .
الجزء الأول :
وهو الجزء الخاص بتصميم الواجهة علي برنامج الفوتوشوب .
وسيكون ان شاء الله في هذا القسم ( هنا )
الجزء الثاني :
سيشمل تقطيع الواجهة إلي HTML 5 - CSS3 وعمل بعض التأثيرات الجميلة باستخدام مكتبة الجافاسكربت jQuery
وسيكون باذن الله في قسم دروس HTML-CSS
الدورة مقدمة من موقع نقطة مطور . بتقديم خالد مجدي ( phpmaster -duhokman :crazy: )
وان شاء الله لن يكون هنالك فترة كبيرة بين كل درس ودرس .
وأي اقتراحات أو استفسارات الرجاء طرحها هنا في الموضوع .
-------------------------------------------------------------------------
سنبدأ معكم الآن بأول درس في الدورة .
الدرس يشمل تصميم منطقة الهيدر في برنامج الفوتوشوب .
الإصدار المستخدم : Photoshop CS5
الصعوبة : سهل
مدة التطبيق التقريبية : 10 - 20 دقيقة تقريباً .
الدرس فيديو علي موقع YOUTUBE
النتيجة في البداية :
http://s3.postimage.org/7llalof5c/1_Header_Design.jpg

الدرس علي موقع الYoutube






المصدر :
طھطµظ…ظٹظ… ظˆط§ط¬ظ‡ط© ط¨ط³طھط§ظٹظ„ Web2 ظ…ظ† ط§ظ„ظپظˆطھظˆط´ظˆط¨ PSD ط¥ظ„ظٹ ط§ظ„ظ…طھطµظپط* HTML-CSS ط§ظ„ط¯ط±ط³ ط§ظ„ط£ظˆظ„