آموزش پروژه محور 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
|
|
نظرات :