طراحی سایت داینامیک

طراحی سایت داینامیک 1024 576 آرانیک وب

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

این‌بار قراره در مورد طراحی سایت‌ های استاتیک و داینامیک صحبت کنیم و ببینیم که اصلاً این‌گونه سایت‌ها چه نوع سایت‌های هستن و هرکدوم در چه حیطه‌ای به کار ما میان

  • اگر نمی‌دونید طراحی سایت استاتیک چیه؟
  •  اگر نمی‌دونید طراحی سایت دینامیکی چیه؟
  •  و یا هرکدوم این‌ها در کجا کاربرد دارند؟
  •  این مقاله دقیقاً برای شما نوشته شده!

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

طراحی وب سایت‌های استاتیک

وب‌سایت های ایستا یا استاتیک (Static site) به وب‌سایت هایی می‌گن که از تکنولوژی ساخت ساده‌تر و قدیمی‌تری برخوردار هستند قبلاً ها شما اگر می‌خواستید یک وب‌سایت داشته باشید باید وب‌سایت تون رو به صورت استاتیک طراحی می‌کردید وب سایت‌های استاتیک قابلیت بروزرسانی مداوم رو ندارند و شما برای هر تغییر کوچکی باید کد نویسی انجام بدین.

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

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

وب سایت های ایستا چون حجم کمی دارند به همین خاطر سرعت بارگذاری و باز شدن اون‌ها توی مرورگر مخاطب شما بسیار بالاست که یک نکته مثبتی هستش برای کسایی که از وب سایت‌های استاتیک استفاده می کنند ولی همه چی که سرعت نیست! پیکان ۳۰۰ کلیومترم سرعت بره بخاطر ظاهرش هیچوقت جای لامبورگینی رو نمیگیره! استفاده از این‌گونه وب‌سایت ها تقریباً رفته رفته می‌شه گفت که داره به سمت انقراض می‌ره و دیگه ذهن مخاطب این‌گونه وب‌سایت ها رو نمی‌پسنده مگه اینکه طرف خیلی فسیل باشه، و کلا از سیستم کلاسیک دهه ۹۰ میلادی خوشش بیاد.

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

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

طراحی وب سایت‌های داینامیک

حالا می‌ریم سراغ وب‌سایت های دینامیک (Dynamic site) و میخوایم ببینیم که اصلاً این‌گونه وب‌سایت ها چه نوع وب‌سایت هستند و چه توانایی‌هایی دارند :

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

  • این‌جوری دیگه زمان بروزرسانی وب‌سایت تون از چندین ساعت به چندین ثانیه کاهش پیدا می‌کنه! و دیگه لازم نیست نگران بهم ریختگی کدهای وب‌سایت تون باشید چرا چون فقط همان قسمتی که باید تغییر کند کد هاش عوض می‌شه و بقیه قسمت ها ثابت می‌مونن
  • وب‌سایت های دینامیک واقعاً تحول بسیار شگرفی در صنعت طراحی وب ایجاد کردند، البته شاید شما درست حرف منو درک نکنید ولی کسی که چندین سال که کارش طراحی وب کاملاً متوجه حرف من می‌شه این‌که چندین ساعت کد نویسی تبدیل بشه به چندین ثانیه یک تحول بسیار بزرگ که واقعاً کار بشر را جلو انداخته.
  • ویژگی بعدی وب‌سایت های دینامیکی  اینه که ریسپانسیو هستن این یعنی این‌که با تمام صفحه نمایش‌ها می‌تونند خودشون رو وفق بدن، دیگه لازم نیست که نگران باشید وب‌سایت شما توی صفحه نمایش‌هایی مثل گوشی تبلت و تلویزیون چه‌جوری نشون داده می‌شه خوبیش اینه که می‌تونید کد نویسی را به نحوی تنظیم کنید که کاملاً هم به‌صورت بهینه خودش رو نمایش بده، یه جورایی زبون دستگاه ها و سایزشونو میفهمه و یه کاری میکنه شما برای استفاده از وب سایت تو اون سایز به مشکل نخوری.
  • ریسپانسیو بودن یکی از ویژگی‌هایی که باید روی هر وب‌سایتی باشه و اگر وب‌سایتی این ویژگی را نداشته باشه درواقع خارج از رده حساب می‌شه پس یکی از دلایلی که الان وب‌سایت استاتیک استفاده ای ندارن همین ویژگی ریسپانسیوه هستش.
  • مورد بعدی که یکی از مهم‌ترین ویژگی‌ها هست اینه که وب‌سایت های دینامیک می‌تونن دیتابیس داشته باشن حالا توضیح میدم ببینیم دیتابیس چی هستش : هر وب‌سایتی باید اطلاعات خودش رو داخل یک فایلی بنویسه و در مواقع لزوم بتونه اون‌ها رو بازخوانی کنه، به اون فایلی که وب‌سایت ایجاد می‌کنه اصطلاحاً دیتابیس می‌گن.
  • حالا از وب‌سایت های دینامیک به دو صورت می‌شه استفاده کرد یکی بدون سیستم مدیریت محتوا و دیگری با سیستم مدیریت محتوا

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

فرض کنیم که شما یک وب‌سایت دینامیک دارید و قراره که یک متنی رو بهش اضافه کنیم، اینجا دوتا حالت داریم:

 یکی این‌که وب‌سایت شما سیستم مدیریت محتوا نداره اگر سیستم مدیریت محتوا وجود نداشته باشه شما مجبور هستید که تک‌تک کدهای امت را وارد بکنید تا تغییرات اعمال بشه

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

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

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

تفاوت طراحی سایت استاتیک و دینامیک

البته ریسپانسیو کردن کار سختیه ولی این اپشنو شما توی وب‌سایت استاتیک ندارید فقط توی وب‌سایت های دینامیک می‌تونین این ویژگی را داشته باشیم پس اگر طراحی وب و کد نویسی بلدید این رو هم حتماً می‌دونید که این ویژگی فقط روی وب‌سایت های دینامیک قابل پیاده‌سازیه، البته اینم بگم کار نشد نداره میشه استاتیک رو ریسپانسیو کرد ولی به سختیش نمیارزه اگه میخوایید این همه وقت بذارید وب سایت رو دینامیک کنید بهتره.

شما داخل وب‌سایت های دینامیک می‌تونید هزاران دیتابیس مختلف داشته باشید و به‌صورت خیلی ساده اون‌ها رو ادیت کنید و تغییرات خودتون رو داخلش انجام بدید ولی داخل وب‌سایت استاتیکی ویژگی نیستش و شما نمی‌تونید وب‌سایت های پیچیده ای ایجاد کنید.

 

کلام آخر :

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