طراحی سایت چیست؟ چه مراحلی دارد؟

طراحی وب چیست؟ همه چیز در مورد طراحی وب
اگر به تازگی وارد دنیای وب شده اید و به تازگی وارد دنیای برنامه نویسی شده اید، احتمالا کلمه طراحی وب را بارها و بارها شنیده اید. و احتمالاً از خود پرسیده اید که طراحی وب چیست. ممکن است هنوز تفاوت بین اصطلاحات طراحی وب و برنامه نویسی وب را درک نکنید. در این مقاله و آموزش تصویری به طور کامل به سوال طراحی وب چیست و تا حدودی مفاهیم دیگر را توضیح داده و منابع مفیدی برای یادگیری آن ها ارائه خواهیم داد.

طراحی وب چیست؟
در مقاله ای به نام برنامه نویسی چیست توضیح ساده ای در مورد برنامه نویسی دادیم. در این آموزش می خواهیم به این سوال پاسخ دهیم: طراحی وب چیست؟

اگر به دنبال پاسخی بسیار ساده اما کاربردی برای سوال طراحی وب خود هستید، ویدیوی زیر را تماشا کنید

شبکه چیست؟
اگر بخواهیم به این سوال که طراحی وب چیست پاسخ دهیم، ابتدا باید بدانیم که شبکه چیست و چه نامی دارد. تعریف زیر یک تعریف بسیار ساده (و شاید تا حدودی از نظر فنی نادرست) از شبکه است:

شبکه جهانی وب یا به اختصار www، همان چیزی است که امروزه به آن اینترنت می گوییم. امروزه از طریق یک مرورگر و با اتصال به این شبکه جهانی به تمامی اطلاعات موجود در آن دسترسی داریم.

اگر به دنبال یک تعریف بسیار جامع و تخصصی هستید، صفحه وب جهانی در ویکی پدیا ممکن است برای شما مفید باشد. اما همین تعریف ساده کافی است تا بدانیم اینترنت مکانی برای داده هایی است که می توانیم به آن متصل شویم.

وب سایت چیست؟

وقتی به سوال وب پاسخ دادیم، وارد وب سایت می شویم. احتمالاً نام وب سایت را بارها شنیده اید. می خواهم مفهوم وب سایت را با یک مثال توضیح دهم.

همانطور که ما یک قطعه زمین را برای زندگی یا تجارت در دنیای واقعی اجاره می کنیم، در دنیای اینترنت نیز می توانیم همین کار را انجام دهیم. یعنی می توانیم بخشی از اینترنت را اجاره کنیم و آن قسمت را برای مدتی برای خود داشته باشیم. به بخشی که در اینترنت اجاره می کنیم و برای مدتی متعلق به ماست، وب سایت می گویند. در واقع وب سایت ها سرزمین های ما در اینترنت هستند که می توانیم از آنها به طرق مختلف استفاده کنیم.

طراحی وب چیست؟
همچنین با مفهوم وب سایت آشنا شدیم. حالا به قسمتی می رسیم که در مورد محیط صحبت می کنیم: طراحی وب چیست؟

همانطور که در دنیای واقعی از گچ، رنگ، کابینت، مبلمان منزل و ... برای زیباسازی خانه استفاده می کنیم، در دنیای اینترنت نیز می توانیم از ابزارهایی برای زیباسازی سایت خود استفاده کنیم. به عبارت دیگر، در دنیای آنلاین ما به ابزارهایی مجهز شده ایم که می توانیم ابتدا سایت خود را بسازیم و سپس آن را زیبا کنیم.

در دنیای واقعی زمین را اجاره یا خرید می کنیم، سپس از بتن، سیمان، میله گرد، آجر و ... و در نهایت با گچ، رنگ، سرامیک، کفپوش و ... استفاده می کنیم. در دنیای شبکه نیز دقیقاً همینطور است. ابتدا سایت خود را می سازیم و سپس با کمک ابزار آن را زیبا می کنیم.

بنابراین در پاسخ به این سوال که طراحی وب چیست، می توان خیلی ساده گفت: به هر چیزی که به بهتر و زیباتر شدن وب سایت ما کمک می کند، طراحی وب می گویند.

طراح وب تعیین می کند که چگونه عناصر مختلف وب سایت مانند متن، تصاویر، لینک ها و غیره نمایش داده شوند و هر قسمت از سایت در کجا قرار دارد، مانند لوگوها، مقالات، منوها و غیره.

طراحی وب را با برنامه نویسی وب اشتباه نگیرید!
اشتباه رایجی که مبتدیان مرتکب می شوند این است که طراحی وب را click here با برنامه نویسی وب اشتباه می گیرند. در صورتی که این دو مفهوم کاملاً با یکدیگر متفاوت هستند و نباید در جای دیگری استفاده شوند.

طراحی وب مجموعه ای از وظایف است که زیبایی سایت را ایجاد می کند. در واقع هر چیزی که کاربر با صفحه نمایش مانیتور شما مواجه می شود و می بیند نتیجه طراحی وب و کار یک طراح وب است. در واقع کار اصلی طراح وب طراحی چیزهایی است که کاربران بتوانند با آنها تعامل داشته باشند و روی مانیتور خود تماشا کنند.

اما برنامه نویسی وب متفاوت است. یک توسعه دهنده وب کدهایی را می نویسد که کاربر نمی تواند آن ها را ببیند و این کد هیچ تاثیر مستقیمی بر ظاهر سایت ندارد و در پشت صحنه کار می کند، مثلاً از پشت صحنه مقالاتی را از پایگاه داده می گیرد و به کاربر نشان می دهد.


طراح وب کیست و چه وظایفی دارد؟
تاکنون در مورد طراحی وب صحبت کرده ایم و اکنون پاسخ به این سوال که "طراحی وب چیست" برای ما چندان دشوار نیست. حال می خواهیم در مورد وظایف یک طراح وب و کارهایی که یک طراح وب باید انجام دهد صحبت کنیم.

طراح وب یا به اصطلاح Front End Designer به شخصی گفته می شود که از فناوری های مختلفی (مانند HTML - CSS - Javascript و ...) برای طراحی ظاهر سایت استفاده می کند و ربطی به کدهای پشت صحنه ندارد.

ممکن است این سوال برای شما پیش بیاید که Front End چیست و چه تفاوتی با Back End دارد. این سوال بسیار خوبی است که حتما در ویدیوها و مقالات آموزشی بعدی در مورد آن صحبت خواهیم کرد.

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

طراح وب از فناوری های زیر برای طراحی یک صفحه وب استفاده می کند:

HTML (یا HTML5)
CSS (یا CSS3)
اسکریپت جاوا
جی کوئری
و…
4 عنصر ذکر شده در بالا حداقل دانشی هستند که برای طراحی صفحات وب و تبدیل شدن به آنها نیاز دارید




طراحی سایت وردپرس + قیمت طراحی سایت وردپرسی