طراحی وب چیست؟
طراحی وب (Web Design) به ظاهر، چیدمان و تجربهٔ کاربری وبسایتها میپردازد. طراح وب با ترکیب رنگ، تایپوگرافی، تصاویر و المانهای تعاملی، صفحاتی میسازد که هم زیبا باشند و هم قابل استفاده.
فرانتاند و بکاند
فرانتاند (Frontend) همان چیزی است که کاربر در مرورگر میبیند: HTML برای ساختار، CSS برای ظاهر و JavaScript برای تعامل. همهٔ اینها در دستگاه کاربر اجرا میشوند.
بکاند (Backend) روی سرور اجرا میشود و مسئول ذخیرهٔ داده، منطق کسبوکار و ارسال پاسخ به مرورگر است. در این دوره بیشتر روی فرانتاند و مبانی طراحی وب تمرکز میکنیم.
سه پایهٔ فرانتاند
- HTML — ساختار و محتوای صفحه (متن، عنوان، لینک، تصویر)
- CSS — استایل و چیدمان (رنگ، فونت، فاصله، ریسپانسیو)
- JavaScript — رفتار و تعامل (کلیک، فرم، ارتباط با سرور)
ابزارهای اولیه
برای شروع فقط به یک ویرایشگر متن (مثل VS Code یا Cursor) و یک مرورگر (Chrome، Firefox، Edge) نیاز داری. فایلهای .html و .css را میتوانی مستقیم در مرورگر باز کنی؛ نیازی به نصب سرور برای تمرین مبانی نیست.