آموزش طراحی سایت واکنش گرا 0تا100(فایل آموزشی ویدیویی با کیفیت HD)(قسمت اول)

	آموزش طراحی سایت واکنش گرا 0تا100(فایل آموزشی ویدیویی با کیفیت HD)(قسمت اول)

(قسمت اول شامل 9ویدیو در رابطه با(

مقدمه

نصب Bootstrap :
امتحان فایلهای چارچوب(Framework)
مروری بر مستندات

نکاتی در رابطه با طراحی واکنشی( Responsive ) :
تصاویر واکنشی
کلاسهای سودمند واکنشی
نقاط شکست و پرس و جوهای رسانه)

----------------------------------------------------------------------------------------------------------------------------

چه انتظاری دارید؟
طرح ساخت سایت


نصب Bootstrap :
امتحان فایلهای چارچوب(Framework)
مروری بر مستندات


آشنایی با سیستم طراحی Grid ( خطوط شبکه ای برای چینش عناصر صفحه ) :
استفاده از نگدارنده ها(Containers)
کدبندی ردیفها و ستون ها در HTML
گرید(اتصال توری مانند عناصر بهم)
کنترل گرید از میان دستگاه ها
افست های ستون
استفاده از ستونهای تودرتو
مرتب سازی ستون

نکاتی در رابطه با طراحی واکنشی( Responsive ) :
تصاویر واکنشی
کلاسهای سودمند واکنشی
نقاط شکست و پرس و جوهای رسانه


آموزش طراحی ساختار سایت :
ساخت یک نوار ناوبری(NavBar)
مستقر کردن Navbar در بالای مرورگر
Navbar های بالا و پایین رونده
ساخت بخش معرفی(Intro)
ساخت پنل بازاریابی
دکمه گزینه ها
ساخت پنل اطلاعاتی
بلوک یادداشت(توضیحات)
دکمه های تغییر حالت(Togglabe)
آیکونها گلیف (آیکونهای برجسته)
ساخت فوتر
استفاده از تیپوگرافی(اشکال چاپی)

آموزش ایجاد صفحه اصلی :
چرخش تصاویر
ناوبری چرخشی
شبکه ی چهار ستونی


آموزش ایجاد صفحه Blog :
راه اندازی ساختار مشبک(گرید=شبکه ای)
افزودن مدخلهای بلاگ
اجزای صفحه بندی
فرم داخل خطی جعبه جستجو
استفاده از گروهبندی لیستها
اجزای رسانه


آموزش ایجاد صفحه کاربران :
راه اندازی گرید
بندانگشتی ها
تول تیپ(توضیحات کوچک)
پنل های بازشو(Collapse)

آموزش ایجاد صفحه تماس ها :
راه اندازی گرید
افزودن نقشه گوگل
فرمهای افقی
مودال ها(فرمهایی که روی تمام پنجره ها مانده و به زیر نمیروند)
ساخت نوارکناری(سایدبار)

آموزش سفارشی سازی Bootstrap :
سفارشی سازی دانلود
سفارشی سازی رنگها
بستر های آغازگر(استارتر)



خرید و دانلود 	آموزش طراحی سایت واکنش گرا 0تا100(فایل آموزشی ویدیویی با کیفیت HD)(قسمت اول)