اولین چیزی که باید در بحث طراحی وب مشخص کنیم تفاوت بین طراحی وب (Web Design) و توسعه وب (Web Development) است
چون این دو به طور معمول با یکدیگر اشتباه می‌شوند.
طراحی وب مربوط به ظاهر سایت می‌شود. یک طراح وب وظیفه دارد تا ظاهر وبسایت را طوری طراحی کند که مخاطب به وبسایت جذب شود. ما در ادامه به شکل مفصل به این بحث خواهیم پرداخت.
توسعه وب مربوط به پایه و بدنه وبسایت می‌شود. یک توسعه دهنده وب وظیفه دارد تا اسکلت یک سایت را طراحی کند و هرچه اسکلت این سایت اصولی تر و قوی‌تر باشد کار با آن وبسایت راحت‌تر خواهد بود. بخش توسعه وب سایت از طریق کدنویسی انجام می‌شود.
حالا به طور مختصر به زبان‌های برنامه نویسی اصلی در طراحی و توسعه وب می‌پردازیم:
- Html یک زبان برنامه نویسی است که برای ایجاد بخش ظاهری (فرانت اند) وبسایت ها استفاده می شود. از این زبان برای نوشتن ساختار و استخوان بندی سایت استفاده می‌شود.
- CSS یک زبان برنامه نویسی (یا بهتر بگوییم استایل دهی و نشانه گذاری) است که تمام اطلاعات مهم ظاهری یک وبسایت را در خود دارد CSS و Html در کنار هم کار می‌کند تا مدل ظاهری سایت از جمله طرح اصلی فونت و سایر عوامل ظاهری وبسایت را تعیین کنند.
- CMS یا سیستم مدیرت محتوا یا سایت ساز، یک نرم افزار است که محتوای دیجیتالی وب سایت را مدیریت می کند. با داشتن امکانات و اطلاعات اولیه در خصوص CMS ها هر کسی می‌تواند یک وبسایت خوب را بدون نیاز به داشتن دانش توسعه وب و کدنویسی طراحی کند.
