یک صفحه وب ساده برای یک برنامه نویسی با تجربه یا یک برنامه نویس وب با طراحی یک ویرایشگر ساده ساده دشوار نخواهد بود. اما برای انجام وظایف پیچیده در این زمینه فعالیت، توصیه می شود از نرم افزار تخصصی استفاده کنید. این می تواند ویراستاران متن پیشرفته، برنامه های کاربردی پیچیده چند منظوره به نام ابزار توسعه یکپارچه، ویراستاران تصویر و غیره باشد. در این مقاله، ما فقط نرم افزار طراحی شده برای طرح سایت ها را در نظر می گیریم.
Notepad ++
اول از همه، شروع کنیم با توضیحات ویراستاران متن پیشرفته، طراحی شده برای تسهیل کار طراح طرح. البته، معروف ترین برنامه این نوع Notepad ++ است. این راه حل نرم افزاری از نحو بسیاری از زبانهای برنامه نویسی و همچنین کدگذاری متن پشتیبانی می کند. برجسته سازی کد و شماره خط به میزان زیادی کار برنامه نویسان را در زمینه های مختلف تسهیل می کند. با استفاده از عبارات منظم، بخش هایی از کد که در ساختار مشابه هستند را پیدا کنید و تغییر دهید. برای انجام سریع اقدام مشابهی برای ضبط ماکرو پیشنهاد شده است. ممکن است با کمک پلاگین های جاسازی شده به طور قابل توجهی گسترش یافته و قابلیت های غنی را نیز افزایش دهیم.
همچنین ببینید: Analogs Notepad ++
در میان کمبودها می توان تنها "منفی" مشکوک نامیده می شود، به عنوان حضور تعداد زیادی از توابع که برای کاربر معمول قابل فهم نیستند.
دانلود Notepad ++
متن Sublimetext
یک ویرایشگر متن پیشرفته برای برنامه نویسان وب SublimeText است. او همچنین می داند که چگونه با بسیاری از زبانها کار کند، از جمله Java، HTML، CSS، C ++. هنگام کار با کد، نور پس زمینه، تکمیل خودکار و شماره گیری استفاده می شود. یک ویژگی بسیار راحت پشتیبانی از قطعه است، که با آن شما می توانید مستقیما استفاده کنید. استفاده از عبارات منظم و ماکروها همچنین می تواند زمان صرفه جویی در زمان برای حل مشکل را فراهم کند. SublimeText به شما اجازه می دهد به طور همزمان در چهار پانل کار کنید. قابلیت گسترش برنامه با نصب افزونه ها.
اشکال اصلی برنامه، در مقایسه با Notepad ++، عدم رابط کاربری زبان روسی است که باعث ایجاد برخی ناراحتی ها به ویژه برای کاربران بی تجربه می شود. همچنین، همه کاربران مانند اعلامیه ظاهر می شوند با پیشنهاد خرید مجوز در پنجره نسخه رایگان محصول.
SublimeText را دانلود کنید
براکت
ما شرح ویرایشگرهای متن را برای طرح بندی صفحات وب با مرور کلی از برنامه Brackets در نظر می گیریم. این ابزار، مانند آنالوگ های قبلی، از تمام زبان های بزرگ نشانه گذاری و برنامه نویسی پشتیبانی می کند با برجسته کردن عبارات مربوطه و شماره خط. برجسته بودن برنامه، حضور یک تابع است "پیش نمایش زنده"، با کمک شما می توانید در زمان واقعی از طریق مرورگر تمام تغییرات ایجاد شده در سند، و نیز ادغام در منوی زمینه "اکسپلورر". مجموعه ابزار Brackets به شما اجازه می دهد که وب را در حالت اشکالزدایی مرور کنید. از طریق پنجره برنامه شما می توانید چندین فایل را در یک زمان دستکاری کنید. توانایی نصب برنامه های شخص ثالث مرزهای عملکرد را حتی بیشتر می کند.
این فقط حضور بعضی از پارتیشن های غیر روسی در برنامه را تخریب می کند و همچنین امکان استفاده از این تابع را دارد "پیش نمایش زنده" منحصرا در مرورگر گوگل کروم.
براکت ها را دانلود کنید
گیمپ
یکی از محبوب ترین ویرایشگران تصویر پیشرفته است که می تواند با موفقیت مورد استفاده قرار گیرد، از جمله برای تشکیل محتوای وب، GIMP است. به خصوص برای استفاده از برنامه برای طراحی سایت طراحی شده است. با استفاده از این محصول می توانید تصاویر به پایان رسید، با استفاده از ابزارهای مختلف (قلم مو، فیلتر، تاری، انتخاب، و غیره). GIMP از کار با لایه ها و صرفه جویی در قالب ها در فرمت خود پشتیبانی می کند، که با آن می توانید کار را در همان محل انجام دهید، حتی پس از راه اندازی مجدد، از کار خود خاتمه دهید. تاریخ تغییر کمک می کند تا پیگیری تمام اقداماتی که برای تصویر اعمال شده است، و در صورت لزوم آنها را لغو کنید. علاوه بر این، برنامه می تواند با متن اعمال شده به تصویر کار کند. این تنها نرم افزار رایگان در میان آنالوگ هایی است که می توانند چنین قابلیت های غنی را ارائه دهند.
از جمله کمبود ها می توان بعضی اوقات ناشی از انجماد ناشی از شدت منابع بالا برنامه و همچنین مشکلات قابل توجه در درک الگوریتم کار برای مبتدیان را شناسایی کرد.
دانلود GIMP
فتوشاپ Adobe Photoshop
یک عدد پرداخت شده از GIMP Adobe Photoshop است. حتی مشهورتر است، زیرا خیلی زود منتشر شد و دارای قابلیت پیشرفته تر است. فتوشاپ در بسیاری از زمینه های توسعه وب مورد استفاده قرار می گیرد. با آن، شما می توانید تصاویر را ایجاد، ویرایش و تبدیل کنید. این برنامه می تواند با لایه ها و مدل های سه بعدی کار کند. در این حالت، کاربر توانایی استفاده از یک مجموعه حتی بزرگتر از ابزارها و فیلترها را از GIMP دارد.
در میان نقاط ضعف اصلی، تسلط بر تمام قابلیت های نرم افزار فتوشاپ مشکل است. علاوه بر این، بر خلاف GIMP، این ابزار با یک دوره آزمایشی فقط 30 روز پرداخت می شود.
دانلود فتوشاپ Adobe Photoshop
استودیو Aptana
گروه بعدی برنامه ها برای طرح بندی صفحات وب، ابزارهای یکپارچه توسعه است. یکی از محبوب ترین نمایندگان این استودیو Aptana است. این راه حل نرم افزاری یک ابزار جامع ایجاد سایت است که شامل یک ویرایشگر متن، یک اشکال زدایی، یک کامپایلر و یک ابزار اتوماسیون مونتاژ است. با استفاده از برنامه، شما می توانید با کد برنامه در بسیاری از زبان های برنامه نویسی کار کنید. Aptana Studio پشتیبانی از دستکاری همزمان با چندین پروژه، ادغام با سایر سیستم ها (مخصوصا با سرویس Aptana Cloud) و همچنین ویرایش از راه دور محتوای سایت.
معایب اصلی Aptana Studio مشکل در تسلط و عدم رابط کاربری زبان روسی است.
آپتانا استودیو را دانلود کنید
Webstorm
آنالوگ برنامه Aptana Studio است WebStorm، که همچنین متعلق به کلاس سیستم های یکپارچه توسعه است. این محصول نرم افزاری دارای یک ویرایشگر کد مناسب است که از لیست قابل توجهی از زبان برنامه های مختلف پشتیبانی می کند. برای راحتی بیشتر کاربر، توسعه دهندگان فرصت انتخاب طرح فضای کاری را فراهم کرده اند. در میان "مزایای" Web Storm، شما می توانید از حضور ابزار ابزار نویسی Node.js و تنظیمات دقیق کتابخانه ها برجسته شوید. تابع "ویرایش زنده" فراهم می کند توانایی برای مشاهده از طریق مرورگر همه تغییرات. ابزار ارتباط برقرار کردن با وب سرور اجازه می دهد تا از راه دور سایت را ویرایش و سفارشی کنید.
علاوه بر فقدان یک رابط زبان روسی، WebStorm دارای یک «منفی» دیگر است که، در ضمن، در Aptana Studio وجود ندارد، یعنی نیاز به پرداخت هزینه برای استفاده از برنامه.
دانلود WebStorm
صفحه اصلی
اکنون بلوک برنامه هایی را که ویراستاران HTML ویژوال نامیده اند، در نظر می گیرند. بیایید با بازبینی محصول مایکروسافت به نام Front Page شروع کنیم. این برنامه بسیار محبوب بود، همانطور که بخشی از بسته مایکروسافت آفیس بود. این امکان صفحه بندی صفحات وب را در یک ویرایشگر تصویری فراهم می کند که بر اساس اصل WYSIWYG ("آنچه شما می بینید، شما را دریافت خواهد کرد") کار می کند، همانطور که در word word processor Word وجود دارد. در صورت تمایل، کاربر می تواند یک ویرایشگر استاندارد HTML را برای کار با کد باز کند، یا هر دو حالت را در یک صفحه جداگانه ترکیب کند. بسیاری از ابزارهای قالب بندی متن به رابط برنامه ساخته شده اند. یک کنترل کننده طلسم وجود دارد. در یک پنجره جداگانه، می توانید ببینید که چگونه صفحه وب از طریق مرورگر ظاهر می شود.
با مزایای بسیاری، این برنامه دارای اشکالاتی حتی بیشتر است. مهمتر از آن اینست که توسعه دهندگان از سال 2003 پشتیبانی نمی کنند، که این بدان معنی است که محصول ناامید کننده پشت توسعه فناوری های وب است. اما حتی در بهترین زمان خود، Front Page از لیست گسترده ای از استانداردها پشتیبانی نمی کند، که به نوبه خود منجر به این شد که صفحات صحیح وب درست شده ایجاد شده در این برنامه تنها در اینترنت اکسپلورر نمایش داده می شوند.
صفحه اول را دانلود کنید
Kompozer
ویرایشگر بصری بعدی کد HTML، KompoZer نیز توسط توسعه دهندگان برای یک دوره طولانی پشتیبانی نمی شود. اما بر خلاف Front Page، این پروژه تنها در سال 2010 متوقف شد، بدین معنا که این برنامه همچنان قادر به پشتیبانی از استانداردهای و تکنولوژی های جدیدتر از رقبای ذکر شده است. او همچنین می داند که چگونه در حالت WYSIWYG و در حالت ویرایش کد کار کند. فرصت هایی برای ترکیب هر دو گزینه وجود دارد، همزمان با چندین اسناد در زبانه های مختلف کار می کنند و نتایج را پیش نمایش می دهند. علاوه بر این، آهنگساز دارای یک سرویس گیرنده FTP داخلی است.
اصلی "منفی"، همانطور که در صفحه اول، ختم پشتیبانی KompoZer توسط توسعه دهندگان است. علاوه بر این، این برنامه تنها رابط انگلیسی دارد.
دانلود KompoZer
Adobe Dreamweaver
ما این مقاله را با خلاصه ای از ویرایشگر ویژوال تصویری Adobe Dreamweaver می گذرانیم. بر خلاف آنالوگ های قبلی، این محصول نرم افزاری هنوز هم توسط توسعه دهندگان آن پشتیبانی می شود، که ارتباط آن را از لحاظ انطباق با استانداردهای و فن آوری های مدرن، و همچنین قابلیت های قدرتمندتری تضمین می کند. Dreamviewer توانایی کار در حالت WYSIWYG، یک ویرایشگر کد معمولی (با نور پس زمینه) و یک تقسیم بندی را فراهم می کند. علاوه بر این، شما می توانید تمام تغییرات در زمان واقعی را مشاهده کنید. این برنامه دارای طیف وسیعی از توابع اضافی است که کار با کد را تسهیل می کند.
همچنین نگاه کنید به: آنالوگهای Dreamweaver
در میان کمبودهایی باید هزینه نسبتا بالای برنامه، وزن قابل توجهی از آن و شدت منابع تعیین شود.
دانلود Adobe Dreamweaver
همانطور که می بینید، گروه های متعددی از برنامه هایی هستند که برای تسهیل کار کد کننده طراحی شده اند. این ویرایشگرهای متن پیشرفته، ویراستاران HTML تصویری، ابزارهای یکپارچه توسعه و ویرایشگرهای تصویر است. انتخاب یک برنامه خاص بستگی به سطح مهارت های حرفه ای طراح طرح، ماهیت کار و پیچیدگی آن دارد.
