آموزش ساخت و طراحی وب‌سایت‌های تعاملی با Webflow - آخرین آپدیت

دانلود Building and Designing Interactive Website with Webflow

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

به دوره جامع ساخت و طراحی وب‌سایت‌های تعاملی با Webflow خوش آمدید. این یک دوره پروژه-محور است که در آن گام‌به‌گام یاد می‌گیرید چگونه وب‌سایت‌های سه بعدی (3D) تعاملی را با استفاده از Webflowو Spline بسازید، طراحی کنید و به آن‌ها انیمیشن ببخشید. در جلسه مقدماتی، با مفاهیم بنیادی وب‌فلو، ویژگی‌های اصلی و کاربردهای رایج آن آشنا می‌شوید. سپس در جلسه بعد، نحوه یافتن مدل‌های سه بعدی در Spline و ادغام آن‌ها در وب‌سایت را خواهید آموخت. پس از آن، وارد بخش پروژه اصلی می‌شویم. شما با بررسی ویرایشگر Webflow شروع می‌کنید و یاد می‌گیرید چگونه متن‌ها را ویرایش کنید، محتوا اضافه نمایید، تصاویر را آپلود کرده و عناصر بصری مانند چیدمان (Layout)، رنگ‌ها و تایپوگرافی را تنظیم کنید. پس از تسلط بر ویژگی‌ها، ساخت سه نوع وب‌سایت مختلف را آغاز می‌کنیم. در پروژه اول، یک وب‌سایت پورتفولیو (نمونه کار) حرفه‌ای می‌سازید و بخش‌هایی مانند معرفی، نمایش پروژه‌ها و اطلاعات تماس را برای ارائه موثر آثار خود ساختاردهی می‌کنید. در پروژه دوم، یک صفحه فرود (Landing Page) محصول می‌سازید که تمرکز آن بر برجسته کردن ویژگی‌های محصول، سازماندهی محتوا در یک ساختار بهینه و هدایت بازدیدکنندگان از طریق یک جریان اطلاعاتی شفاف است. در پروژه سوم، یک وب‌سایت رستوران طراحی می‌کنید که در آن منوها، تصاویر و اطلاعات کلیدی به شکلی تمیز و کاربرپسند ارائه می‌شوند. علاوه بر این، یک فرم رزرو آنلاین با استفاده از Type Formایجاد خواهید کرد تا مشتریان بتوانند جزئیاتی مانند تاریخ، ساعت، منوی غذا و تعداد مهمانان را ارسال کنند. پس از آن، یک تحلیل سئو (SEO Audit) با استفاده از SEOptimerو Semrushانجام می‌دهید تا جنبه‌های مهمی نظیر ساختار سایت، استفاده از کلمات کلیدی و عملکرد صفحات را بررسی کرده و نحوه بهبود دیده شدن در موتورهای جستجو را درک کنید. در پایان دوره، یک وب‌سایت پروفایل شرکتی را با استفاده از Webflow AI Site Builder می‌سازید؛ جایی که تنها با وارد کردن یک دستور متنی ساده، هوش مصنوعی یک ساختار وب‌سایت ایجاد می‌کند که می‌توانید آن را مطابق سلیقه خود شخصی‌سازی کنید.

پیش از شروع، درک این موضوع که چرا یادگیری Webflow مفید است بسیار ضروری است. با انتقال هرچه بیشتر خدمات به فضای آنلاین، توانایی طراحی و ساخت وب‌سایت به یک مهارت حیاتی تبدیل شده است. وب‌فلو رویکردی بصری به طراحی وب ارائه می‌دهد و به شما اجازه می‌کند بدون نیاز به کدنویسی گسترده، وب‌سایت‌های ساختارمند و ریسپانسیو (واکنش‌گرا) بسازید. این ویژگی باعث می‌شود ابزار مذکور هم برای مبتدیان قابل دسترسی باشد و هم انعطاف‌پذیری لازم برای طراحی‌های پیشرفته را فراهم کند.

آنچه در این دوره خواهید آموخت:

  • نحوه یافتن مدل‌های سه بعدی با Spline
  • آموزش ویرایش متن، افزودن محتوا، آپلود تصویر و تغییر رنگ پس‌زمینه و فونت در Webflow
  • نحوه ادغام مدل‌های سه بعدی در وب‌سایت Webflow
  • نحوه انیمیت کردن مدل‌های سه بعدی در Webflow
  • ساخت پورتفولیو حرفه‌ای، لندینگ پیج محصول و وب‌سایت رستوران
  • ایجاد فرم‌های رزرو آنلاین با Typeform
  • انجام تحلیل سئو با استفاده از SEOptimer و Semrush
  • ساخت وب‌سایت پروفایل شرکتی با هوش مصنوعی Webflow AI

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

درس‌ها Lessons

  • مقدمه Introduction

  • یافتن مدل سه بعدی در Spline Finding 3D Model on Spline

  • بررسی ویژگی‌های Webflow Exploring Webflow Features

  • ادغام مدل سه بعدی در وب‌سایت پورتفولیو حرفه‌ای Integrating 3D Model to Professional Portfolio Website

  • انیمیت کردن مدل سه بعدی در پورتفولیو حرفه‌ای Animating 3D Model in Professional Portfolio Website

  • افزودن محتوا به وب‌سایت پورتفولیو حرفه‌ای Adding Content to Professional Portfolio Website

  • ادغام مدل سه بعدی در لندینگ پیج محصول Integrating 3D Model to Product Landing Page

  • انیمیت کردن مدل سه بعدی در لندینگ پیج محصول Animating 3D Model on Product Landing Page

  • افزودن محتوا به لندینگ پیج محصول Adding Content to Product Landing Page

  • ادغام و انیمیت کردن مدل سه بعدی پیتزا Integrating & Animating Pizza 3D Model

  • افزودن محتوا به وب‌سایت رستوران Adding Content to Restaurant Website

  • ساخت فرم رزرو آنلاین برای وب‌سایت رستوران Creating Online Reservation Form for Restaurant Website

  • انجام تحلیل سئو با SEOptimer و Semrush Conducting SEO Audit with SEOptimer & Semrush

  • ساخت وب‌سایت پروفایل شرکتی با Webflow AI Site Builder Building Company Profile Website with Webflow AI Site Builder

  • جمع‌بندی و نتیجه‌گیری Conclusion & Summary

نمایش نظرات

آموزش ساخت و طراحی وب‌سایت‌های تعاملی با Webflow
جزییات دوره
1h 37m
15
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
7
- از 5
ندارد
دارد
دارد
Chris Raharja
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Raharja Chris Raharja

دانشمند داده و علاقه مندان به هوش مصنوعی

سلام، من کریس هستم. تخصص من در علم داده، یادگیری ماشین، هوش مصنوعی مولد، تجارت الکترونیک و طراحی وب است. من از دانشگاه واشنگتن با مدرک لیسانس ریاضی فارغ التحصیل شدم و به عنوان مشاور ریسک فناوری در یکی از چهار شرکت بزرگ تجربه دارم. اشتیاق من به تدریس به عنوان معلم خصوصی ریاضی در دبیرستان شروع شد و همچنان به شکوفایی ادامه داد. هدف من این است که مهارت هایم را به اشتراک بگذارم و جامعه ای پر جنب و جوش بسازم که در آن بتوانیم طیف گسترده ای از موضوعات را با هم کاوش کنیم و در مورد آنها بیاموزیم.