#خبر
از اول هفته آینده اولین قسمت دوره طراحی وب بر روی سایت قرار خواهد گرفت یا حتی زودتر
بدلیل بهبود کیفیت بیشتر مجبور شدم کمی روی این دوره زمان بزارم .
امیداورم مورد استفاده دوستان قرار بگیره
برای مشاهده این دوره حتما باید با HTML , CSS رو آشنا باشین و همینطور دوره FlexBox روی سایت رو دیده باشین .
چون افرادی که این دوره رو میبینن با سیستم گریدبندی آماده و خاصی شاید آشنا نباشن پس از سیستم گرید بندی خاصی استفاده نشده .
از اول هفته آینده اولین قسمت دوره طراحی وب بر روی سایت قرار خواهد گرفت یا حتی زودتر
بدلیل بهبود کیفیت بیشتر مجبور شدم کمی روی این دوره زمان بزارم .
امیداورم مورد استفاده دوستان قرار بگیره
برای مشاهده این دوره حتما باید با HTML , CSS رو آشنا باشین و همینطور دوره FlexBox روی سایت رو دیده باشین .
چون افرادی که این دوره رو میبینن با سیستم گریدبندی آماده و خاصی شاید آشنا نباشن پس از سیستم گرید بندی خاصی استفاده نشده .
صفحه راکت در انیستاگرام خوشحال میشم مارو دنبال کنید .
https://www.instagram.com/roocket_ir/
account : roocket_ir
https://www.instagram.com/roocket_ir/
account : roocket_ir
* قسمت رایگان
http://roocket.ir/series/learn-web-design/episode/2
http://roocket.ir/series/learn-web-design/episode/2
وبسایت آموزشی راکت
طراحی در فتوشاپ - قسمت اول
در این جلسه کار طراحی قالب وبسایتمان را در فتوشاپ شروع میکنیم و یک سری توضیحات کامل در مورد چرای استفاده از فتوشاپ برای ساخت یک وبسایت و همینطور رسپانسیو کردن یک سایت رو را برای شما در این جلسه توضیح خواهم داد .
- در این جلسه در در مورد رنگ و انتخاب فونت مناسب و استفاده از هر دوی اینها در فتوشاپ صحبت و دلیل روشنی را برای هر کدام از آنها مطرح خواهم کرد و بعد navbar مورد نظر خودمان را طراحی و کامل میکنیم .
http://roocket.ir/series/learn-web-design/episode/3
http://roocket.ir/series/learn-web-design/episode/3
وبسایت آموزشی راکت
طراحی در فتوشاپ - قسمت دوم
در این جلسه در در مورد رنگ و انتخاب فونت مناسب و استفاده از هر دوی اینها در فتوشاپ صحبت و دلیل روشنی را برای هر کدام از آنها مطرح خواهم کرد و بعد navbar مورد نظر خودمان را طراحی و کامل میکنیم .
+ در این جلسه بخش مربوط به دکمه منو محصولات ، سرچ باکس و دکمه سبدخرید وبسایت را در فتوشاپ ایجاد میکنیم ، همچنین نحوه استفاده از آیکون های fontawesome در فتوشاپ و ریزکارهای که برای طراحی یک وبسایت باید بدانید را به شما خواهم گفت .
http://roocket.ir/series/learn-web-design/episode/4
http://roocket.ir/series/learn-web-design/episode/4
راکت مجله آموزش طراحی و برنامه نویسی
طراحی در فتوشاپ - قسمت سوم
در این جلسه بخش مربوط به دکمه منو محصولات ، سرچ باکس و دکمه سبدخرید وبسایت را در فتوشاپ ایجاد میکنیم ، همچنین نحوه استفاده از آیکون های fontawesome در فتوشاپ و ریزکارهای که برای طراح...
+در این جلسه روش طراحی بخش اسلایدر وبسایت را در به شما آموزش میدم . با استفاده از یک تصویر و چند متن میتوانید خیلی ساده اسلایدری زیبا طراحی کنید .
http://roocket.ir/series/learn-web-design/episode/5
http://roocket.ir/series/learn-web-design/episode/5
راکت مجله آموزش طراحی و برنامه نویسی
طراحی در فتوشاپ - قسمت چهارم
در این جلسه روش طراحی بخش اسلایدر وبسایت را در به شما آموزش میدم . با استفاده از یک تصویر و چند متن میتوانید خیلی ساده اسلایدری زیبا طراحی کنید .
+ در این جلسه کار با المان های مختلف در فتوشاپ رو به شما آموزش میدم و طراحی بخش های مختلف مثل پیشنهاد ویژه فروشگاه رو انجام میدم تا شما با بتونید ارتباط بیشتری با فتوشاپ برای طراحی سایت برقرار کنید .
http://roocket.ir/series/learn-web-design/episode/6
http://roocket.ir/series/learn-web-design/episode/6
راکت مجله آموزش طراحی و برنامه نویسی
طراحی در فتوشاپ - قسمت پنجم
در این جلسه کار با المان های مختلف در فتوشاپ رو به شما آموزش میدم و طراحی بخش های مختلف مثل پیشنهاد ویژه فروشگاه رو انجام میدم تا شما با بتونید ارتباط بیشتری با فتوشاپ برای طراحی سایت برقرار کنید .
+ در این جلسه بخش پرفروش ترین محصولات قالب و همینطور بخش نقد و بررسی فروشگاه خودمون رو در فتوشاپ ایجاد میکنیم . در طول این قسمت شما بیشتر و بهتر با طراحی یک وبسایت در فتوشاپ آشنا خواهید شد .
http://roocket.ir/series/learn-web-design/episode/7
http://roocket.ir/series/learn-web-design/episode/7
+ در این بخش قسمت نهایی قالبمون رو در فتوشاپ طراحی میکنیم و از جلسه آینده نحوه تبدیل این قالب به کد های HTML و CSS رو به شما آموزش میدم
http://roocket.ir/series/learn-web-design/episode/8
http://roocket.ir/series/learn-web-design/episode/8
راکت مجله آموزش طراحی و برنامه نویسی
طراحی در فتوشاپ - بخش آخر
در این جلسه بخش نهایی قالبمون رو در فتوشاپ طراحی میکنیم نام این بخش footer هست که باید برای طراحی اون یک سری از نکات رو رعایت کنیم بعد از مشاهده این ویدیو در جلسه آینده تبدیل این قالب به...
قسمت رایگان
+ در این جلسه فولدر پروژه و ساختار فولدرهای پروژه رو آماده میکنیم منظورم از آماده سازی اینکه سند HTML رو ایجاد و فایل های CSS که برای ساخت یک قالب نیازه رو به سند HTML اضافه میکنیم . همچنین در مورد متا تگ ها توضیح خواهم داد و همینطور انتخاب یک ویرایشگر کد مناسب برای کد نویسی .
http://roocket.ir/series/learn-web-design/episode/9
+ در این جلسه فولدر پروژه و ساختار فولدرهای پروژه رو آماده میکنیم منظورم از آماده سازی اینکه سند HTML رو ایجاد و فایل های CSS که برای ساخت یک قالب نیازه رو به سند HTML اضافه میکنیم . همچنین در مورد متا تگ ها توضیح خواهم داد و همینطور انتخاب یک ویرایشگر کد مناسب برای کد نویسی .
http://roocket.ir/series/learn-web-design/episode/9
راکت مجله آموزش طراحی و برنامه نویسی
آماده سازی پروژه برای کدنویسی
در این جلسه فولدر پروژه و ساختار فولدرهای پروژه رو آماده میکنیم منظورم از آماده سازی اینکه سند HTML رو ایجاد و فایل های CSS که برای ساخت یک قالب نیازه رو به سند HTML اضافه میکنیم . همچنین در مورد متا تگ ها توضیح خواهم داد و همینطور انتخاب یک ویرایشگر کد مناسب…
+در این جلسه در ابتدا فونت های مورد نیاز را به پروژه اضافه میکنیم و بعد از آن بخش nabvar سایت را به کد های HTML تبدیل میکنیم بعد از نوشتن کد های html به آن با استفاده از css استایل میدهیم . شما در این قسمت یاد خواهید گرفت که چطور طرح فتوشاپ خود را به کدهای html و css تبدیل کنید .
http://roocket.ir/series/learn-web-design/episode/10
http://roocket.ir/series/learn-web-design/episode/10
وبسایت آموزشی راکت
آموزش طراحی وب سایت - آموزش پروژه محور ساخت سایت
در طول دوره آموزش طراحی وب سایت به شما در قالب یک پروژه کامل آموزش میدهیم که چطور ظاهر یک وبسایت را از صفر تا ۱۰۰ به شکل کامل پیادهسازی کنیم.