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

Notepad ++

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

همچنین ببینید: آنالوگ Notepad ++

رابط ویرایشگر متن Notepad ++

در میان کمبودها می توان تنها چنین «منفی» مشکوک نام برد، به عنوان حضور تعداد زیادی از توابع که برای کاربر معمول قابل فهم نیستند.

دانلود Notepad ++

متن Sublimetext

یک ویرایشگر متن پیشرفته برای برنامه نویسان وب SublimeText است. او همچنین می داند چگونه با بسیاری از زبانها کار کند، از جمله Java، HTML، CSS، C ++. هنگام کار با کد، برجسته سازی، تکمیل خودکار و شماره گیری استفاده می شود. یک ویژگی بسیار راحت پشتیبانی از قطعه است، که با آن شما می توانید نسخه پشتیبان تهیه کنید. استفاده از عبارات منظم و ماکروها همچنین می تواند صرفه جویی در وقت برای حل مشکل را فراهم کند. SublimeText اجازه می دهد تا شما را به طور همزمان در چهار پانل کار کند. قابلیت گسترش برنامه با نصب افزونه ها.

ویرایش متن متن Sublime Text

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

SublimeText را دانلود کنید

براکت

ما شرح ویرایشگرهای متن را برای طرح بندی صفحات وب با مرور کلی برنامه Brackets در نظر می گیریم. این ابزار، مانند آنالوگ های قبلی، از تمام زبان های بزرگ نشانه گذاری و برنامه نویسی با برجسته کردن عبارات مربوطه و شماره خط پشتیبانی می کند. برجسته برنامه حضور تابع "پیش نمایش زنده" است ، که با آن شما می توانید تمام تغییرات ساخته شده در سند در زمان واقعی از طریق مرورگر، و همچنین ادغام در منوی زمینه اکسپلورر مشاهده کنید . Toolkit براکت ها به شما امکان می دهد که صفحات وب را در حالت اشکال زدایی مشاهده کنید. از طریق پنجره برنامه شما می توانید چندین فایل را در یک زمان دستکاری کنید. توانایی نصب برنامه های شخص ثالث مرزهای عملکرد را حتی بیشتر می کند.

رابط ویرایشگر متن براکت

این تنها حضور برخی از بخش های غیر روسی در برنامه را مختل می کند و همچنین امکان استفاده از "پیش نمایش زنده" به صورت انحصاری در مرورگر. گوگل کروم .

براکت ها را دانلود کنید

گیمپ

یکی از محبوب ترین ویرایشگران تصویر پیشرفته است که می تواند با موفقیت مورد استفاده قرار گیرد، از جمله برای تشکیل محتوای وب، GIMP است. به خصوص برای استفاده از برنامه برای طراحی سایت طراحی مناسب است. با استفاده از این محصول، می توان تصاویر نقاشی شده را با استفاده از ابزارهای مختلف (برس، فیلتر، تاری، انتخاب و ...) طراحی و ویرایش نمود. GIMP از کار با لایه ها و ذخیره سازی قطعات در فرمت خود پشتیبانی می کند، که با آن می توانید کار را در همان محل انجام دهید، حتی بعد از راه اندازی مجدد، دوباره کار کنید. تاریخ تغییر کمک می کند تا پیگیری تمام اقداماتی که برای تصویر اعمال شده است، و در صورت لزوم آنها را لغو کنید. علاوه بر این، برنامه می تواند با متن اعمال شده به تصویر کار کند. این تنها نرم افزار رایگان در میان آنالوگ هایی است که می توانند چنین قابلیت های غنی را ارائه دهند.

رابط ویرایشگر تصویر GIMP

در میان کمبودها، ممکن است اثر گاه به گاه کاهش سرعت را به دلیل شدت منابع بالای برنامه برجسته و همچنین مشکلات قابل توجهی در درک الگوریتم کار برای مبتدیان برجسته کند.

دانلود GIMP

فتوشاپ Adobe Photoshop

همکاری پرداخت شده با GIMP Adobe Photoshop است. حتی بیشتر مشهور است؛ زیرا خیلی زود منتشر شد و دارای قابلیت های پیشرفته تر است. فتوشاپ در بسیاری از زمینه های توسعه وب مورد استفاده قرار می گیرد. با این کار می توانید ویرایش و تبدیل تصاویر را ایجاد کنید. این برنامه می تواند با لایه ها و مدل های سه بعدی کار کند. در این مورد، کاربر توانایی استفاده از یک مجموعه حتی بزرگتر از ابزارها و فیلترها را از GIMP دارد.

رابط ویرایشگر تصویر فتوشاپ

در میان نقاط ضعف اصلی، تسلط بر تمام قابلیت های نرم افزار فتوشاپ مشکل است. علاوه بر این، بر خلاف GIMP، این ابزار با یک دوره آزمایشی فقط 30 روز پرداخت می شود.

دانلود فتوشاپ Adobe Photoshop

استودیو Aptana

گروه بعدی برنامه ها برای طرح بندی صفحات وب ابزارهای یکپارچه توسعه است. یکی از محبوب ترین نمایندگان این استودیو Aptana است. این راه حل نرم افزاری یک ابزار جامع ایجاد سایت است که شامل یک ویرایشگر متن، یک اشکالزدایی، کامپایلر و یک ابزار اتوماسیون مونتاژ است. با استفاده از این برنامه می توانید با کد برنامه در بسیاری از زبان های برنامه نویسی کار کنید. Aptana Studio پشتیبانی از دستکاری همزمان با چندین پروژه، ادغام با سایر سیستم ها (مخصوصا با سرویس Aptana Cloud) و ویرایش از راه دور محتوای سایت.

رابط برنامه Aptana Studio

معایب اصلی Aptana Studio مشکل در تسلط و عدم رابط کاربری زبان روسی است.

آپتانا استودیو را دانلود کنید

Webstorm

آنالوگ برنامه Aptana Studio است WebStorm، که همچنین متعلق به کلاس سیستم های توسعه یکپارچه است. این محصول نرم افزاری دارای یک ویرایشگر مناسب کد است که لیست قابل توجهی از زبان های مختلف برنامه را پشتیبانی می کند. برای راحتی بیشتر کاربران، توسعه دهندگان فرصتی را برای طراحی فضای کاری انتخاب کرده اند. در میان "مزایای" Web Storm، ما می توانیم حضور ابزار نویسی Node.js و تنظیم دقیق کتابخانه ها را برجسته کنیم. تابع "Live Edit" امکان مشاهده تمامی تغییرات ایجاد شده از طریق مرورگر را فراهم می کند. ابزار تعامل با وب سرور اجازه می دهد تا از راه دور سایت را ویرایش و سفارشی کنید.

رابط برنامه WebStorm

علاوه بر فقدان یک رابط زبان روسی، WebStorm دارای یک «منفی» دیگر است که، در ضمن، در Aptana Studio وجود ندارد، یعنی نیاز به پرداخت هزینه برای استفاده از برنامه.

دانلود WebStorm

صفحه اصلی

اکنون بلوک برنامه های کاربردی، که ویراستاران ویژوال HTML نامیده می شوند را در نظر بگیرید. بیایید با بازبینی محصول مایکروسافت به نام Front Page شروع کنیم. این برنامه بسیار محبوب بود، همانطور که بعدها بخشی از مجموعه آفیس مایکروسافت بود. این امکان طرح بندی صفحات وب را در ویرایشگر تصویری فراهم می کند که بر اساس اصل WYSIWYG کار می کند (همانطور که در یک پردازشگر کلمه وورد . در صورت تمایل، کاربر می تواند یک ویرایشگر استاندارد HTML را برای کار با کد باز کند، یا هر دو حالت را در یک صفحه جداگانه ترکیب کند. بسیاری از ابزارهای قالب بندی متن در رابط برنامه کاربردی ساخته شده اند. یک کنترل کننده طلسم وجود دارد. در یک پنجره جداگانه، می توانید ببینید که چگونه صفحه وب از طریق مرورگر ظاهر می شود.

رابط برنامه Microsoft Front Page

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

صفحه اول را دانلود کنید

Kompozer

ویرایشگر ویژوال بعدی KompoZer است که توسعه دهندگان نیز برای یک دوره طولانی پشتیبانی نمی کنند. اما بر خلاف Front Page، این پروژه تنها در سال 2010 متوقف شد، یعنی این برنامه هنوز هم قادر به پشتیبانی از استانداردهای و تکنولوژی های جدیدتر نسبت به رقبای ذکر شده است. او همچنین می داند که چگونه در حالت WYSIWYG و در حالت ویرایش کد کار کند. فرصت هایی برای ترکیب هر دو گزینه وجود دارد، همزمان با چندین اسناد در زبانه های مختلف کار می کنند و نتایج را پیش نمایش می دهند. علاوه بر این، کامپوزر دارای یک سرویس گیرنده FTP داخلی است.

رابط ویژوال HTML ویژوال Kompozer

اصلی "منهای"، همانطور که در صفحه اول، ختم پشتیبانی KompoZer توسط توسعه دهندگان است. علاوه بر این، این برنامه تنها رابط انگلیسی دارد.

دانلود KompoZer

Adobe Dreamweaver

ما این مقاله را با خلاصه ای از ویرایشگر ویژوال تصویری Adobe Dreamweaver می گیریم. بر خلاف آنالوگ های قبلی، این محصول نرم افزاری هنوز توسط توسعه دهندگان آن پشتیبانی می شود، که ارتباط آن را با توجه به انطباق با استانداردهای و تکنولوژی های مدرن، و نیز قابلیت های قدرتمند تر تضمین می کند. Dream Viewer توانایی کار در حالت WYSIWYG، ویرایشگر کد معمولی (با نور پس زمینه) و تقسیم بندی را فراهم می کند. علاوه بر این، شما می توانید تمام تغییرات در زمان واقعی را مشاهده کنید. این برنامه همچنین دارای طیف وسیعی از توابع اضافی است که کار با کد را تسهیل می کند.

همچنین ببینید: آنالوگ Dreamweaver

رابط گرافیکی HTML ویرایشگر Adobe Dreamweaver

در میان کمبودهایی باید هزینه نسبتا بالای برنامه، وزن قابل توجهی از آن و شدت منابع تعیین شود.

دانلود Adobe Dreamweaver

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