Computer & IT Engineering

فیلم آموزش طراحی و ساخت منو های واکنش گرا Responsive (فارسی) از سایت آغازه
#فیلم #ویدئو #وب #منو #واکنش_گرا
#Video #Web #Menu #Responsive
@Computer_IT_Engineering

8.8K views12:38

17:14

Media is too big

VIEW IN TELEGRAM

8.5K views12:48

Computer & IT Engineering

Responsive Menu-@Computer_IT_Engineering.rar

13.9 MB

فیلم آموزش طراحی و ساخت منو های واکنش گرا Responsive (فارسی) فیلم به همراه سورس کد در یک فایل فشرده
#فیلم #ویدئو #وب #منو #واکنش_گرا
#Video #Web #Menu #Responsive
@Computer_IT_Engineering

9.8K views12:56

Computer & IT Engineering

آموزش پروژه محور طراحی وب سایت شرکتی واکنش گرا با بوت استرپ Bootstrap (فارسی) خانم مهندس داوودی از سورس باران
#فیلم #ویدئو #برنامه_نویسی #کد #پروژه #طراحی_وب #وب #بوتسترپ #بوت_استرپ #واکنش_گرا
#Video #Programming #Code #Project #Web #Bootstrap #Responsive
@Computer_IT_Engineering

14.9K viewsedited 11:51

Computer & IT Engineering

♦️مجموعه ویدئو های آموزش پروژه محور طراحی وب سایت شرکتی واکنش گرا با بوت استرپ Bootstrap به زبان فارسی
🔸6 ویدئوی آموزشی با کیفیت خوب
🔸 کاربردی و پروژه محور
🔸 مدرس: خانم مهندس داوودی
🔸منبع : سورس باران

💡بوت‌استرپ مجموعه‌ای از ابزارهای رایگان برای ساخت وب سایت‌ها و برنامه‌های وب است. بوت‌استرپ شامل تمپلت‌های طراحی HTML و Css محور برای typography، فرمها، دکمه‌ها، نمودارها، اجزاء راهبری و دیگر اجزاء رابط کاربری و الحاقات اختیاری JavaScript Extensions، می‌باشد. محبوب ترین پروژه در GitHub است که توسط NASA و MSNBC و دیگر سایتهای مطرح استفاده شده است.

🔰سرفصل کلی آموزش طراحی وب سایت شرکتی با بوت استرپ:

📌 معرفی دوره و ساخت منوی واکنشگرا

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

#فیلم #ویدئو #برنامه_نویسی #کد #پروژه #طراحی_وب #وب #بوتسترپ #بوت_استرپ #واکنش_گرا
#Video #Programming #Code #Project #Web #Bootstrap #Responsive
@Computer_IT_Engineering

16.3K views13:56

Computer & IT Engineering