طراحی سایت چیست؟

 

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

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

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

وب سایت چیست؟

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

بسته به نوع و محتوای سایت شما وب سایت‌های ایستا و پویا وجود داره. وب سایت‌های ایستا یا همون استاتیک معمولاً از کد HTML استفاده می‌کنن و محتوایی که استفاده می‌کنن، محتوای غیرقابل تغییر هست. صفحات وب پویا با زبان‌ های برنامه نویسی قدرتمندتر و پیچیده‌تری مثل PHP ،Perl ،Python و ASP ایجاد میشن. محتوای آنها متغیر هست و به ثبت نام و امتیازات کاربران بستگی داره. با استفاده از مطالب دیگه منابع وب و فیدهای RSS می تونیم آن را به صورت خودکار و پویا به روز کنیم.

طراحی سایت چیست؟

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

برای طراحی یه وب سایت اینترنتی نیاز داریم تا از کسایی که در این زمینه تخصص دارن کمک بگیریم. برای طراحی سایت  از متخصص‌های مختلفی مثل طراح  UI/UX، طراح‌های  Front-end، طراح  Back-end  و… استفاده میشه.

طراح‌های وب سایت یا همون طراح‌های Front-end غالباً وظیفه‌ی طراحی و برنامه‌نویسی شکل ظاهری سایت ‌رو به عهده دارن. اما طراح‌های Back-end یا همون برنامه‌نویس‌های سایت معمولاً به تولید کد نرم افزاری برای تولید و ویرایش محتوایی که توی بخشای مختلف وب سایت نمایش داده میشه مشغولن.

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

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

برای طراحی سایت باید با عناوین زیر آشنایی داشته باشیم:

دامنه چیست؟

دامنه چیست؟

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

این آدرس سایت دقیقاً همون دامنه یا دامین سایت هستش. و درست مثل همه‌ی فروشگاه‌ها تو دنیای واقعی که آدرس و پلاک مشخص و مختص به خودشونو دارن، هر سایتی هم اسم مختص به خودش که همون دامنه‌ی سایت هستش و پلاک مختص به خودش که  IP سایت هست رو باید داشته باشه.

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

دامنه‌ها انواع مختلف و متنوعی دارن که رایجترین اونها  ir. ، com. ، org. ، .net  هستن. دامنه‌های ir. مربوط به سایتای داخلی هستن و معمولاً برای سایت‌های ایرانی استفاده میشن و نسبت به بقیه‌ی دامنه‌ها قیمت کمتری داره و ارزونتر هستش.

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

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

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

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

هاست چیست؟

هاست یا سرور چیست؟

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

درست مثل فروشگاه‌های مختلف که اندازه‌های مختلف دارن هاست هم میتونه اندازه‌های مختلف داشته باشه و این بستگی به شما و نوع استفاده شما داره که بخواید هاست تون چه مقدار فضا داشته باشه.

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

هاست‌ها از نظر سیستم عامل به دو دسته‌ی لینوکس و ویندوز تقسیم بندی میشن. که هرکدوم از اونها کاربرد خاص خودشونو دارن و شما با توجه به نیازی که دارید میتونید نوع هاست مورد نظرتونو انتخاب کنید.

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

بعد از اینکه هاست و دامنه ی مورد نظرتونو خریداری و ثبت کردید عملا شما مکان مورد نظر برای ارئه‌ی محصولات مورد نظرتونو مشخص کردید.

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

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

سیستم مدیریت محتوا چیست؟

سیستم مدیریت محتوا چیست؟

سیستم مدیریت محتوا یا همون  cms ها (Content management system)، به شما این توانایی رو میدن تا با استفاده از اونا شکل کلی سایتتون‌رو مشخص کنید و همینطور مشخص کنید چه محتوایی باید در سایت شما قرار بگیره. در واقع با استفاده از این نرم افزارها شما میتونید انواع محتواها مثل متن، فیلم، عکس و… رو توی سایتتون بارگزاری کنید.

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

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

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

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

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

از جمله ویژگی های مثبت دروپال که باعث محبوبیت اون شده میتونیم به امنیت بسیار بالا، توسعه‌پذیری راحت و پشتیبانی قوی اون اشاره کنیم.

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

یکی از نکته‌هایی که مهمه و باید به اون توجه بشه، اینه که اکثر کسایی که با این حوزه آشنایی ندارن، طراح سایت رو با برنامه نویس سایت اشتباه میگیرن! در حالی که این دوتا کاملاً با هم متفاوت هستن. طراح سایت غالبا کار های مربوط به ظاهر سایت رو انجام میده و شما مستقیماً نتیجه‌ی کار اونو می‌بینید.

وقتی شما یه سایت رو باز می‌کنید تمام چیزهایی که توی اون سایت می‌بینید رو طراح اون سایت انجام داده. در واقع تمام کارهای ظاهری یا Front-end سایت که قراره در معرض دید مشتری‌ها قرار بگیره به عهده‌ی طراح سایت هستش.

در مقابل اون برنامه نویس سایت به صورت مستقیم هیچ کاری با ظاهر سایت نداره. و  شما نمی تونید نتیجه‌ی کارشو به صورت مستقیم روی ظاهر سایت ببینید. در واقع تمام کارهای مربوط به  Back-end و کد‌نویسی سایت به عهده‌ی برنامه‌نویس سایت هست.

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