🔔 با توجه به بهبود نسبی اینترنت، آمادهسازی دورهها آغاز شده است. به دلیل تداوم برخی اختلالات، بارگذاری دورهها ممکن است با کمی تأخیر انجام شود. مدت اشتراکهای تهیهشده محفوظ است.
لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش بوتاسترپ استودیو ۶.۷ با ۳ پروژه استاتیک و ۱ پروژه داینامیک
- آخرین آپدیت
دانلود Bootstrap Studio 6.7 with 3 static and 1 dynamic projects
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
آموزش بوت استرپ استودیو برای مبتدیان: گام به گام با Bootstrap Studio نسخه 6
با آموزش جامع ما، طراحی وبسایتهای ریسپانسیو و جذاب با بوت استرپ استودیو را بیاموزید. این دوره برای مبتدیان طراحی شده است و به شما کمک میکند تا به یک طراح وب حرفهای تبدیل شوید.
دانلود رایگان قالبهای بوت استرپ استودیو
بهترین قالبهای آماده را برای پروژههای خود دانلود کنید و سرعت طراحی را افزایش دهید.
معرفی Bootstrap Studio Desktop Application
آشنایی کامل با نرمافزار قدرتمند Bootstrap Studio Desktop Application و قابلیتهای آن.
طراحی وبسایت تک صفحهای (One Page Website)
یاد بگیرید چگونه با استفاده از Bootstrap Studio یک وبسایت تک صفحهای خیرهکننده طراحی کنید.
طراحی وبسایت ریسپانسیو موبایل
تمرکز ویژه بر طراحی وبسایتهای ریسپانسیو که در تمامی دستگاهها به بهترین شکل نمایش داده شوند.
طراحی وبسایت چند صفحهای (Multi-Page Website Design)
تکنیکهای طراحی وبسایتهای چند صفحهای حرفهای و سازمانیافته را بیاموزید.
استفاده از ویژگیهای Bootstrap
آشنایی و بهکارگیری قدرتمند attribute های بوت استرپ برای سفارشیسازی بیشتر.
طراحی وبسایت فروشگاهی پویا (Dynamic E-Commerce Website)
نحوه ساخت وبسایتهای فروشگاهی پویا و کاربرپسند را بیاموزید.
پیشنیازها
نیاز به داشتن لایسنس نرمافزار Bootstrap Studio Desktop Application.
بدون نیاز به تجربه برنامهنویسی.
دانش پایه HTML و CSS در صورت وجود، به شما کمک خواهد کرد.
این دوره به گونهای طراحی شده است که هر کسی که دانش پایهای از HTML و CSS دارد، میتواند در این دوره شرکت کرده و به یک طراح وبسایت تبدیل شود. در این دوره، بر تمام عناصری که یک طراح وبسایت در مسیر حرفهای خود به آنها نیاز دارد، تمرکز شده است. از انتخاب رنگ و رابط کاربری (UI) گرفته تا تجربه کاربری (UX)، همه چیز در این دوره پوشش داده شده است.
در این دوره موارد زیر را خواهید آموخت:
درک بوت استرپ استودیو.
آشنایی با رابط کاربری (Interface).
درک هر پنل در بوت استرپ استودیو.
کار بر روی پروژه و درک UI/UX در بوت استرپ استودیو.
کار با Bootstrap CSS.
پروژه کلاسی
یک وبسایت چند صفحهای (حداکثر چهار صفحه) با استفاده از عناصر زیر طراحی کنید:
تصاویر کاربر در پروژه.
صفحه "تماس با ما" با فعال بودن فرم هوشمند (smart form).
استفاده واضح از آیکونها.
از آیکونهای رایگان که در فایل پیوست ارائه شدهاند، استفاده کنید.
SEO را از طریق تنظیمات اضافه کنید.
عنوان و توضیحات مناسب برای هر صفحه وبسایت اضافه کنید.
مطمئن شوید که وبسایت ریسپانسیو موبایل است و سطر و ستونها طبق قوانین چیده شدهاند.
در صورت نیاز از انیمیشن استفاده کنید.
این دوره در حال حاضر با آخرین نسخه بوت استرپ استودیو، نسخه 5.8.3 بهروزرسانی شده است و هر زمان که لازم باشد، بهروزرسانیهای جدید را دریافت خواهد کرد.
برای هرگونه سوال، در بخش پرسش و پاسخ (Q&A) بپرسید.
سرفصل ها و درس ها
شروع کار با Bootstrap Studio
How to Get Started with Bootstrap Studio
چگونه تخفیف دوره را دریافت کنیم
How to get a Discount on Course
نحوه دریافت لایسنس دانشجویی
How to Get Student License
چگونه Bootstrap Studio را با تخفیف بخریم
How to buy Bootstrap Studio with Discount
شروع کار
Getting Started
منابع دوره
Course Resources
رابط کاربری
User Interface
نحوه وارد کردن کامپوننت
How to Import Component
ویرایش کامپوننت یا المان
Editing the Component or Element
درک ظاهر
Understanding Appearance
چیدمان
Layout
فونتها
Fonts
پسزمینه
Background
حاشیه
Border
سایه جعبه
Box Shadow
سایه متن
Text Shadow
تبدیل
Transform
فیلترها
Filters
تبدیل BS4 به BS5
Convert BS4 to BS5
تبدیل BS4 به BS5
Convert BS4 to BS5
درک گزینهها
Undertanding Options
گزینه متن
Text Option
تزئینات
Decorations
نکات ابزار
Tooltips
قابلیت دسترسی
Accessibility
انیمیشن
Animation
اسکرول
Scroll
هاور
Hover
بارگذاری
Load
درک ردیف و ستون
Understanding Row and Column
درک ردیف و ستون
Understanding Row and Column
کامپوننتهای پرکاربرد
Commonly Used Components
درک کامپوننت مودال
Understanding Modal Component
درک خارج از کادر
Understanding Off Canvas
استاد کامل راهنمای کامل کوتاه کردن URL و موارد دیگر
Master Altly The Complete Guide to URL Shortening and More
Altly.in اکنون Lynko.in است
Altly.in is now Lynko.in
معرفی Altly، ابزار نهایی کوتاه کردن URL
Introduction to Altly The Ultimate URL Shortening Tool
نحوه دریافت حساب رایگان Altly
How to Get a Free Altly Account
ایجاد اولین URL کوتاه خود با Altly: راهنمای گام به گام
Create Your First Short URL with Altly: A Step-by-Step Guide
هدفگذاری جغرافیایی با Altly: حداکثر کردن عملکرد لینک شما
Geo Targeting with Altly: Maximize Your Link Performance
لینکدهی عمیق توضیح داده شده: بهبود تجربه کاربری با Altly
Deep Linking Explained: Enhance User Experience with Altly
هدفگذاری دستگاه در Altly: لینکهای خود را برای تعامل بهتر سفارشی کنید
Device Targeting in Altly: Tailor Your Links for Better Engagement
هدفگذاری زبان و انقضا در Altly: به مخاطب مناسب دسترسی پیدا کنید
Language Targeting and Expiration in Altly: Reach the Right Audience
تست A/B و گرداننده در Altly: لینکهای خود را به طور مؤثر بهینه کنید
A/B Testing & Rotator in Altly: Optimize Your Links Effectively
درک کانالها در Altly: سازماندهی کارآمد لینکهای شما
Understanding Channels in Altly: Organize Your Links Efficiently
ایجاد صفحه بیوگرافی با Altly: نمایش حضور آنلاین شما
Create a Bio Page with Altly: Showcase Your Online Presence
کمپینها و صفحات مقدماتی سفارشی در Altly: بازاریابی خود را تقویت کنید
Campaigns and Custom Splash Pages in Altly: Boost Your Marketing
باکس CTA در Altly: با فراخوان به اقدام، نرخ تبدیل را افزایش دهید
CTA Overlay in Altly: Increase Conversions with Call-to-Actions
شروع کار پروژه
Lets Start The Project Work
شروع کار
Lets Get Started
پروژه اول
Project One
نوبار
Navbar
بخش صفحه اصلی
Home Section
درباره و گالری
About and Gallery
بخش تماس قسمت اول
Contact Section Part 1
بخش تماس قسمت دوم
Contact Section Part 2
فرم هوشمند
Smart Form
نهایی کردن وبسایت
Finalizing the website
پروژه دوم
Project Two
شروع پروژه ۲
Opening of project 2
بخش اول صفحه اصلی
Home Page Section One
نهایی کردن بخش آغازین صفحه اصلی
Finalizing Home Page Opening Section
تکمیل صفحه اصلی
Completion of Home Page
طراحی راهحل کسب و کار و صفحه تماس با ما
Design Business Solution and Contact Us Page
طراحی OC
Designing OC
نهایی کردن وبسایت چند صفحهای
Finalizing Multi Page Website
طراحی سیستم LMS
LMS System Design
تنظیم طراحی LMS
Setting Up The LMS Design
ایجاد نوبار برای نمای موبایل
Creating Navbar for Mobile View
نوبار برای دسکتاپ و موبایل با استفاده از کوئری رسانه
Navbar for Desktop and Mobile Using Media Query
طراحی صفحه فرود LMS
Designing LMS Landing Page
نهایی کردن صفحه فرود LMS
Finalizing LMS Landing Page
ایجاد و تنظیم صفحات دیگر برای LMS
Creating and Adjusting Other Pages for LMS
نهایی کردن فرانت اند LMS
Finalizing LMS Front End
وبسایت تجارت الکترونیک پویا در Bootstrap Studio 6.7.X
Dynamic e-Commerce website in Bootstrap Studio 6.7.X
Ziara Commerce - نحوه ایجاد حساب Reflow
Ziara Commerce - How to Create Reflow Account
Ziara Commerce - نحوه اتصال Reflow به Bootstrap Studio
Ziara Commerce - How to connect Reflow to Bootstrap Studio
Ziara Commerce - نحوه ایجاد و وارد کردن محصول در Reflow
Ziara Commerce - How to Create and Import product in reflow
Ziara Commerce - اختصاص دستهبندی به محصولات
Ziara Commerce - Assign Category to the products
Ziara Commerce - طراحی نوبار و اسلایدر
Ziara Commerce - Design NavBar and Slider
Ziara Commerce - رفع دکمه شناور در نوبار
Ziara Commerce - Fixing the floating button in the NavBar
Ziara Commerce - نهایی کردن صفحه اصلی
Ziara Commerce - Finalising Home Page
Ziara Commerce - واکشی محصولات به صورت پویا
Ziara Commerce - Pulling Products Dynamically
Karan Khandekar
نمایش نظرات