تفاوت بین طراحی و توسعه سایت در چیست؟ آکادمی طراحان

برای فهمیدن تفاوت بین طراحی و توسعه سایت ابتدا باید تعریف آنها را بدانیم.

منظور از طراحی سایت چیست ؟

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

طراحی سایت شامل 4 مرحله می باشد:

• طرح اولیه سایت
• طرح گرافیکی سایت
• کد نویسی سایت
• راه اندازی سایت

 

طرح اولیه سایت:

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

طرح گرافیکی سایت:

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

کد نویسی سایت :

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

راه اندازی سایت:

پس از انتخاب هاست مورد نظر به همراه نام دامنه ی دلخواه و انجام مراحل پیکربندی سایت کد نویسی شده، راه اندازی سایت انجام می شود و سایت در دسترس عموم قرار میگیرد.

 

وظیفه ی طراح سایت چیست ؟

• طراحی سایت به دو قسمت فرانت اند و بک اند تقسیم می شود.
• بخش فرانت اند مربوط به طراحی ظاهر و نمایش حالت های تعاملی سایت است.
• بخش بک اند مربوط به طراحی کدهای سرور می باشد که برای کاربران قابل مشاهده نیستند.

 

مراحل طراحی سایت:

• طراحی سایت شامل سه چهار مرحله ی اصلی است
• یادگیری زبان نشانه گذاری HTML
• یادگیری زبان نشانه گذاری CSS
• یادگیری زبان برنامه نویسی JavaScript
• یادگیری یک زبان سمت سرور مانند Python

 

زبان نشانه گذاری HTML  :

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

زبان نشانه گذاری CSS  :

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

زبان برنامه نویسی JavaScript :

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

زبان برنامه نویسی Python:

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

منظور از توسعه سایت چیست ؟

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

 

توسعه یا وب دولوپر شامل دو بخش است:

• توسعه دهنده‌ی Front end
• توسعه دهنده Back end

 

توسعه دهنده‌ی Front end  :

متخصص فرانت اند، عملیات های مربوط به سمت کاربر یا فرانت سایت را انجام میدهد و در کمترین حالت ممکن باید به   HTML , CSS , JavaScript مسلط باشد تا بتوان فرانت یک سایت را توسعه دهد.

توسعه دهنده Back end :

متخصص بک اند وظیفه ی توسعه سمت سرور سایت را بر عهده دارد و مسئول انجام تمام فعالیت های پردازشی سایت، مانند ارتباط با دیتابیس می باشد.

تفاوت بین طراحی و توسعه سایت در چیست؟

طراحی سایت :

شخصی است که وظیفه ی تهیه طرح و گرافیک سایت می باشد که نیازمند دانش جزی از HTML و CSS  می باشد.

توسعه دهنده سایت:

مسئول کد نویسی و پیاده سازی طرحی است که توسط طراح سایت طراحی شده است.