دوره آموزشی یادگیری Webflow آپدیت (2023)

دوره آموزشی یادگیری Webflow آپدیت (2023)

⏱️ 2 ساعت 39 دقیقه📈 مبتدی📅 2023-06-01

مدرسین

Jen Kramer

Jen Kramer

Teaches web design and development

جزئیات دوره

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

مهارت ها

WebflowPrototypingProduct and ManufacturingLearning

سرفصل ها

0. مقدمه

  • 01 - نوع جدیدی از سیستم مدیریت محتوا

1. راه‌اندازی پروژه جریان وب

  • 02 - ایجاد پروژه و انتخاب قالب
  • 03 - گشت و گذار در رابط Webflow
  • 04 - پیکربندی رنگ و اضافه کردن فونت در راهنمای سبک
  • 05 - پیکربندی خواص فونت در راهنمای سبک
  • 06 - پیکربندی دکمه‌ها در راهنمای سبک

2. ایجاد صفحه اصلی

  • 07 - پیکربندی نوار ناوبری و ایجاد یک کامپوننت
  • 08 - ایجاد بخش قهرمان باز و تصویر پس زمینه
  • 09 - اضافه کردن کارت‌های تور به صفحه اصلی
  • 10 - چالش - ایجاد فوتر
  • 11 - راه حل - ایجاد فوتر
  • 12 - تطبیق طراحی برای موبایل
  • 13 - تطبیق نوار ناوبری برای موبایل

3. راه‌اندازی صفحات محتوا

  • 14 - ایجاد اسکلت صفحه تور و به روز رسانی نوار ناوبری
  • 15 - پیکربندی بنر تور
  • 16 - پیکربندی توری تور
  • 17 - اضافه کردن کارت‌های تور
  • 18 - چالش - ایجاد صفحه تور بزرگ سور
  • 19 - راه حل - ایجاد صفحه تور بزرگ سور

4. راه‌اندازی و نگهداری سایت شما

  • 20 - کاوش در داشبورد و افزودن فاویکون
  • 21 - انتشار سایت شما
  • 22 - همکاری در طراحی و ویرایش صفحات
  • 23 - کنترل دسترسی همکاران به ویرایش

نتیجه

  • 24 - به سفر جریان وب خود ادامه دهید

مشاهده دوره کامل

رفتن به دوره