آموزش پروژه محور Bootstrap

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

شروع به ایجاد سایت
ایجاد پوشه ها و فایل های مورد نیاز
ساخت منو واکنشگرا با بوت استرپ (کلاس های navbar,nabvar-fixes,….)
سفارشی کردن منوی با توجه به نیاز سایت
ایجاد فونت سفارشی در سایت
واکنشگرا کردن منو
ساخت بنر سایت با بوت استرپ و csss

ساخت قسمت بنر سایت (کلاسهای row , container-fliud,…. ) در بوت استرپ
ایجاد لوگوی شرکت در منوی بالای سایت و سفارشی کردن تنظیمات آن
معرفی فونت ایکونها و استفاده از آنها در سایت
ساخت قسمت خدمات در سایت

ایجاد قسمت خوش آمد گویی با کلاسهای بوت استرپ و سفارشی کردن آنها (row,container-fliud, text-center ,…)
ساخت قسمت خدمات
آشنایی با گرید بندی در بوت استرپ
استفاده از فونت آیکون ها و سفارشی کردن آنها
استفاده ازtransition ها برای ایجاد متحرک سازی عناصر
نمایش نمونه کارها

معرفی پلاگین جیکوئری mixit Up
سفارشی کردن پلاگین
استفاده از کلاسهای گرید بندی بوت استرپ برای چیدمان نمونه کارها
ساخت فرم ارتباط با ما سایت

ساخت قسمت مربوط به توضیحات با استفاده از کلاس های بوت استرپ (row,container-fliud,btn)
استفاده از گرید بندی ها برای چیدمان عناصر فرم
ساخت قسمت فرم ارتباط با ما (کلاسهای بوت استرپ form- control, form-group ,….)
اعمال کلاس های دلخواه به عناصر فرم با توجه به نیاز
ایجاد دکمه ارسال با کلاسهای بوت استرپ (btn ,….)
ایجاد قسمت ارتباط با ما با کلاسهای بوت استرپ (row,container)
استفاده از فونت ایکون ها برای شبکه های اجتماعی
ایجاد یک لیست افقی از شبکه های اجتماعی با استفاده از قواعد css
استفاده از پلاگین های جی کوئری برای پویایی سایت

ایجاد پیمایش روان و آرام روی صفحه با استفاده از جیکوئری
معرفی پلاگین js استفاده از آن
استفاده از پلاگین wow برای متحرک سازی عناصر در اولین دور نمایش و توضبح در مورد گزینه های آن
معرفی css برای متحرک سازی عناصر

 

دانلود فیلم ها آموزشی پروژه محوره Bootstrap

دانلود جلسه اول

دانلود جلسه دوم

دانلود جلسه سوم

دانلود جلسه چهارم

دانلود جلسه پنجم

دانلود جلسه ششم

 

منبع سایت:  سورس باران 
رمز تمامی فایل های: www.sourcebaran.com

تاریخ: جمعه ، ۱۹ بهمن ۱۳۹۷ ، ۱۵:۴۱

نظرات :

ارسال نظرات

نام    

رایانامه

نظرات