آموزش طراحی سایت واکنش گرا 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)(قسمت اول)


طراحی سایت در چارچوب Bootstrap

طراحی سایت در چارچوب Bootstrap

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز طراحی وب می باشد.

 

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

آموزش بصورت آفلاین و بدون نیاز به اینترنت از سایت مرجع و بین المللی به زبان انگلیسی ساده همراه با متال و کدهای آماده است.

بروز شده در تاریخ 2016/07/17



خرید و دانلود طراحی سایت در چارچوب Bootstrap