#خبر
از اول هفته آینده اولین قسمت دوره طراحی وب بر روی سایت قرار خواهد گرفت یا حتی زودتر
بدلیل بهبود کیفیت بیشتر مجبور شدم کمی روی این دوره زمان بزارم .
امیداورم مورد استفاده دوستان قرار بگیره

برای مشاهده این دوره حتما باید با HTML , CSS رو آشنا باشین و همینطور دوره FlexBox روی سایت رو دیده باشین .

چون افرادی که این دوره رو میبینن با سیستم گریدبندی آماده و خاصی شاید آشنا نباشن پس از سیستم گرید بندی خاصی استفاده نشده .

آموزش کامل طراحی وب
+ قسمت معرفی دوره را حتما مشاهده کنید
http://roocket.ir/series/learn-web-design

صفحه راکت در انیستاگرام خوشحال میشم مارو دنبال کنید .
https://www.instagram.com/roocket_ir/
account : roocket_ir

* قسمت رایگان
http://roocket.ir/series/learn-web-design/episode/2

- در این جلسه در در مورد رنگ و انتخاب فونت مناسب و استفاده از هر دوی اینها در فتوشاپ صحبت و دلیل روشنی را برای هر کدام از آنها مطرح خواهم کرد و بعد navbar مورد نظر خودمان را طراحی و کامل میکنیم .
http://roocket.ir/series/learn-web-design/episode/3

+ در این جلسه بخش مربوط به دکمه منو محصولات ، سرچ باکس و دکمه سبدخرید وبسایت را در فتوشاپ ایجاد میکنیم ، همچنین نحوه استفاده از آیکون های fontawesome در فتوشاپ و ریزکارهای که برای طراحی یک وبسایت باید بدانید را به شما خواهم گفت .
http://roocket.ir/series/learn-web-design/episode/4

+در این جلسه روش طراحی بخش اسلایدر وبسایت را در به شما آموزش میدم . با استفاده از یک تصویر و چند متن میتوانید خیلی ساده اسلایدری زیبا طراحی کنید .
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/7

+ در این بخش قسمت نهایی قالبمون رو در فتوشاپ طراحی میکنیم و از جلسه آینده نحوه تبدیل این قالب به کد های HTML و CSS رو به شما آموزش میدم

http://roocket.ir/series/learn-web-design/episode/8

قسمت رایگان

+ در این جلسه فولدر پروژه و ساختار فولدرهای پروژه رو آماده میکنیم منظورم از آماده سازی اینکه سند HTML رو ایجاد و فایل های CSS که برای ساخت یک قالب نیازه رو به سند HTML اضافه میکنیم . همچنین در مورد متا تگ ها توضیح خواهم داد و همینطور انتخاب یک ویرایشگر کد مناسب برای کد نویسی .
http://roocket.ir/series/learn-web-design/episode/9

+در این جلسه در ابتدا فونت های مورد نیاز را به پروژه اضافه میکنیم و بعد از آن بخش nabvar سایت را به کد های HTML تبدیل میکنیم بعد از نوشتن کد های html به آن با استفاده از css استایل میدهیم . شما در این قسمت یاد خواهید گرفت که چطور طرح فتوشاپ خود را به کدهای html و css تبدیل کنید .

http://roocket.ir/series/learn-web-design/episode/10

+ در این جسله بخش sub-nabvar رو به کد تبدیل میکنیم در این sub-navbar بخش های منو محصولات ، سبد خرید و سرچ باکس قرار داره ، که قدم به قدم تبدیل این بخش ها به کدهای css و html رو به شما آموزش خواهم داد .
http://roocket.ir/series/learn-web-design/episode/11

+در این جلسه بخش اسلایدری که در فتوشاپ طراحی کردیم را به کدهای html و css تبدیل خواهم کرد و همینطور کار با ابزارهای مختلف برای پویا کردن این اسلایدر رو به شما آموزش خواهم داد .

http://roocket.ir/series/learn-web-design/episode/12

+ در این جلسه بر روی رسپانسیو کردن قالبی که در سه جلسه گذشته تبدیل به کدهای html و css کردیم کار میکنیم تا بهتر در تمام صفحه هات ، نمایش داده شود . برای رسپانسیو کردن از media query ها و flexbox ها استفاده میکنیم که خواهید دید که چه روند ساده ای خواهد بود .

http://roocket.ir/series/learn-web-design/episode/13

+ در این جلسه بخش دیگه ای از قالبی که در فتوشاپ طراحی کردیم را به کدهای html و بعد css تبدیل میکنیم و در عین حال شما فرا خواهید گرفت که چطور باید ریزکاری ها را رعایت کنید تا بدرستی این تبدیل انجام شود همچنین در این جلسه با استفاده از ابزار carousel بیشتر آشنا خواهیم شد .

http://roocket.ir/series/learn-web-design/episode/14

+ در این جلسه بخش تصاویر پیشنهادی و پرفروشترین محصولات را به کدهای html و css تبدیل میکنیم در این جلسه شما در کنار یادگیری نحوه استفاده از کدهای html و css یاد خواهید گرفت که چطور باید با تکرار کمتر ، کد نویسی انجام دهید .

http://roocket.ir/series/learn-web-design/episode/15