۰ امیر حق شناس
خلاصه مطالب جلسه هفتم- مینی پروژه - بخش اول
جامعه Html & CSS ایجاد شده در ۱۳ مهر ۱۴۰۴

🧩 جلسه هفتم – مینی پروژه (بخش اول)


📘 مفاهیم مهم:

1️⃣ آشنایی با مفهوم Wireframe

  • وایرفریم (Wireframe) طرح اولیه‌ی یک صفحه‌ی وب است که ساختار کلی و چیدمان بخش‌های مختلف سایت را بدون جزئیات طراحی (مثل رنگ یا فونت) نمایش می‌دهد.
  • هدف از وایرفریم: مشخص کردن جایگاه المان‌ها (مثل هدر، منو، محتوا، سایدبار، فوتر) قبل از شروع کدنویسی.

2️⃣ معرفی ابزارهای آنلاین طراحی Wireframe

در این بخش ابزارهای ساده و رایج برای طراحی وایرفریم معرفی شدند، مانند:

  • Figma
  • Wireframe.cc
  • Balsamiq Cloud

📌 با این ابزارها می‌توان با کشیدن باکس‌ها و المان‌ها، ساختار کلی صفحه را طراحی کرد.


3️⃣ پیاده‌سازی یک Wireframe نمونه

  • در ویدیو، یک وایرفریم ساده شامل بخش‌های زیر طراحی شد:
    • هدر
    • منوی ناوبری
    • بخش محتوای اصلی
    • سایدبار
    • فوتر