آموزش ضروریات جریان وب: راهنمای مبتدیان برای ساختن وب سایت های زیبا

درس ها Lessons

• چگونه اولین وب سایت خود را در جریان وب بسازیم How to Build Your First Website in Webflow

• کلاس پروژه 05 - صفحه اصلی نمونه کارها Class Project 05 - Portfolio Homepage

• تصاویر پس‌زمینه نحوه پوشش متن روی جریان وب تصویر Background Images How to Overlay Text on Image Webflow

• کار همراه با Dan Building فروشگاه چای کامل در Webflow قسمت 1 Work Along With Dan Building the Full Tea Store in Webflow Part 1

• افزودن و اتصال صفحات در جریان وب Adding & Connecting Pages in Webflow

• چگونه Client من یک پست وبلاگ را در مجموعه CMS در Webflow اضافه می کند How Does My Client Add a Blog Post in the CMS Collection in Webflow

• افزودن محصول تجارت الکترونیک خود به یک صفحه در جریان وب Adding Your Ecommerce Product to a Page in Webflow

• کلاس پروژه 04 - تعاملات Class Project 04 - Interactions

• سبک دادن به متن غنی در یک CMS جریان وب Styling Rich Text in a Webflow CMS

• فیلم تولید 3 - متن قهرمان Production Video 3 - Hero Text

• طراحی ریسپانسیو در جریان وب چیست؟ What is Responsive Design in Webflow

• نحوه ایجاد یک انیمیشن بارگذاری صفحه در جریان وب How to Create a Page Load Animation in Webflow

• کلاس پروژه 05 - صفحه اصلی نمونه کارها - راه حل قسمت 1 Class Project 05 - Portfolio Homepage - Solution Part 1

• قراردادهای نامگذاری کلاس در جریان وب Class Naming Conventions in Webflow

• حداقل ارتفاع در مقابل ارتفاعات ViewPort در جریان وب Minimum Height vs ViewPort Heights in Webflow

• استفاده از نام دامنه وب سایت سفارشی خود در جریان وب Using Your Own Custom Website Domain Name in Webflow

• تصاویر Hi-DPI و پاسخگو در جریان وب چیست؟ What are Hi-DPI & Responsive Images in Webflow

• پروژه کلاس 01 - خلاصه جریان وب خود را ایجاد کنید Class project 01 - Create Your Own Webflow Brief

• Webflow چیست What is Webflow

• انیمیشن شناور دکمه جریان وب با استفاده از تریگر عنصر Webflow Button Hover Animation Using Element Trigger

• کارت های قد مساوی با دکمه در پایین در جریان وب Equal Height Cards With Button on the Bottom in Webflow

• کلاس پروژه 05 - صفحه اصلی نمونه کارها - راه حل قسمت 2 Class Project 05 - Portfolio Homepage - Solution Part 2

• گریدهای پاسخگو در جریان وب Responsive Grids in Webflow

• ترکیبی در مقابل کلاس های جهانی در جریان وب Combo vs Global Classes in Webflow

• تنظیمات پرداخت در جریان وب Payment Settings in Webflow

• نحوه اضافه کردن انواع در محصول تجارت الکترونیک Webflow How to Add Variants in Webflow Ecommerce Product

• آموزش شروع به کار با جریان وب Getting Started with Webflow Tutorial

• نحوه استفاده از Px Rem & Em در Webflow How to use Px Rem & Em’s in Webflow

• مقدمه ای بر دوره آموزشی Webflow Introduction to Webflow Training Course

• سبک کردن لیست مجموعه ما با Grid & Flex در Webflow Styling our Collection List With Grid & Flex in Webflow

• پیوند دستی به یک صفحه مجموعه در جریان وب Manually Linking to a Collection Page in Webflow

• موقعیت مطلق و نسبی در Webflow توضیح داده شده است Position Absolute & Relative Explained in Webflow

• افزودن لیست مجموعه CMS به صفحه وب در Figma Adding the CMS Collection List to the Webpage in Figma

• با Dan Building Full Tea kStore در Webflow قسمت 2 کار کنید Work Along with Dan Building the Full Tea kStore in Webflow Part 2

• محو شدن در اسکرول در جریان وب Fade in on Scroll in Webflow

• پروژه کلاس 02 - صفحه باشگاه خود را ایجاد کنید Class project 02 - Create Your Club Page

• پروژه کلاس 03 - شبکه و وب سایت پاسخگو پروژه کلاس 03 - وب سایت گرید و واکنش گرا Class project 03 - Grid & Responsive WebsiteClass project 03 - Grid & Responsive Website

• همراه با Dan Building the Full Tea Store در Webflow قسمت 3 کار کنید Work Along with Dan Building the Full Tea Store in Webflow Part 3

• انواع تصویر در Webflow SVG در مقابل PNG در مقابل JPG Image Types in Webflow SVG vs PNG vs JPG

• نحوه ایجاد کلاس های CSS در جریان وب How to Create CSS Classes in Webflow

• طرح‌بندی جریان وب - ستون‌ها در مقابل فلکس در مقابل گرید در مقابل هیچ در مقابل درون خط Webflow Layout - Columns vs Flex vs Grid vs None vs Inline

• Float & Why the Cart Button در Nav in Webflow قرار نمی گیرد Float & Why the Cart Button Won’t go in the Nav in Webflow

• ساخت ناو سفارشی خودمان در جریان وب Making Our Own Custom Nav in Webflow

• Figma را به Webflow تبدیل کنید Convert Figma to Webflow

• Static vs Dynamic CMS Collection در Webflow چیست؟ What are Static vs Dynamic CMS Collection in Webflow

• نحوه استفاده از Style Manager Webflow How to use Style Manager Webflow

• XD را به Webflow تبدیل کنید Convert XD to Webflow

• فاصله ارتفاع خط بعد از فاصله حروف در جریان وب Line Height Space After Letter Spacing in Webflow

• مدیر سبک و کلاس های تمیز کردن Style Manager & Cleaning Up Classes

• اتصال دستی نام دامنه سفارشی خود در جریان وب Manually Connecting Your Own Custom Domain Name in Webflow

• نحوه ایجاد وبلاگ با استفاده از صفحات مجموعه CMS در جریان وب How to Create Blog Using CMS Collection Pages in Webflow

• چگونه در Webflow محصولات را به فروشگاه خود اضافه کنید How to Add Products to Your Store in Webflow

• دکمه هایی با رنگ شناور در جریان وب Buttons with a Hover Color in Webflow

• محو شدن تصویر و بزرگتر شدن هنگام چرخش در جریان وب Image Fade In & Get Bigger On Roll Over in Webflow

• پروژه کلاس 08 - CMS وبلاگ Class project 08 - Blog CMS

• حرکت تصویر پس‌زمینه اختلاف منظر در جریان وب Parallax Background Scroll Image Move in Webflow

• همراه با Dan Building the Full Tea Store در Webflow قسمت 4 کار کنید Work Along with Dan Building the Full Tea Store in Webflow Part 4

• فیلم تولید 2 - نمونه کار جدید Production Video 2 - New Portfolio

• پروژه کلاس 06 - نمونه کارها تکمیل شد Class project 06 - Portfolio Complete

• چگونه Webflow را واکنش گرا کنیم How to Make Webflow Responsive

• اشتراک گذاری با طرح خود با مشتری Sharing With Your Design With Your Client

• وب سایت میزبانی وب در مقابل فضای کاری چقدر است How Much Is Webflow Hosting Site vs Workspace

• نحوه تغییر سبک های پیش فرض در جریان وب How To Change the Default Styles in Webflow

• درک کلاس های ترکیبی جریان وب Understanding Webflow Combo Classes

• نحوه برش تصاویر در جریان وب با استفاده از Object Fit How Crop Images in Webflow Using Object Fit

• بهترین میانبرهای جریان وب و نکات و ترفندهای سرعت The Best Webflow Shortcuts & Speed Tips & Tricks

• سوالات متداول جریان وب - قسمت 1 جریان وب چقدر است Webflow FAQs - How Much is Webflow Part 1

• افزودن فهرست مجموعه CMS از طریق CSV Webflow Adding the CMS Collection List via CSV Webflow

• وارد کردن CSV به تجارت الکترونیک محصول Webflow Importing a CSV to Webflow Product Ecommerce

• پروژه کلاس 07 - مجموعه آشپزخانه Class project 07 - Kitchen Collection

• ایجاد یک مجموعه CMS در Webflow Creating a CMS Collection in Webflow

• Image Alt Text در جریان وب چیست؟ What is Image Alt Text in webflow

• طرح بندی جعبه فلکس با مثال هایی در جریان وب Flex Box Layout With Examples in Webflow

• چه اتفاقی پس از خرید در یک فروشگاه وب جریان می افتد What Happens After a Purchase in a Webflow Store

• توضیحات متا برچسب‌های عنوان Robots & Sitemap Explained Webflow Meta Description Title Tags Robots & Sitemap Explained Webflow

• نحوه ایجاد لینک تصویر در Webflow How to Make an Image Link in Webflow

• به مشتری خود اجازه می دهید تا وب سایت را در ویرایشگر Webflow به روز کند Allowing Your Client to Update the Website in Webflow Editor

• نحوه استفاده از VH Viewport Height در Webflow How to use VH viewport Height in Webflow

• نحوه استفاده از عناصر متن غنی در جریان وب How To Use Rich Text Elements in Webflow

• پیوند پیوند به بخش صفحه دیگر در جریان وب Anchor Link to Another Page Section in Webflow

• بعد از دوره ضروری Webflow شما چه می شود؟ What Next After Your Webflow Essentials Course

• سایه‌های دکمه متن و جعبه در جریان وب Text & Box Button Shadows in Webflow

• آیا می توانید کد خود میزبانی وب را صادر کنید Can You Export Code Self Hosted Webflow

• پاورقی نوار ناوبر چسبنده موقعیت جریان وب چسبنده کار نمی کند Sticky Navbar Footer Webflow Position Sticky Not Working

• افزودن لیستی از محصولات خود به صفحه اصلی Adding a List of Your Products to the Homepage

• تست روی تلفن همراه واقعی شما Testing on Your Actual Mobile Phone

• پیوند دادن به صفحه مجموعه از صفحه اصلی در جریان وب Linking to a Collection Page From the Homepage in Webflow

• شبکه جریان وب Webflow Grid

• نحوه استایل کردن کامپوننت نوار نوار در جریان وب How to Style the Navbar Component in Webflow

• نحوه ایجاد یک نوار ناوبری منو برگر دوستانه برای موبایل در Webflow How to Make a Mobile Friendly Burger Menu Nav Bar in Webflow

• Webflow Layout Flex vs Grid که باید از آن استفاده کنم Webflow Layout Flex vs Grid which should I use

• نسبت کنتراست رنگ در جریان وب چیست؟ What is Color Contrast Ratio in Webflow

• افزودن دسته بندی برای محصولات مجموعه CMS با فیلترها Adding Categories for Products CMS Collection with Filters

• نحوه اضافه کردن تصاویر با حاشیه در جریان وب How to add Images with Margin in Webflow

• کلاس پروژه 08 - تجارت الکترونیک Class Project 08 - Ecommerce

• سوالات متداول Webflow - قسمت 3 Webflow چقدر است Webflow FAQs - How Much is Webflow Part 3

• نحوه ایجاد نمونه های جهانی در جریان وب How to Create Global Swatches in Webflow

• فیلم تولید 1 - بخش پشتیبانی ساختمان و رویداد بعدی Production Video 1 - Building Support & Next Event Sections

• ایجاد فروشگاه تجارت الکترونیک در Webflow Creating an Ecommerce Store in Webflow

• نحوه تغییر فاویکون در جریان وب How to Change Favicon in Webflow

• نحوه ایجاد فرم تماس در Webflow How to Make a Contact Form in Webflow

• یک نماد و لغو در جریان وب ایجاد کنید Create a Symbol & Overrides in Webflow

• Lazy Load در Webflow چیست؟ What is Lazy Load in Webflow

• نحوه اضافه کردن فونت به جریان وب How to Add Fonts to Webflow

• پاورقی در Webflow به پایین بچسبید Footer Stick to Bottom in Webflow

• Container vs Sections در Webflow چیست؟ What are Container vs Sections in Webflow

• کد جاسازی HTML از Calendly، Twitter و Castos HTML Embed Code From Calendly, Twitter & Castos

• سازماندهی مجدد آنچه از لیست مجموعه جریان وب نشان داده شده است Reorganizing What is Shown From the Webflow Collection List

• سفارشی کردن تنظیمات سبد خرید در Webflow Customizing the Cart Settings in Webflow

• سوالات متداول Webflow - قسمت 2 Webflow چقدر است Webflow FAQs - How Much is Webflow Part 2

• کانتینر با عرض کامل نوار نوار در جریان وب Navbar Full Width Container in Webflow

• کلمات کلیدی SEO در سرفصل ها و URL ها در جریان وب SEO Keywords in Headings & URLs in Webflow

• نحوه استایل دادن به فرم در جریان وب How to Style a Form in Webflow

• پس زمینه گرادیان در جریان وب Gradient Background in Webflow

• پیوندهای فقط خواندنی در جریان وب برای چه مواردی هستند What Are Read Only Links in Webflow For

• هایپرلینک ها و زیرخط و رنگ را از پیوند در جریان وب حذف کنید Hyperlinks & Remove Underline & Color From Link in Webflow

• آیا Webflow برای سئو خوب است؟ Is Webflow Good For SEO