طراحی وب چیست؟ همه چیز درباره‌ی طراحی وب سایت (web design)
اگر در دنیای وب تازه کار باشید و به تازگی وارد دنیای برنامه نویسی شده باشید، حتما واژه‌ی طراحی وب را بارها و بارها شنیده اید. و حتما این سوال برایتان پیش آمده است که طراحی وب چیست . شاید هم هنوز نتوانسته اید تفاوت واژه های طراحی وب را با برنامه نویسی وب درک کنید. در این مقاله و آموزش ویدئویی بصورت کامل به این سوال « طراحی وب چیست » پاسخ میدهیم و چند مفهوم دیگر را نیز تا حدودی توضیح میدهیم و منابع مفیدی را برای یادگیری آنها معرفی میکنیم.
طراحی وب چیست
در مقاله ای به نام برنامه نویسی چیست، درباره‌ی برنامه نویسی توضیحات ساده‌ای را ارائه دادیم. در این فایل آموزشی میخواهیم به این سوال پاسخ دهیم: طراحی وب چیست
وب چیست؟
اگر بخواهیم به سوال طراحی وب چیست پاسخ بدهیم، اول باید بدانیم که وب چیست و به چه چیزی وب میگویند. در زیر یک تعریف بسیار ساده (و شاید تا حدودی اشتباه از لحاظ فنی) از وب ارائه میدهیم:
وب یا همان شبکه جهانی یا World Wide Web که به اختصار www نامیده میشود، همان چیزی است که امروزه به آن اینترنت میگوییم. امروزه از طریق یک مرورگر و با اتصال به این شبکه‌ی جهانی، میتوانیم به تمام اطلاعات درون آن دسترسی داشته باشیم.
اگر به دنبال یک تعریف خیلی جامع و تخصصی هستید، صفحه‌ی وب جهان گستر در ویکی پدیا میتواند برای شما مفید باشد. اما همین تعریف ساده برای ما کافی است، که بدانیم اینترنت محلی از داده‌هاست که میتوانیم به آن متصل شویم.
طراحی وب را با برنامه نویسی وب اشتباه نگیرید!
اشتباهی که معمولا افراد تازه کار به آن مبتلا می شوند این است که طراحی وب را با برنامه نویسی وب اشتباه میگیرند. در صورتی که این دو مفهوم کاملا با یکدیگر متفاوت هستند و نباید به جای دیگری از آنها استفاده کرد.
طراحی وب به مجموعه کارهایی گفته میشود که زیبایی ظاهری سایت را ایجاد میکند. در واقع هر آن چیزی که کاربر با آن مواجه میشود و آن‌را در صفحه مانیتور خود میبینید، حاصل طراحی وب و کار طراح وب است. در واقع کار اصلی یک طراح وب، طراحی چیزهایی است که کاربران با آن بصورت مستقیم در ارتباط هستند و آن‌را در مانیتور خود مشاهده میکنند.
اما برنامه نویسی وب متفاوت است. یک برنامه نویس وب کدهایی را مینویسد که کاربر نمیتواند آنها را ببیند و آن کدها بصورت مستقیم تاثیری روی ظاهر سایت ندارند و در پشت صحنه اجرا میشوند، برای مثال مقالات را از پایگاه داده یا دیتابیس در پشت صحنه میگیرند و به کاربر نشان میدهند.
طراح وب کیست و چه وظایفی دارد؟
تا اینجا درباره‌ی طراحی وب صحبت کردیم و الان پاسخ دادن به سوال « طراحی وب چیست » برایمان کار زیاد سختی نیست. حالا میخواهیم درباره‌ی وظایف یک طراح وب صحبت کنیم و بگوییم که یک طراح وب چه کاری باید انجام دهد.
طراح وب یا به اصطلاح Front End Designer کسی است که با استفاده از تکنولوژی‌های مختلف (مثل HTML – CSS – Javascript و … ) ظاهر یک سایت را طراحی میکند و کاری به کدهای پشت صحنه ندارد.
ممکن است برایتان سوال پیش بیاید که Front End چیست و چه تفاوتی با Back End دارد. سوال بسیار خوبی است که در فیلم و مقالات آموزشی آینده حتما درباره آن صحبت میکنیم.
زبان های طراحی وب
همانطور که در قسمت قبل یک اشاره‌ی کوچک داشتیم، یک طراح وب برای طراحی صفحات وب از تکنولوژی ها و زبان های برنامه نویسی مختلفی استفاده میکند.
یک طراح وب، برای اینکه بتواند یک صحفه‌ی وب را طراحی کند، از تکنولوژی های زیر استفاده میکند:
- HTML (یا HTML5)
- CSS (یا CSS3)
- جاوا اسکریپت
- جی کوئری
- و…
۴ موردی که در بالا نام بردیم، حداقل دانشی است که شما برای طراحی صفحات وب و تبدیل شدن به یک طراح وب نیاز دارید. البته میتوانید فقط با ۲ مورد اول یعنی HTML و CSS نیز سایت هایی را طراحی کنید، ولی جاوا اسکریپت و جی کوئری میتوانند به کار شما بسیار قدرت دهند.
باید به این نکته توجه کنیم که به دلایلی نمیتوانیم به HTML و CSS زبان های برنامه نویسی بگوییم. زیرا اصلا ویژگی های زبان های برنامه نویسی را ندارند. بلکه آنها را زبان های نشانه گذاری یا تگ گذاری میدانیم.
برای طراحی وب به چه ابزارهایی نیاز داریم
ببینیم که برای طراحی وب به چه ابزارهایی نیاز داریم.
برای طراحی صفحات اینترنتی، نیاز به داشتن امکانات پیچیده نیست. حداقل هایی که نیاز داریم را در زیر مشاهده میکنید:
- یک محیطی که بتوانیم کدهایمان را در آن بنویسیم. این محیط میتواند Notepad ویندوز باشد و یا یک Text Editor یا IDE حرفه‌ای تر(مثل phpStorm)
- یک مرورگر اینترنتی (Browser) که بتوانیم کدهایمان را از طریق آن اجرا کنید (مثل فایرفاکس، گوگل کروم و…)
www.tarahiwebsiteseo.com
https://www.sarzaminhooshmand.com
سایت در صفحه اول گوگل