شبکه اجتماعی طراحان وب ایران

همهٔ درس‌ها

معرفی طراحی وب

طراحی وب چیست، فرانت‌اند و بک‌اند، و ابزارهای اولیه.

طراحی وب چیست؟

طراحی وب (Web Design) به ظاهر، چیدمان و تجربهٔ کاربری وب‌سایت‌ها می‌پردازد. طراح وب با ترکیب رنگ، تایپوگرافی، تصاویر و المان‌های تعاملی، صفحاتی می‌سازد که هم زیبا باشند و هم قابل استفاده.

فرانت‌اند و بک‌اند

فرانت‌اند (Frontend) همان چیزی است که کاربر در مرورگر می‌بیند: HTML برای ساختار، CSS برای ظاهر و JavaScript برای تعامل. همهٔ این‌ها در دستگاه کاربر اجرا می‌شوند.

بک‌اند (Backend) روی سرور اجرا می‌شود و مسئول ذخیرهٔ داده، منطق کسب‌وکار و ارسال پاسخ به مرورگر است. در این دوره بیشتر روی فرانت‌اند و مبانی طراحی وب تمرکز می‌کنیم.

سه پایهٔ فرانت‌اند

  • HTML — ساختار و محتوای صفحه (متن، عنوان، لینک، تصویر)
  • CSS — استایل و چیدمان (رنگ، فونت، فاصله، ریسپانسیو)
  • JavaScript — رفتار و تعامل (کلیک، فرم، ارتباط با سرور)

ابزارهای اولیه

برای شروع فقط به یک ویرایشگر متن (مثل VS Code یا Cursor) و یک مرورگر (Chrome، Firefox، Edge) نیاز داری. فایل‌های .html و .css را می‌توانی مستقیم در مرورگر باز کنی؛ نیازی به نصب سرور برای تمرین مبانی نیست.

لینک کپی شد!