سرفصل های دوره

۱ فصل
۰ جلسه
۰ ساعت
۱

لیست ویدئوهای دوره

۱۳ قسمت
-

دمو

بخش اول - قسمت اول

رایگان

بخش اول - قسمت دوم

رایگان

بخش اول - قسمت سوم

بخش اول - قسمت چهارم

بخش اول - قسمت پنجم

بخش اول - قسمت ششم

بخش اول - قسمت هفتم

بخش اول - قسمت هشتم

بخش اول - قسمت نهم

بخش اول - قسمت دهم

بخش اول - قسمت یازدهم

بخش اول - قسمت دوازدهم

سورس

عرض سلام و خسته نباشید به کاربران گرامی وبسایت دانشجویار ، در خدمتتون هستیم با یکی دیگه از دوره های جذاب و کاربر پسند در عرصه ی طراحی وبسایت و گرافیک…

این دوره که تا به حال درخواست کننده های زیادی داشته و عموم کاربرایی که در حال یادگیری طراحی وبسایت و برنامه نویسی وبسایت هستند بهش نیاز داشتن رو در 10 قسمت آموزشی مفید به صورت کاملا پروژه محور در قالب پروژه ی یک قالب flat آماده کردیم.

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

در  آموزش طراحی قالب responsive مبحث با استفاده از روش CSS Media بررسی و کار شده است.

مواردی که در این دوره ی آموزشی خواهید آموخت :

در قسمت مقدمه »

– آشنایی با مبحث responsive و مشاهده ی مثالهایی از این نوع قالب

– مرور کلی و گذرای کدنویسی html و تگ ها متداول

در قسمت اول » تعیین نقشه ی راه و مشاهده ی طرح قالب و استارت کار

در قسمت دوم » آشنایی با مبحث css ها و کاربرد آنها در قالب مثال های عملی

در قسمت سوم » آشنایی با editor و شروع کار طراحی در editor قوی و کامل sublime

در قسمت چهارم » ادامه ی مبحث طراحی قالب ، چینش div ها در صفحه ی اصلی و استایل دهی به آن ها

در قسمت پنجم » آشنایی به border ها و selector ها و اشکال هندسی در css

در قسمت ششم » ادامه ی طراحی قالب و استایل دهی به المان های موجود و نحوه ی استفاده از افزونه های کاربردی قابل نصب روی مرورگر برای سرعت و ظرافت کار

در قسمت هفتم » ادامه ی طراحی قالب ، طراحی قسمت منوها و استایل دهی به آن ها

در قسمت هشتم » ادامه ی طراحی قالب ، کار با pading ها و سایر کدهای css برای بهتر شدن کار و کمک به flat شدن قالب

در قسمت نهم » ادامه ی طراحی قالب ، قسمت منوها و قرار دادن تصویر در div دوم از قالب

در قسمت دهم » طراحی قسمت skills و قرار دادن تصاویر در div سوم به صورت واکنش گرا و اتمام بخش اول

مشاهده ی دموی آموزش از اینجا

 

توضیحات بیشتر

مدرس

سید موسوی

سید موسوی مدرس