اگر س similarال مشابهی را در هر یک از انجمن ها بپرسید ، با احتمال بالایی از احتمال برخورد با دو توصیه کاملاً مخالف - برای "نوشتن" همه چیز در یک ویرایشگر کاملاً تصویری (یعنی WYSIWYG) مانند DreamWeaver یا اجرای از ویراستاران مانند آتش سوزی استفاده کنید و همه کارها را به طور انحصاری در Notepad / Vi / Emac انجام دهید. همانطور که معمولاً برای هر افراطی مشخص است ، این یا آن نقصهای روش به وضوح در آنها آشکار می شود - ضعف کنترل بر کد حاصل در اولین مورد ، و سهم بسیار زیادی از کار "بد" در مورد دیگر. بنابراین جای تعجب نیست که جایگاه بین این دو قطب به هیچ وجه خالی نباشد ، و توسعه دهندگان ویرایشگرهای HTML که آن را اشغال می کنند تمام تلاش خود را می کنند تا "به بهترین شکل ممکن ماوس و صفحه کلید را دوست کنند". و سهولت تایپ "دستی" کد HTML بدون از دست دادن کنترل نتیجه مهم در مقایسه سه ویرایشگر محبوب وب در لینوکس - Screem ، Quanta Plus و Bluefish کلیدی خواهد بود. اگرچه محتوای عملکردی آنها نیز نادیده گرفته نخواهد شد. برای کامل بودن ، اجازه دهید چند ویرایشگر WYSIWYG معمولی را ویرایش کنیم - ویرایشگر "مرجع" Amaya ، که به طور گسترده ای در محافل باریک Nvu شناخته می شود.

برای آزمایش ، من از اوبونتو 6.06 LTS با Gnome 2.14.1 استفاده کردم ، بنابراین برنامه های مبتنی بر GTK شروع به کار می کنند. همه ویرایشگران از مخازن در حالت "همانطور که هست" نصب شدند ، هیچ تلاشی برای روسی کردن ، گسترش عملکرد از طریق پلاگین ها و غیره. شامل نمی شدند.

در نظر گرفته شده:

• ماهی آبی 1.0.5
• Quanta Plus 3.5.2
• فریاد 0.16.1

خارج از رقابت:

• آمایا 8.5
• Nvu 1.0 (20060508)

آمایا

تساوی در W3C

بیایید بررسی خود را با شروع کنیم ویرایشگر بصری- آمایا نه به این دلیل که بسیار عالی است ، بلکه به دلیل توسعه آن توسط W3C است. به عبارت دقیق تر ، این در درجه اول یک مرورگر با عملکرد ویرایش بسیار پیشرفته است.

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

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

می توانید نتیجه را در آن ببینید ، اما برای ویرایش به وضوح ضعیف است ...

او با نسخه 1.0 تمام شانس کامل شدن را دارد

اولین برداشت در مورد Screem "فقط یک ویرایشگر> است. پنجره کار به سه قسمت تقسیم شده است - یک قسمت ورودی در سمت راست ، خطاها و هشدارها در پایین نمایش داده می شوند ، و در سمت چپ چندین برگه وجود دارد که به سند بروید ، با پرونده ها کار کنید ، و غیره. به خصوص برای من مفید بود برگه Tree ، که ساختار درخت مانند صفحه را نشان می دهد - با دوبار کلیک ، مثلاً روی خط HEAD ، در قسمت ویرایش انتخاب می شود از همه کدهای مربوط به هدر.

بدیهی است که باید آن را از ویرایشگر متن معمولی با کار پیشرفته خود با برچسب های HTML متمایز کرد. که در این مورد"پیشرفته" شامل برجسته سازی نحوی ، توانایی وارد کردن یک برچسب خاص با انتخاب آن از فهرست (وارد کردن برچسب های META و رشته DOCTYPE فقط با چند کلیک بسیار راحت است) و در تکمیل خودکار / اشاره برچسب های وارد شده ( از جمله استدلال ها).

ویژگی دیگر بسته شدن نیمه خودکار برچسب های "جفت شده" است. "Semi-" ، زیرا قبل از ظاهر شدن برچسب پایان باید کاری انجام دهید - یعنی دنباله را تایپ کنید.

متأسفانه ، هیچ "کلید میانبر" برای ورود سریع برچسب ها وجود ندارد. اما به عنوان غرامت - امکان انتخاب در سمت چپ در برگه "منابع" و دوبار کلیک برای قرار دادن هر برچسب. و برگه "Attributes" به شما امکان می دهد تا به تمام ویژگی های برچسب انتخاب شده نگاهی بیندازید و هر یک از آنها را تغییر دهید.

بسیار عملکرد مفید- جستجوگر نحوی HTML (فهرست "Tools> Tidy> Tidy (HTML)"). در زیر ، در برگه "خطاها" ، اطلاعاتی درباره همه خطاهای یافت شده (به عنوان مثال ، برچسب هایی که در طبیعت وجود ندارند) و هشدارها را دریافت خواهید کرد. متأسفانه ، تمام نویسه های سیریلیک با تشخیص "کد نویسه نامعتبر" در گروه دوم قرار می گیرند ، که تا حدی خروجی را بهم می ریزد.

برای وارد کردن برچسب های "پیچیده" - مانند تصاویر ، پیوندها ، جداول ، فرم ها - گفتگوی ورودی پارامتر وجود دارد ("جادوگران" نامیده می شود). به هر حال ، مشخص شد که استفاده از آنها برای درج SSI بسیار راحت است ، به خصوص هنگامی که اسکلروز از ترکیب حافظه آشنا و دردناک پاک می کند ...

درج تصاویر به عنوان "جادوگر" راحت است: در کادر گفتگوی استاندارد انتخاب کنید پرونده مورد نظر، یک امضای جایگزین (ویژگی alt) تنظیم کنید - و یک برچسب IMG با چسباندن خودکار دارید مقادیر قدو عرض ویژگی های دیگر مانند ترازبندی را می توان به راحتی با استفاده از برگه ای به همان نام ذکر شده در بالا تغییر داد. همچنین "جادوگر رنگ" - انتخاب کننده رنگ بسیار مفید - را نیز بررسی کنید.

از توابع سرویس - غلط املا ، گروه بندی چندین صفحه به پروژه ها (در اینجا "سایت" نامیده می شوند) ، پشتیبانی CVS ، انتشار پروژه با با استفاده از FTP... پیوندهای موجود در صفحه را می توان بر روی نمودار مشاهده کرد (با انتخاب یا "انتخاب" مشاهده> پیوند در منو) و بلافاصله ببینید کدام یک از آنها داخلی هستند ، کدام یک خارجی هستند و به طور کلی هیچ کجا نمی روند. به همین ترتیب ، توسط ، حالت پیش نمایش روشن است. در صورت تمایل می توانید از نمای موجود در یک مرورگر خارجی نیز استفاده کنید.

خوب ، یک کمک کاملاً دقیق و کاملاً روشن به شما امکان می دهد تا نه تنها با استفاده از روش «فشار علمی» بر ویراستار مسلط شوید.

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

نصف روسی شده ، اما در غیر این صورت بسیار خوب!

نمایش پیوندها مانند یک کابوس به نظر می رسد ... اما گاهی اوقات بدون آن نمی توانید کار کنید.

Quanta plus

ستاره KDE صادقانه سعی می کند در Gnome نیز کار کند ...

شاید، بهترین ویرایشگر HTML، بر اساس Qt ، و در واقع یکی از بهترین ها است. حالت اصلی کار ویرایش کد دستی است ، اگرچه یک حالت بصری نیز وجود دارد و همچنین یک حالت "ترکیبی" منحصر به فرد ، هنگامی که قسمت کار به دو قسمت تقسیم می شود: در بالا - چگونه صفحه به نظر می رسد. در زیر کد منبع وجود دارد. علاوه بر این ، می توانید صفحه را آنجا و آنجا ویرایش کنید - همه تغییرات به طور خودکار هماهنگ می شوند. یعنی با وارد کردن کد ، بلافاصله نتیجه را مشاهده می کنید ، یا بالعکس - با قرار دادن یک شکست خط ، بلافاصله می توانید ببینید که کدام برچسب این کار را انجام می دهد.

کلیدهای میانبر به طور پیش فرض به همه برچسب ها اختصاص داده نمی شوند ، اما همانطور که از یک برنامه معمولی KDE انتظار دارید ، آنها کاملاً قابل تنظیم هستند. تکمیل خودکار (مانند Screem ، که فقط به نویسه های بزرگ پاسخ می دهد) و نکات پارامترها با انفجار کار می کنند. بر خلاف Screem ، بسته شدن خودکار برچسب ها به خوبی اجرا شده است - برچسب بستن بلافاصله پس از باز کردن وارد می شود ، و مکان نما در بین برچسب ها قرار می گیرد. ویرایشگر هنگام درج برچسب توسط کلید میانبر، که به شما امکان می دهد در موقعیت تایپ مکان نما در روند تایپ کردن ، منحرف نشوید. تنها نکته بحث برانگیز این است که اگر یک برچسب ویژگی هایی را لازم داشته باشد ، یک کلید میانبر جعبه محاوره ای را برای وارد کردن آنها باز می کند. هنگام تایپ سریع ، این امر باعث حواس پرتی می شود و شما باید استفاده از کلیدهای میانبر را برای چنین برچسب هایی کاملاً کنار بگذارید.

اگرچه گفتگوها در برخی موارد مفید هستند - به ویژه "گفتگوی شروع سریع" ، که سند جدیدی ایجاد می کند و در آن قرار می گیرد الگوی استانداردصفحات html. برای ایجاد جداول دو گزینه وجود دارد (به غیر از موارد خالص) ورودی دستیو به صورت کاملاً تصویری) - "Table Editor" ، که به شما امکان می دهد جدول را مستقیماً در کادر محاوره ای پر کرده و برچسب ها را وارد کنید.

کار با سبک ها بسیار راحت است عناصر منفرد(دکمه CSS در برگه Style). و در اینجا توابع برای ایجاد CSSجداول مشابه آنچه در Screem یا Bluefish وجود دارد ، متاسفانه من در تحویل "پیش فرض" پیدا نکردم.

در پنجره ویرایش ، عملکرد "تاشو" کد را دوست داشتم ، وقتی همه خطوط مربوط به یک جدول ، عنصر PHP یا عنصر DIV را می توان در یک خط جمع کرد - این به شما امکان می دهد در هنگام ویرایش غیر ضروری باشید و دقیقاً بر روی آنچه لازم است تمرکز کنید.

در سمت راست و چپ جعبه ویرایش می توانید نوارابزارهای کمکی را پیدا کنید. مورد مناسب مسئول تماس با کمک و قسمت ویژگی برچسب های html است که عملکردهایی مشابه برگه "Attributes" در Screem را انجام می دهد - یعنی به شما امکان می دهد لیستی از ویژگی های هر برچسبی را که نشانگر بر روی آن قرار دارد مشاهده کنید و مقدار هر یک از آنها را تغییر دهید.

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

در منوی "Plugins" تعدادی از آنها را پیدا خواهید کرد برنامه های مفیدمربوط به ویرایش کد html: بررسی عملکرد پیوندها ، ابزاری برای کار با نقشه های تصویری ، جعبه ابزار CVS. با این حال ، با توجه به تمرکز Quanta Plus بر روی محیط KDE ، بسیاری از این موارد در Gnome کار نمی کنند.

قابلیت ویرایشگر به سادگی شگفت انگیز است - فقط به ترکیب منوی "تنظیمات" نگاه کنید. می توانید تقریباً همه موارد را برای خود شخصی سازی کنید: نوار ابزار ، برنامه های خارجی ، کلیدهای میانبر ، ظاهرخود ویرایشگر ، حالت های پیش نمایش ... به طور کلی ، در Quanta Plus یافتن چیزی که به طور پیش فرض ناخوشایند باشد و حتی به گونه ای که مطابق با عادات و تنظیمات شما قابل تغییر نباشد ، بسیار دشوار است.

بنابراین ، Quanta Plus (حتی با توجه به اینکه آزمایش در محیط Gnome انجام شده و برخی از عملکردها کار نمی کنند) تأثیر بسیار خوبی ایجاد کرد. قدرت ، انعطاف پذیری و شخصی سازی آن ، صرف نظر از سطح مهارت آنها ، نیازهای متشخص ترین رمزگذاران وب را برآورده می کند.

تقریباً چیزی برای شکایت وجود ندارد. و حتی طرح برجسته "K-style" نیز می تواند برای او بخشیده شود ...

ویژگی ها در سمت راست ، کد تاشو در سمت چپ ... چه کسی می تواند بیشتر بخواهد؟

رقیب اصلی برای رهبری در گروه "برای Gnome"

یکی از سردبیران مبتنی بر GTK طرح پنجره کاملاً استاندارد است - در بالای نوار ابزار ، به چندین زبانه تقسیم شده است. در سمت چپ سه زبانه وجود دارد (درخت فهرست برای کار با پرونده ها ، راهنما ، بوک مارک ها). در سمت راست ، قسمت اصلی ویرایش است. علاوه بر منوی اصلی با مجموعه موارد سنتی ، یک منوی سفارشی (در زیر نوار ابزار) وجود دارد که می توانید با استفاده از آن قطعات سریع "الگو" را وارد کنید ، مانند خط DOCTYPE ، برچسب های META ، نظرات ، سایر موارد مرتبط و برچسب های منفرد(می توانید هر نامی تنظیم کنید) و غیره علاوه بر HTML ، می توانید برخی از دستورات PHP ، SQL ، برچسب های DocBook ، چند قطعه استاندارد برای تنظیمات آپاچی(مسئول احراز هویت اولیه و ممنوعیت باز کردن پرونده های inc) و حتی مواردی در C. یعنی علاوه بر فایل های html ، Bluefish همچنین سعی می کند هنگام نوشتن یک پیکربندی معمولی .htaccess و هنگام درج ساده php از درد و رنج شما بکاهد. با انتخاب "منوی کاربر" ویرایش منو "، تعریف الگوهای مورد نیاز شما بسیار آسان است.

علاوه بر منوی نسبتاً گسترده "برچسب ها" ، که به شما امکان می دهد تقریباً هر برچسب را وارد کنید ، بسیاری از موارد جالب را می توان در "گفتگوها" مجاور یافت ، جایی که عملیات نیاز به ورودی دارد پارامترهای اضافیو به شما این امکان را می دهد که کل گروه از عناصر را با یک ضربه وارد کنید. به عنوان مثال ، "سند" عنوان اصلی (یا) بلافاصله اسکلت صفحه html آینده را وارد می کند - با سرصفحه ها ، برچسب های META و الگویی در زیر بدنه صفحه. به همین ترتیب ، می توانید الگویی را برای یک جدول وارد کنید ، قاب ها (در اینجا "قاب" نامیده می شود) و غیره ...

تب CSS شایسته ذکر خاص است - حتی اگر فقط سه دکمه روی آن پیدا کنید. دوم و سوم برای درج سریع برچسب های SPAN و DIV است. اما مورد اول به شما امکان می دهد تا به طور کامل ورق های سبک را ایجاد کنید. حتی اگر حتی یک دهم از پارامترهای احتمالی و مقادیر آنها را به خاطر بسپارید ، انتخاب یکی از موارد مورد نیاز از لیست کشویی و قرار دادن آن در جدول ایجاد شده کار دشواری نخواهد بود. دکمه "رنگ" در جعبه گفتگو به شما امکان می دهد رنگ را تنظیم کنید (در صورت لزوم) ، فقط با کلیک بر روی مورد نظر.

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

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

عملکرد کار با تصاویر کوچک تصویر جالب به نظر می رسید - یک پرونده را انتخاب کنید و توسط آن راهنمایی شوید پیش نمایش، برای تنظیم اندازه دلخواه از "نوار لغزنده" معمول استفاده کنید. ابزار انتخاب رنگ ("Dialogs" General "انتخاب رنگ") نیز مفید خواهد بود - با ماوس بر روی سایه ای که دوست دارید کلیک کنید ، و وقتی پنجره بسته می شود ، نمایش هگزادسیمال از آن به کد وارد می شود.

پشتیبانی از پروژه ها ، غلط گیری املا ، تعامل با برنامه های خارجی (ساخت ، کامپایلر javac ، جستجوگر نحو HTML ، تبدیل کاراکتر خاتمه خط DOS2UNIX ؛ اتصال تنظیم کننده شخصی خود در تنظیمات کاملاً آسان است). نتیجه را فقط در یک مرورگر خارجی می توان مشاهده کرد.

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

روشنایی و صفحات سفارشی قابل تنظیم به شما امکان می دهد تقریباً با هر کدی که برای توسعه یک وب سایت نیاز دارید ، کار کنید.

گفتگوی ایجاد صفحه سبک - نتیجه به قسمت ویرایش اضافه می شود.

Nvu

اگر این ویرایشگر WYSIWYG را انتخاب کرده اید ، ویرایش دستی را فراموش کنید

همانطور که انتظار دارید از یک برنامه "کاربر محور" ، این ایده فکری Linspire از حالت بصری به طور معمول استفاده می کند. با این حال ، با استفاده از برگه های موجود در پایین فضای کاری ، تغییر کاربری آن به حالت ویرایش منبع بسیار آسان است. در اینجا یک پیش نمایش و یک حالت به نام "برچسب های HTML" وجود دارد ، هنگامی که در صفحه (همانطور که در مرورگر به نظر می رسد) یک "برچسب" برای هر عنصر اعمال می شود ، نشان می دهد که کدام برچسب مسئول این عنصر است. برای تجزیه و تحلیل سریع کد شخص دیگر کاملاً راحت است - من برنامه دیگری برای این حالت پیدا نکردم.

کار در حالت تصویری تفاوت چندانی با پردازنده کلمات معمولی مانند OOo Writer یا AbiWord ندارد. و توافق کردیم که اساساً بر ویرایش "دستی" تمرکز کنیم.

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

عواقب

انتخاب بهترین ویرایشگر HTML کار دشواری بود. ماهی آبی در محیط Gnome مانند ماهی در آب احساس می کند (فقط هیچ شوخی در مورد رنگ ندارد ، خوب؟) ، اما هنوز هم فاقد قابلیت های یک پیروزی بی قید و شرط است. با این حال ، برای کسانی که به کار در Notepad عادت کرده اند ، این انتخاب نزدیک به ایده آل خواهد بود - کاملاً بدون مانع است (حتی تقریباً غیر قابل مشاهده است) ، اما در عین حال ، همیشه آماده کمک به شماست.

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

خوب ، Quanta Plus ، حتی وقتی در یک محیط غیر بومی برای خودش قرار گرفت ، هماهنگ ترین ترکیب عملکردهای "کمک کننده" و راحتی کار سریع را به نمایش گذاشت. توانایی شخصی سازی تقریباً همه چیز برای کسانی که دوست دارند "گشت بزنند" ضروری خواهد بود ، اگرچه به طور پیش فرض کلیدهای میانبر و ترکیب نوار ابزار کاملا راحت انتخاب می شوند. به طور کلی ، رهبر بلامنازع در این لحظهمعلوم شد که "یک بیگانه از سیاره KDE" به عنوان بالغ ترین و متفکرترین ویرایشگر HTML است که برای آن لورن های برنده را دریافت کرد.

آیا نمی توانید تصمیم بگیرید که چگونه بهترین ویرایش سایت خود را انجام دهید - به صورت دستی یا بصری؟ با Quanta Plus ، دیگر نیازی به پاره شدن بین دو حالت کار نیست!

برای اینکه بدانید آنها چقدر وظیفه خود را انجام می دهند.

این برنامه ها از بسیاری جهات شبیه به هم هستند. هر سه در درجه اول ویرایشگر کد با برجسته سازی نحوی ، قالب بندی هوشمند و سایر ویژگی ها هستند تا تایپ و ویرایش کد را آسان تر کنند. Screem با GNOME ارتباط نزدیک دارد ، در حالی که Bluefish هم در KDE و هم در GNOME عالی عمل می کند. Quanta Plus یک برنامه KDE است که همراه با KDE است. همه آنها از ویرایش بصری به نام WYSIWYG پشتیبانی می کنند (آنچه می بینید همان چیزی است که دریافت می کنید) ، همراه با قابلیت های پیشرفته ویرایش کد. این ویرایشگران می توانند با HTML ، JavaScript ، Cascading Style Sheets (CSS) و سایر زبانهای نشانه گذاری و اسکریپت نویسی کار کنند. همچنین توانایی مدیریت وب سایت ها و پروژه های وب ، از جمله پشتیبانی CVS را دارد.

می بینیم که این برنامه ها بسیار شبیه به هم هستند ، بنابراین باید ویژگی های چشمگیر هرکدام را برجسته کنیم. در این مقاله ، من به چگونگی کمک ویرایشگر وب در نوشتن برچسب های HTML ، CSS و DIV توجه کرده ام. هر برنامه ای دارد ویژگی های اضافیکه ممکن است برای نیازهای شما مناسب باشد.

من هر برنامه را با Spry Framework Adobe (تحت مجوز BSD منتشر شد) آزمایش کردم ، که به شما امکان می دهد JavaScript و XML (AJAX) Asynchronous را به وب سایت خود اضافه کنید. Spry Framework شامل مجموعه ای است اسکریپت های JavaScriptو ملافه ها استفاده و تغییر عناصر Spry به ویرایش ساده HTML و CSS نیاز دارد. این باعث شد Spry به عنوان یک همراه مناسب برای آزمایش های من باشد. در این سه ویرایشگر ، من توجه ویژه ای به ویژگی هایی که از آنها در برنامه های طراحی وب تجاری قدردانی می کنم ، توجه کردم ، به عنوان مثال بسته شدن خودکار برچسب ها ، انتخاب پارامترهای برچسب (شما یک برچسب را تایپ می کنید ، و ویرایشگر لیستی از پارامترهای ممکن را به شما ارائه می دهد) و مقادیر) ، پشتیبانی از فایلهای CSS متصل شده و JavaScript.

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

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

رابط Screem شامل 2 نوار ابزار است: پانل اصلی برای عملیات اساسی (باز کردن ، چاپ و ویرایش پرونده ها) و پانل کمکی که شامل 9 دکمه برای 9 مددکار است. با استفاده از آنها می توانید عناصر مختلف را به راحتی اضافه و سفارشی کنید: رنگ ها ، اشکال ، پیوندها ، تصاویر و جداول.

همچنین یک نوار کناری در سمت چپ وجود دارد که می تواند 5 پنجره را نمایش دهد:

فایل ها؛

درخت سند ، مناسب برای مرور در صفحات سایت ویرایش شده.

لیستی از پارامترهایی که بسته به برچسب تایپ شده به صورت پویا تغییر می کنند.

نمادهایی برای کار با برچسب C ، اگر در وب سایت شما موجود باشد.

Screem از 4 نوع نمایش صفحه وب پشتیبانی می کند:

به شکل یک کد - چیزی بیش از یک پنجره ویرایش منظم ؛

نمای درخت - کپی درخت سندی که در نوار کناری نمایش داده می شود.

پیش نمایش - نحوه مشاهده صفحه در مرورگر را نشان می دهد. یک اشکال بر اساس است عناصر جاوا اسکریپت Spry نمایش داده نمی شود.

به صورت پیوندها - نموداری که نشان می دهد بقیه صفحات سایت با صفحه فعلی و وضعیت آنها ارتباط دارند.

در زیر رابط کاربری ساده Screem یک ویرایشگر قدرتمند HTML پنهان شده است. فقط آرزو می کنم نصب آن در KDE راحت تر باشد. من Screem را روی Ubuntu LiveCD آزمایش کردم تا از گردآوری و بارگیری کتابخانه های GNOME لازم برای اجرای این ویرایشگر در KDE جلوگیری کنم. با این وجود ، Screem نمونه بارز برنامه ای است که وظیفه عالی را انجام می دهد ، در حالی که از حداقل استفاده می کند توابع اضافی... اگر از GNOME استفاده می کنید ، ممکن است Screem برای شما مناسب باشد. اگر از KDE یا محیط دیگری استفاده می کنید ، برای کار با این ویرایشگر مجبورید کتابخانه های دیگری را بارگیری کنید.

ماهی آبی

ماهی آبی از بسیاری جهات پیچیده تر از Screem است ، اما همه کاره است. علاوه بر HTML و CSS ، به شما امکان می دهد C ، Java ، Perl ، Python ، XML و چندین زبان دیگر را ویرایش کنید. برای کار با HTML و CSS ، این ویرایشگر قابلیت های مشابه Screem را دارد. با این حال ، برخلاف مورد دوم ، Bluefish لیستی از پارامترهای برچسب برای انتخاب ارائه نمی دهد و همچنین با تغییر برچسب باز کردن ، برچسب بسته شدن را تغییر نمی دهد.

با این وجود ، Bluefish به خوبی سازمان یافته است و استفاده از آن آسان است. از طریق منوی برچسب ها ، می توانید برچسبی را انتخاب کرده و آن را روی متن انتخاب شده اعمال کنید ، یا اگر متن انتخاب نشده است ، به راحتی برچسب ها را وارد کنید. برچسب ها در منو به 9 دسته تقسیم می شوند: سرصفحه ها ، ویژه ، قالب بندی ، قالب بندی متنی ، قالب بندی عمومی ، جدول ، لیست ، فرم و سایر. منوی Dialogues چندین گفتگوی (مشابه کمک کنندگان در Screem) را برای انجام کارهای مختلف فراهم می کند: اضافه کردن پیوند ، جدول ، فرم یا سبک CSS. در گفتگوها ، لیستی از مقادیر پارامتر را برای برچسب های مختلفی که Bluefish در سند وارد می کند وارد می کنید. از طریق گفتگوها نیز تولید می شود راه اندازی اولیهسند را با اضافه کردن برچسب های متا ، پیوند به ورق های سبک ، و غیره منوها مستقل از زمینه هستند ، یعنی اگر شما در حال ویرایش یک فایل Python هستید ، آنها همچنان توابع کار با HTML را ارائه می دهند.

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

Bluefish یک ویرایشگر HTML بسیار توانمند است ، به خصوص اگر مجبور باشید چیزهای زیادی به زبان های PHP ، JavaScript ، Java و سایر زبان های پشتیبانی شده بنویسید. تمام ویرایش ها در Bluefish اساساً از طریق منو انجام می شوند ، و این باعث می شود تعامل کمتری نسبت به Screem داشته باشد که همان کار را به صورت پویا انجام می دهد در حین تایپ کردن من. با این حال ، قابلیت های Bluefish فراتر از ویرایش ساده HTML و CSS است. بعلاوه ، این نرم افزار روی KDE و GNOME بصورت یکپارچه نصب و اجرا می شود.

Quanta plus

Quanta Plus در اصل ویرایشگر کد است. برخی از قابلیت های WYSIWYG را دارد ، اما آنقدرها که در نگاه اول به نظر می رسد مفید نیست. به محض اینکه یک جدول به یک صفحه وب کوچک اضافه کردم ، پیش نمایش برای من دیگر کار نکرد. این کمی من را متعجب کرد ، زیرا در همان زمان صفحه پیچیده تری بارگیری شد و پیش نمایش آن به طور معمول نمایش داده شد. اما حتی هنگامی که پیش نمایش خوب کار می کند ، پشتیبانی نسبتاً عجیبی از ویرایش WYSIWYG وجود دارد. به عنوان مثال ، با فشار دادن کلید "Enter" به جای برچسب پاراگراف جدید ، یک برچسب شکست خط وارد می شود. همین امر هنگام ویرایش لیست اتفاق می افتد ، هنگام فشار دادن کلید "Enter" در تئوری باید یک مورد جدید در لیست ایجاد کنید. به طور کلی ، پیش نمایش بهتر است برای مشاهده نتیجه باشد ، نه برای ویرایش مستقیم.

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

دوباره مانند Bluefish ، ایجاد می کند صفحه جدیدبهتر است با منوی برچسب ها شروع کنید ، جایی که می توانید گفتگویی برای ایجاد ساختار اصلی (برچسب های متا ، عنوان سند و غیره) پیدا کنید. از طریق منوی برچسب ها ، می توانید برچسب را وارد کنید یا یک گفتگوی برای پیکربندی یک برچسب با چندین پارامتر باز کنید. به نظر من مهمترین چیز این است که Quanta Plus پیشنهاد می کند پارامترهای برچسب و مقادیر این پارامترها را در فرآیند تایپ کد انتخاب کند. Bluefish به خودی خود این ویژگی را ندارد و Screem فقط از شما می خواهد که یک گزینه و نه یک مقدار را انتخاب کنید.

یکی دیگر از ویژگی های مفید ، هنگام وارد کردن برچسب ، که معمولاً دارای برچسب های مرتبط است ، Quanta Plus به طور خودکار مورد دوم را اضافه می کند. به عنوان مثال ، هنگامی که برچسب لیست مرتب شده را وارد می کنید ، ویرایشگر به طور خودکار برچسب های باز و بسته شدن یک مورد لیست و بسته شدن برچسب لیست مرتب شده را اضافه می کند.

کنترل CSS در Quanta Plus کمی گیج کننده است ، زیرا از طریق دو مورد انجام می شود جعبه های گفتگو... اما اگر آن را فهمیدید ، ویرایش CSS بسیار آسان می شود. برای ایجاد یک سبک CSS ، ابتدا باید کادر گفتگوی "CSS Selector" را باز کنید تا عنصری را که سبک به آن اعمال می شود ، تعریف کنید. سپس با دوبار کلیک بر روی "CSS Selector" ، به گفتگوی بعدی "CSS Editor" بروید ، در آن می توانید تمام پارامترهای سبک را مشخص کنید. در نتیجه ، ما کد CSS کاملاً قالب بندی شده را دریافت می کنیم.

Quanta Plus پیچیده ترین ویرایشگر از این سه مورد است ، اما همچنین قادرترین است. خبر خوبی است که می توانید رابط Quanta Plus را متناسب با نیازهای خود تنظیم کنید. این ویرایشگر برای برآوردن نیازهای کاربرانی که کد HTML و CSS را می نویسند و ویرایش می کنند ، هر آنچه که شما نیاز دارید و موارد دیگر را ارائه می دهد. برای کسانی که از GNOME استفاده می کنند ، برای نصب Quanta Plus باید کتابخانه های اضافی بارگیری شود ، اما ارزش آن را دارد. کاربران KDE این مشکل را نخواهند داشت زیرا ویرایشگر در KDE تعبیه شده است.

توصیه ساده من استفاده از Quanta Plus برای ویرایش فایل های HTML و CSS است. برای کسانی که به دنبال راه های آسان نیستند ، گزینه های زیر را ارائه می دهم:

اگر کاربر GNOME هستید ، Screem را نصب کنید. ساده ، سریع و کافی است ویرایشگر قدرتمندبرای ویرایش وب. با این حال ، برخلاف Bluefish و Quanta Plus ، به همان اندازه گزینه های زبانی را که مستقیماً با ویرایش وب ارتباط ندارند ، ارائه نمی دهد.

اگر کاربر GNOME هستید و به ویژگی های بیشتری نیاز دارید ، با بارگیری کتابخانه های اضافی ، Quanta Plus را نصب کنید.

اگر کاربر KDE هستید و به ویرایشگر کد نیاز دارید ، Quanta Plus انتخاب شماست. ویژگی های WYSIWYG را نادیده بگیرید و از قدرت کامل ویرایش ، به ویژه برای CSS استفاده کنید.

برای کاربران Xfce ، Quanta Plus به خوبی کار خواهد کرد. Screem به کتابخانه های اضافی نیاز دارد.

سرانجام ، اگر کاربر GNOME هستید و به ویژگی های قدرتمندی نیاز دارید اما نمی خواهید کتابخانه های دیگری را برای کار با Quanta Plus نصب کنید ، Bluefish مناسب شما است.

خوب است که حداقل سه برنامه مناسب توسعه وب برای لینوکس وجود دارد. Screem ، Bluefish و Quanta Plus کاملاً به اندازه رهبر Adobe Dreamweaver در این زمینه جامع نیستند ، اما به اندازه کافی به آن نزدیک می شوند. Quanta Plus تقریباً مشابه Dreamweaver است. با توجه به اینکه مورد دوم بسیار گران است و به طور پیش فرض از لینوکس پشتیبانی نمی کند ، سه گانه فوق یک انتخاب عالی است. این ویراستاران علاوه بر رایگان بودن ، به کاربران خود نتایج بسیار خوبی نیز می دهند.

اگر مقاله را دوست داشتید ، آن را با دوستان خود به اشتراک بگذارید:

ویرایشگرهای منبع لینوکس. نحو برجسته ویراستاران. ویرایشگرهای C ، C ++. ویرایشگرهای PHP ، Perl ، HTML.

• Notepadqq یک ویرایشگر کد ساده برای برنامه نویسان مبتنی بر ++ Notepad است.

• Visual Studio Code یک ویرایشگر کد کاربردی از طرف مایکروسافت است.

• اتم

  Atom یک ویرایشگر کد مدرن ، راحت و کاربردی است. دارای مدیر بسته (افزونه) داخلی برای گسترش قابلیت ها.

• براکت - ویرایشگر رایگانبرای طراحان و توسعه دهندگان وب. عمدتا برای نوشتن و ویرایش کد های HTML ، CSS و JavaScript در نظر گرفته شده است.

• Textadept - ویرایشگر متنبرای برنامه نویسان ساخته شده در سبک مینیمالیستی ، به شما امکان می دهد به اشتراک بگذارید پنجره کاررا به چندین قسمت و همزمان یک یا چند فایل را مشاهده کنید. برجسته سازی نحوی برای اکثر زبان های برنامه نویسی پشتیبانی می شود.

• JuffEd یک ویرایشگر کد برای لینوکس است. این برنامه می تواند کد (نحو) را برجسته کند ، از جمع شدن بلوک های کد ، براکت های زوج برجسته و موارد دیگر پشتیبانی می کند. ویرایشگر از نظر عملکرد شبیه Notepad ++ است.

• NetBeans یک محیط توسعه نرم افزار یکپارچه رایگان و قدرتمند است (IDE). پشتیبانی از زبان های برنامه نویسی Java، PHP، JavaScript، Ajax، Ruby، Ruby on Rails، C / C ++ و غیره.

• مراقبه

  Medit یک ویرایشگر متن برای Linux با برجسته سازی نحوی است. از زبان های اصلی برنامه نویسی و زبان های نشانه گذاری پشتیبانی می کند.

• Screem - سایت CReating و Editing EnvironMent یک ویرایشگر متن برای طراحان وب است. Screem در درجه اول برای نوشتن کد HTML یا XML در نظر گرفته شده است.

بروزرسانی (20170929): برای یک سال گذشته ، من از Pinegrow IDE بسیار جذاب (https://pinegrow.com) استفاده کرده ام و از صمیم قلب آن را توصیه می کنم. BlueGriffon ، که چند سال پیش در جواب خود به آن اشاره کردم ، منسوخ شدهو در توسعه بسیار عقب از Pinegrow عقب است.

BlueGriffon را توصیه می کنم. این برنامه رایگان است ، دارای ویژگی های غنی است ، در همه سیستم عامل های بزرگ کار می کند و دارای بسیاری است اضافات خوببرخی از آنها تجاری هستند. من یک پلاگین CSS (تجاری) دارم و از آن بسیار راضی هستم. من قبل از اینکه BlueGriffon را پیدا کنم از KompoZer استفاده کردم. من فروتنانه معتقدم که آمایا نمی تواند با این دو رقابت کند.

گزینه خوب Eclipse با برخی از افزونه های WYSIWYG مانند JavaServer Faces (JSF) Tools Tools Project است که بخشی از Eclipse Webtools است.

شیان

متأسفانه BlueGriffon پایدار نیست: به محض کلیک کردن روی برخی از قسمت های صفحه کنترل ، با خطای تقسیم بندی ظاهر می شود.

user1908895

متأسفانه ، Blue Griffon منبع آزاد یا رایگان نیست. اوه ، می توانید اجرایی را بارگیری کنید و منبع در دسترس است. اما این به هر قابلیت مفیدی مربوط می شد. برای کارایی برنامه باید پلاگین های منبع بسته را خریداری کنید. همچنین ، به نظر می رسد که از کاربران 32 بیتی اوبونتو دست کشیده است. من دلایل تجاری دارم که شرکت خود را تا آنجا که ممکن است روی 12.04LTS نگه دارم تا احمق باشیم. سرانجام ، رد XUL API توسط موزیلا به این معنی است که این برنامه ، همراه با همه برنامه های دیگر که از XUL API استفاده می کنند ، از بین می رود. محصولی نیست که وقت خود را تلف کنید. جان

فهیم میتها

من نیاز به ویرایش سریع و کثیف صفحه html داشتم و باینری که از سایت BlueGriffon بارگیری کردم برای من مفید بود (دبیان جسی). اگرچه در دبیان / اوبونتو در دسترس نیست