آموزش طراحی وب بدون کد - اصول جریان وب برای مبتدیان

سرفصل ها و درس ها

معرفی Introduction

• Webflow چیست؟ با این چه کار میتوانی بکنی؟ What is Webflow? What can you do with it?

• پروژه دوره: چیزی که ما خواهیم ساخت Course Project: What we'll be building

• فایل های تمرین Exercise Files

• ایجاد و مدیریت وب سایت های جریان وب Creating & Managing Webflow Websites

کار در جریان وب Working in Webflow

• ویرایشگر جریان وب - رابط کاربری The Webflow Editor - The User Interface

• اضافه کردن فونت های جدید به وب سایت شما Adding new Fonts to your Website

• ساختن اولین بخش خود - بخش قهرمان Building your first Section - The Hero Section

• وارد کردن تصاویر و بهینه سازی آنها برای وب Importing Images & optimizing them for the Web

• ایجاد یک دکمه و وضعیت Hover است Creating a Button and it's Hover States

• با استفاده از کلاس های ترکیبی، تغییرات ایجاد کنید Create Variations using Combo Classes

• شبکه های CSS - ایجاد یک طرح بندی 3 ستونی CSS Grids - Creating a 3 Column Layout

• ایجاد و شکل دادن به پیوندها Creating & Styling Links

• ساخت 2 بخش ستون با استفاده از گرید Building 2 Column Sections using Grids

• ساخت طرح های پیچیده تر - بخش قیمت گذاری Building more complex Designs - The Pricing Section

• ایجاد لیست های نامرتب و مرتب Creating Unordered & Ordered Lists

• طراحی فرم تماس Designing a Contact Form

• ناوبری - ساخت نوار ناوبری Navigation - Building a Navbar

• ناوبری - ساخت نسخه موبایل Navigation - Making the Mobile Version

• کامپوننت ها - بخش های قابل استفاده مجدد و مرتبط ایجاد کنید Components - Create reusable & linked Sections

• ساخت پاورقی Building the Footer

• ریسپانسیو ساختن وب سایت Making the Website responsive

• افزودن انیمیشن های پایه به تمام بخش های ما Adding Basic Animations to all our Sections

• پیوند دکمه‌ها و پیوندهای ناو ما Linking our Buttons & Nav Links

• پایان کار و انتشار وب سایت Finishing Touches & Publishing the Website

نتیجه Conclusion

• نتیجه Conclusion