طراحی سایت

از وبلاگ نویسی به وبسایت نویسی

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

دینامیک یا استاتیک بودن سایت

  • برای وب‌سایت استاتیک کافیه HTML و CSS بلد باشیم. برای وب‌سایت dynamic زبان‌های NET ، PHP ، Perl و JAVA بستگی به نوع هاست و سیتم عامل هاست به کار می‌روند ولی لازم نیست هیچ کدوم رو برای راه اندازی سایتتون بلد باشید ( زبان‌های دیگری هم هستن که با یک سرچ ساده می تونیم پیدا کنیم ولی موضوع بحث ما لیست کردن زبان ها نیست.)
    برای اینکه تفاوت وب‌سایت استاتیک و دینامیک رو هم بدونیم کافیه تو گوگل بزنیم ” تفاوت وب‌سایت استاتیک و دینامیک چیست”. همین یک گوگل ساده این دو تا لینک اول اومدن:  لینک ۱ و لینک ۲. تا اینجا در مرحله ی اول در نظر داشته باشیم که ما وبسایت دینامیک لازم داریم.

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

  • بعد از اینکه موضوع قبلی رو گوگل کردم و چند تا وبسایت رو خوندم به این نتیجه رسیدم که برای مدیریت سایت دینامیک‌مون (شاید بعضی‌ها دوست داشته باشن بگیم سایت پویا) باید (CMS (content_management_systems  یا همون سیستم مدیریت محتوا داشته باشیم تا لازم نباشه صفر تا صد سایت رو خودمون برنامه نویسی کنیم.
    سیستم‌های مدیریت محتوایی که توی دفترم چک نویس نوشته بودم همراه با زبان برنامه‌نویسی که باهاشون استفاده می‌شه تا سایت طراحی شه تو جدول  آوردم.

 

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

زبان برنامه نویسی مورد نیاز

Word press

PHP

Orchard

.NET

Joomola!

PHP

Drupal

PHP

در این بین wordpress محبوبیت زیادی داره و این وبسایت رو هم با همین سیستم مدیریت محتوا پیاده کردم. لیست ویکیپدیا رو برای CMS ببینید که چقدر این تعداد زیاد هست. در این لیست زبان‌هایی که به عنوان زبان برنامه نویسی و database توی CMS ها استفاده می‌شوند هم آورده شده است.

دامین – Domain

  • بعد از این دو نکته نوبت به شروع کار می‌شه. برای طراحی سایت باید Domain بخریم. سرچ کنید “دامین چگونه کار می‌کند” تا کلی مطلب درباره‌ی دامین و انواع دامنه و مراحل ثبت دامنه و whois و … بخونید. ولی به طور خلاصه دامین همین اسم‌ سایتمون هست. من یک دامین .ir خریدم که palinezhad.ir هست و یک دامین com. که همین سایت خودم هست : palinezhad.com
    در حال حاضر دامین پنج ساله‌ی ir. و دامین یک ساله‌ی com. روی همدیگه کمتر از ۱۰۰ هزارتومن شد. معمولا از همون جایی که هاست می‌خرید میشه دامین هم گرفت یا گوگل کنید “خرید دامین” و چند تا سایت فروش رو بررسی کنید و انتخاب کنید. در ضمن یه جست و جو هم کنید که اسم سایتتون رو خوب انتخاب کنید. “قوانین انتخاب دامین خوب” رو گوگل کنید.

هاست – Host

  • خرید هاست یعنی اجاره‌ی یک بخش از یک سیستم دیگر که ماهانه یا سالانه باید برای این اجاره، پول پرداخت کنیم و وبسایت مون رو روی اون فضای اجاره شده بسازیم. قدم اول هم این هست که یک شرکت مناسب داخلی یا خارجی انتخاب کنیم. خیلی ساده گوگل کنید ” ده شرکت هاست برتر” و با مشاهده‌ی بسته‌هایی که ارائه میدن یکی‌شون‌رو انتخاب کنید. هزینه، حجم فضایی که می‌فروشن، امکانات جانبی و پشتیبانی سایت و … رو از توی سایت‌هاشون و‌ نظرات کاربران دیگه بخونید و تصمیم نهایی بگیرید.
    دو نوع هاست داخل ایران و خارج ایران هست که با توجه به اینکه سایت من فارسی بود و بیشتر خوانندگان داخل ایرانند هاست از سرور‌های داخل ایران خریدم که ping time کمتری داشته باشم و سایتم زودتر load بشه.
    CMS ها که توی قسمت قبل گفتم روی هاست لینوکسی یا ویندوزی راه‌اندازی می‌شوند. برای مثال wordpress که من انتخاب کردم روی هاست لینوکسی بالا می‌آد پس من یک هاست لینوکسی داخل ایران خریدم. قیمت‌ها هم توی سایت هر شرکت فروش هاست هست ولی برای شروع پیشنهاد می‌کنم یک هاست چند ماهه با پهنای باند بازدید کم بخرید و بعد از راه اندازی برید سراغ پلن‌های یک ساله با پهنای باند زیاد.

Cpannel یا Direct admin

  • این هاست لینوکس ایران که خریدم به دو صورت ارائه می‌شد. با کنترل پنل Cpannel و “Direct admin” . این دو محیط یه جورایی میشن دسکتاپ کار روی هاست. چون Cpannel کار باهاش راحت تر بود هاست لینوکس Cpannel ایران رو انتخاب کردم و خریدم. اگر برای تصمیم گیری اطلاعات بیشتر لازم دارید، گوگل کنید: ” سی پنل یا دایرکت ادمین کدام بهتر است”.

اتصال هاست و دامین

  • مرحله‌ی بعد باید دامین خریداری شده رو به هاست متصل کنیم. برای اینکه سایت ما در دسترس باشد باید دامنه و هاست ما به یکدیگر متصل شوند. و برای اتصال دامنه و هاست باید DNS های هاست مون را روی دامنه ست کنیم. از اینجا به بعد توضیحات اضافه نمی‌نویسم چون همش با یک جست و جو پیدا میشه: ” چگونه دامین را به هاست متصل کنیم”. اگر دامین و هاست رو از یک شرکت بخرید این مرحله رو لازم نداریم چون DNS host و domain رو روی همون هاست پیشفرض ست شده است.

نصب سیستم مدیریت محتوا

  • مرحله‌ی بعد باید wordpress یا هر سیستم مدیریت محتوای ‌دیگه ای رو که انتخاب کردیم روی هاستمون نصب کنیم. برای این کار من wordpress رو دانلود کردم و بقیه‌ی مراحل رو با گوگل کردن ” چگونه wordpress روی cpannel نصب کنیم” پیدا می‌شه. خیلی جاها البته بهتره انگلیسی بگردید ” how to install wordpress on cpannel” . البته بعضی شرکت‌ها موقع خرید هاست براتون نصب CMS رو هم انجام میدن ولی خودتون نصب کنید که یکم با هاست دست و پنجه نرم کنید.

نصب قالب سایت و تنظیمات

  • بقیه‌ی مسیر مثل یک وبلاگ‌نویسی میشه و پلاگین‌ها یا افزونه هایی که لازم دارید رو نصب می‌کنید و پوسته دانلود می‌کنید و نصب می‌کنید و سایتتون رو طراحی می‌کنید و مطلب می‌نویسید. هر جا هم به مشکلی خوردید کافیه گوگل کنید ” چگونه فلان مشکل را حل کنیم” یا “how to …” . مثلا “چگونه قالب برای wordpress نصب کنیم”.

بقیه‌ی راه دیگه به یادگیری شخصی خودتون بستگی داره. توی اینترنت سرچ کنید و یاد بگیرید. همه چی هست.

پیشنهاد می‌کنم قبل از همه‌ی این موارد توی سایت https://www.w3schools.com/ شروع کنید و HTML و بعدش CSS رو یاد بگیرید. یک مقدار XML هم خوبه بدونید. این سایت رو به فارسی هم ترجمه کردن.

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

این موضوع را با دوستان و همکارانتان به اشتراک بگذارید.

دیدگاه بگذارید

avatar
  اشتراک  
به من خبر بده