آموزش Webflow برای مبتدیان: نحوه استفاده از Webflow
Webflow For Beginners: How To Use Webflow
یک کلاس کارشناسی ارشد مبتدی در جریان وب
به دوره جدید جریان وب من خوش آمدید!
در این دوره، شما را با نحوه استفاده از Webflow برای طراحی و توسعه وب سایت های خیره کننده آشنا می کنم. Webflow نسبت به سایر صفحه سازها مانند Wix یا Elementor منحنی یادگیری کمی تندتر دارد، اما وقتی با Webflow آشنا شدید، دیگر نمی خواهید از هیچ چیز دیگری استفاده کنید.
من شخصاً به مدت 10 سال است که وب سایت طراحی و توسعه می دهم و تا حد زیادی از وردپرس استفاده کرده ام. با این حال، سه سال پیش تصمیم گرفتم به Webflow تغییر مکان دهم و اکنون تقریباً تمام کارهای مشتری من در پلتفرم است.
این دوره با یادگیری رابط کاربری جریان وب شروع می شود و من شما را با تمام عناصر مختلفی که استفاده می کنید آشنا می کنم. سپس نحوه ساختار صحیح وب‌سایت‌ها با استفاده از بلوک‌های div، کانتینرها، بخش‌ها، شبکه‌ها و Flexbox را توضیح می‌دهیم.
همچنین تعاملات و انیمیشن‌های جریان وب را پوشش خواهیم داد تا به طرح‌های شما جان بدهیم.
پروژه کلاس
در بخش آخر دوره، با استفاده از برخی از مهارت‌های جدیدی که در طول دوره آموخته‌اید، یک صفحه فرود ایجاد خواهید کرد. صفحه فرود یک طرح تبدیل شده از یکی از وب سایت های کسب و کار من است، شما همه چیز را از ناوبری گرفته تا پاورقی و همه چیز را در بین آن ایجاد خواهید کرد تا یک صفحه فرود وب سایت کاملاً کارآمد داشته باشید.
بیایید شروع کنیم!
بنابراین، اگر آماده باشید، به شما کمک می‌کنیم تا بیشتر آنچه را که Webflow ارائه می‌کند به منظور ایجاد وب‌سایت‌های واکنش‌گرای زیبا شروع کنید!
معرفی Introduction
-
معرفی Introduction
-
مروری بر Html و CSS Html & CSS Overview
رابط جریان وب The Webflow Interface
-
رابط جریان وب: پنل عناصر The Webflow Interface: Elements Panel
-
رابط جریان وب: پانل استایل The Webflow Interface: Styling Panel
-
میانبرهای صفحه کلید Keyboard Shortcuts
گزینه های نمایش Display Options
-
تنظیمات نمایش: بلوک، بلوک درون خطی، درون خطی و نمایش هیچ کدام Display Settings: Block, Inline Block, Inline & Display None
-
تنظیمات نمایش: Flexbox Display Settings: Flexbox
-
بازی فلکس باکس Flexbox Game
-
شبکه ها Grids
-
چه زمانی از Flexbox یا Grid استفاده کنیم؟ When To Use Flexbox Or Grid?
ملزومات جریان وب Webflow Essentials
-
موقعیت Position
-
نام گذاری کلاس ها Naming Classes
-
چگونه وب سایت های خود را ساختار دهید How To Structure Your Websites
-
چگونه وب سایت های خود را برای موبایل ریسپانسیو کنیم؟ How To Make Your Websites Mobile Responsive
-
نحوه استفاده از نمادها How To Use Symbols
-
CMS The CMS
-
فرم های تماس Contact Forms
-
یک ظاهر طراحی شده برای Nav & Footer پیش فرض Styling The Default Nav & Footer
-
نحوه شبیه سازی و استفاده مجدد از وب سایت ها و عناصر How To Clone & Re-use Websites & Elements
-
نحوه کپی و چسباندن عناصر How To Copy & Paste Elements
-
تعاملات و انیمیشن های اساسی Basic Interactions & Animations
پروژه کلاس Webflow: ساختن صفحه فرود Webflow Class Project: Building A Landing Page
-
معرفی صفحه فرود Landing Page Introduction
-
راه اندازی صفحه Setting Up The Page
-
ایجاد ناوبری اصلی Creating The Main Navigation
-
ایجاد بخش قهرمان Creating The Hero Section
-
ایجاد شبکه لوگو Creating The Logo Grid
-
ایجاد بخش مقدمه Creating The Intro Section
-
ایجاد بخش مراحل مرحله Creating The Step Process Section
-
ایجاد بخش Call To Action Creating The Call To Action Section
-
ایجاد پاورقی Creating The Footer
-
ساج های صفحه Page Teaks
-
یک ظاهر طراحی شده برای Nav Mobile Styling The Mobile Nav
-
ریسپانسیو کردن صفحه موبایل Making The Page Mobile Responsive
-
افزودن فعل و انفعالات Adding Interactions
افکار نهایی Final Thoughts
-
جریان وب به وردپرس Webflow To WordPress
-
ممنون از ملاحظه تان! برای اطلاعات بیشتر در کانال یوتیوب من مشترک شوید! Thanks For Watching! Subscribe To My Youtube Channel For More!
https://donyad.com/d/226f13
Sam Harrison
توسعه دهنده Webflow و مالک آژانس دیجیتال مستقر در بریتانیا
نمایش نظرات