نرم افزارهای طراحی سایت

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

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

در فضای سال ۲۰۰۲ ، زمانی که اولین بار مادر بردهای pentium 4 پا به عرصه وجود گذاشت، در ایران بهره‌گیری از کامپیوتر عمدتا، در فضاهای اداری و دولتی و دانشگاهی، آن هم به منظور ایجاد اسناد و تایپ و پرینت بود. در این زمان معدود شرکت‌هایی بودند که دارای شبکه داخلی بودند و از این شبکه داخلی خود برای، حفظ و نگهداری اسناد عمدتا، با رسانه متنی استفاده می‌کردند.

در این زمان، عمده کامپیوترها دارای مانیتور ۱۵ اینچ بودند و با پیشرفته تر شدن صنعت تولید مانیتور سایز ۱۷ اینچ نیز به بازار ایران آمد.

تب خرید کامپیوتر

در سال‌های ۲۰۰۳ تا ۲۰۰۶ با پیشرفت بازار فروش سخت افزار، عمده کاربران خانگی دارای فرزند نوجوان، با خرید رایانه شخصی، به صف استفاده کنندگان از فناوری دیجیتال، پیوستند. لازم به ذکر است که این کاربران عمدتا دارای سیستم عامل‌های ویندوز ۹۸ و ویندوز xp بودند و اکثرا رایانه‌های خریداری شده، دارای ماوس یا اشاره گر بودند.در این تاریخ تعداد کمی از رایانه‌ها امکان اتصال به فضای اینترنت و شبکه جهانی را داشتند و قالب اتصال‌ها از طریق، dial up و به صورت شماره گیری با مودم‌های آنالوگ به دیجیتال و برعکس، صورت می‌گرفت.

اولین اتصال‌ها به دنیای اینترنت

در اواخر سال ۲۰۰۶ به تدریج اتصال به اینترنت در حال جا افتادن بود و خرید کارت اینترنتی به عنوان هزینه‌ای جدید، در سبد هزینه‌های خانوار تعریف می‌شد. در این زمان عمده متصلین به اینترنت در ثبت نام و استفاده از سرویس‌های ایمیلی مثل یاهو و جیمیل بودند. لازم به توضیح است که یاهو در این زمینه، خیلی پیشتر از جیمیل، به عنوان سرویس‌دهنده شناخته می‌شد. از آنجایی که در آن دوران سرعت اینترنت در ایران خیلی پایین و در بهترین حالت 56KBPS بود، استفاده از تصاویر بزرگ و واید در صفحات وب‌سایت‌ها به صورت موردی انجام می‌شد.

HTML 4 - Full Flash

در این دوران که عمده وب‌سایت ها، با قالب‌های مبتنی بر html 4 و css 2 به بازار عرضه می‌شد پر مخاطب ترین نرم افزارها به منظور طراحی سایت عبارت بودند از

Macromedia Flash

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

Macromedia DreamWeaver

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

هم‌چنین از قابلیت‌های دیگری که این نرم افزار در اختیار کدنویسان قرار می‌داد، امکان تکمیل خودکار کد و اتصال به پایگاه‌های داده بود. شما به عنوان کدنویس در این نرم افزار قادر بودید علاوه بر html زبان‌هایی مانند vbscript و cold fusion و PHP و ASP classic و حتی JSP را کار کنید

در سال ۲۰۱۱ همزمان با بحران اقتصادی در ایالات متحده شرکت MacroMedia توسط شرکت Adobe که تا پیش از این با نرم افزارهای فتوشاپ و illustrator به عنوان خدمات دهنده به صنف چاپ و گرافیک و با نرم افزارهایی مثل After Effects و Premiere به عنوان دستیار تهیه و تدوین فیلم شناخته می‌شد، خریداری شد و نسخه‌های جدید نرم افزارها را با عنوان Adobe Flash و Adobe DreamWeaver به بازار عرضه کرد.

لازم به ذکر است که نرم افزار Adobe Dreamweaver کلیه قابلیت‌های لازم برای پیشبرد یک سایت استاتیک و تا حتی دینامیک را داراست و از نرم افزارهای قدرتمند در این حوزه به شمار می‌آید

Microsoft Publisher

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

Micorosft Experssion

این نرم افزار در دوره‌ای پرچمدار نرم افزارهای طراحی سایت شرکت Microsoft بود و با ارائه عملکرد ایده آل، تا حد خوبی توانست سهم بازار بالایی را کسب کرده و مخاطبانی از طیف‌های مختلف UI کار را به خود اختصاص دهد، از ویژگی های این نرم افزار می‌توان به code completing (تکمیل خودکار کد)، امکان مسیر بندی کل پروژه، ویرایشگر بهبود یافته css و ... را اشاره کرد.

Adobe Muse

یکی از نرم افزارهای جدیدتر شرکت Adobe است. این نرم افزار فابلیت پیاده سازی صفحات به روز با تکنولوژی Html5 و دارای افکت را داراست. از ویژگی‌های این نرم افزار می‌توان به ساخت کل پروژه در همین نرم افزار را اشاره کرد. لازم به ذکر است بخش های مارکتینگ شرکت‌های مختلف برای برگزاری رویدادهایی که در زمان محدود تعریف می‌شود، از این نرم افزار برای ساخت و اطلاع رسانی landing page استفاده می‌کنند

Sublime

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

نرم افزارهای تخصصی با افزونه طراحی سایت

Eclipse

به عنوان یک نرم افزار قدرتمند برای ویرایش و ساخت برنامه‌های جاوا، دارای افزونه ای به منظور ساخت و ویرایش فایل‌های html و css می‌باشد. نرم افزار eclipse دارای سابقه و قدمت خیلی طولانی تر از سایر اپلیکیشن‌های فعال در این حوزه می‌باشد.

NetBeans IDE

این نرم افزار در ایتدا به منظور ساده سازی توسعه برنامه‌های جاوا پدید آمد اما با گذشت زمان بخش مربوط به ویرایش فایل‌های HTML و CSS در گستره نرم افزار خود گنجاند. یکی از ویژگی‌های کار کردن با این نرم افزار امکان فعالیت همزمان در لایه backend و frontend بدون تغییر پروژه اکتیو می‌باشد

WebStorm IDE

یکی از محصولات شرکت نرم افزاری مشهور، JetBrains می‌باشد، این نرم افزار در واقع تکامل یافته سه دو نرم افزار قبلی بوده و یک برنامه نویس را قادر می‌سازد تا از امکانات ایده آلی نظیر:

1. ویرایش همزمان کدهای backend و frontend در زبان‌های مختلف نظیر جاوا (Intelij Idea) ، پایتون (PyCharm) ، PHP (PHP Storm)، Ruby (Ruby Gems) و برنامه نویسان NodeJs
2. امکان مشاهده زنده تغییرات با استفاده از مرورگر Google Chrome
3. امکان کامپایل فایل‌های Less و Sass
4. امکان جستجوی سریع در پروژه
5. افزایش سرعت کدنویسی با یادگیری کلیدهای میانبر
6. امکان آپلود روی سرور اصلی از طریق FTP
7. امکان کار به صورت تیمی و با استفاده از سیستم های کنترل ورژن نظیر Subversion و git
8. امکان استفاده از CI و CD نظیر jenkins
9. امکان تست اتوماتیک بخش‌های مختلف سیستم
10. اتصال به سیستم ‌های گزارش اشکال Issue Tracker