آموزش طراحی وب سایت شرکتی با بوت استرپ

آموزش طراحی وب سایت شرکتی با بوت استرپ

در خدمت شما هستیم با فیلم آموزش طراحی وب سایت شرکتی با بوت استرپ (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 برای متحرک سازی عناصر

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

حتما بخوانید :

پکیج آموزش پروژه محور طراحی وب سایت پزشک یاب با بوت استرپ 4

دوره مقدماتی تا پیشرفته بوت استرپ- جلسه اول

چطور توسعه دهنده وب شویم؟

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.