اگر در دنیای وب تازه کار باشید و به تازگی وارد دنیای برنامه نویسی شده باشید، حتماً واژه‌ طراحی وب را بارها و بارها شنیده اید و حتماً این سوال برایتان پیش آمده است که طراحی وب چیست ؟

شاید هم هنوز نتوانسته اید تفاوت واژه های طراحی وب را با برنامه نویسی وب درک کنید.

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

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

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

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

حالا میخواهیم برسیم به سوال اصلی خودمان : طراحی وب چیست ؟

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

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

پس در پاسخ به سوال طراحی وب چیست؟ می توانیم بصورت بسیار ساده بگوییم هر آن چیزی که کمک میکند وب سایت ما بهتر و زیباتر دیده شود را طراحی وب می گویند.

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

طراحی وب را با برنامه نویسی وب اشتباه نگیرید!

اشتباهی که معمولاً افراد تازه کار به آن مبتلا می شوند این است که طراحی وب را با برنامه نویسی وب اشتباه می گیرند. در صورتی که این دو مفهوم کاملاً با یکدیگر متفاوت هستند و نباید به جای یکدیگر از آن‌ها استفاده کرد.

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

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

زبان های طراحی وب :

همانطور که در قسمت قبل یک اشاره‌ کوچک داشتیم، طراح وب برای طراحی صفحات وب از تکنولوژی ها و زبان های برنامه نویسی مختلفی استفاده میکند. معمولاً یک طراح وب، برای اینکه بتواند یک صحفه‌ی وب را طراحی کند، از تکنولوژی های زیر استفاده میکند:

- HTML (یا HTML5)

- CSS (یا CSS3)

- جاوا اسکریپت

- جی کوئری

- و…

۴ موردی که در بالا نام بردیم، حداقل دانشی است که شما برای طراحی صفحات وب و تبدیل شدن به یک طراح وب نیاز دارید. البته می توانید فقط با ۲ مورد اول یعنی HTML و CSS نیز سایت هایی را طراحی کنید ولی جاوا اسکریپت و جی کوئری می توانند به کار شما بسیار قدرت دهند.

باید به این نکته توجه کنیم که به دلایلی نمی توانیم به HTML و CSS زبان های برنامه نویسی بگوییم. زیرا اصلاً ویژگی های زبان های برنامه نویسی را ندارند. بلکه آن‌ها را  زبان های نشانه گذاری یا تگ گذاری می دانیم.

برای طراحی وب به چه ابزارهایی نیاز داریم ؟

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

- یک محیطی که بتوانیم کدهایمان را در آن بنویسیم. این محیط میتواند Notepad ویندوز باشد و یا یک Text Editor یا IDE حرفه‌ای تر (مثل phpStorm)

- یک مرورگر اینترنتی (Browser) که بتوانیم کدهایمان را از طریق آن اجرا کنید (مثل فایرفاکس، گوگل کروم و…)

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

می توانید برای کسب اطلاعات بیشتر با شماره تلفن 91303424-021 تماس گرفته و از مشاوره کارشناسان و برنامه نویسان تیم قدرتمند برنامه نویسی بای سل بهره مند شوید.