Сага про Web-редакторах, Інші текстові редактори і програми для верстки, Програмні керівництва, статті

Linux RSP Web Site

Зміст

Навіщо потрібні web-редактори? Неважко сказати. Для того, щоб робити web-сторінки. Навіщо потрібні останні – тема зовсім іншої розмови. А як їх робити – пару слів сказати варто.

Преамбула про web-редакторах взагалі

Робити web-сторінки можна двома способами: безпосередньо писати html-код і проектувати сторінку, так би мовити, візуально. Другий спосіб – легше, перший – краще (і на коло – простіше). Відповідно, всі web-редактори діляться на дві категорії – WISIWIG-редактори і HTML-редактори. Існують і проміжні варіанти. І кращі представники обох категорій мають у своєму арсеналі як візуальні засоби, так і можливість прямого редагування коду.

Всякого роду web-редакторів під Windows – безліч. І неабияка частина їх – безкоштовна або умовно-безкоштовна. А як справи для Linux? Одним із перших моїх занять по залученні до цієї системи стало дослідження питання про web-інструментарії.

Із загальних міркувань (тобто декларованою орінетірованності Linux на Інтернет) можна подумати, що web-редакторів для цієї платформи має бути неміряно. Однак уважне вивчення великих ftp-архівів і найголовніших сайтів з колекціями Linux-програм вносить суттєві корективи в це умоглядне уявлення.

Насамперед виявляється, що значна частина коштів, перерахованих у відповідних розділах програмних архівів – це всякого роду html-розширення для звичайних текстових редакторів, типу vi або emacs. Зрозуміло, в текстовому редакторі можна робити web-сторінки. Деякі навіть вважають Notepad кращим web-редактором усіх часів і народів. Але, по моєму, вони лукавлять. Адже і дошки можна ножем стругати. Однак краще це робити рубанком …

А власне web-редакторів для Linux можна виявити близько дюжини. Свого часу я провів детальний розгляд їх розгляд на предмет профпридатності взагалі і для мене особисто – зокрема. В результаті чого більша частина їх була з обуренням відкинуті.

Причому з різних причин. Одні (CoffeCup, скажімо) були відкинуті як комерційні (і не безкоштовні) програми (адже збереження гаманця разом з чистотою совісті – одна з мотивацій користувача Linux, чи не так?). Інші (як Amaya і Bulldozer, нехай пробачать мене їх творці) здалися мені відверто слабкими. Дещо (Netscape Composer) викликало антипатію ще з часів Windows (“Ну не подобаєшся ти мені …). Або викликало проблеми при роботі з кирилицею (адже живемо ми в країні, де здебільшого говорять по російськи). Або не мало належної кількості налаштувань – через поганий зір я дуже чутливий до екранних шрифтів (asWedit, Erwin). Дещо (KDreamsite, Galway, KWebDev, screem) являло собою дуже ранні альфа-версії і не мало багатьох запланованих функцій, або відрізнялися нестійкістю в роботі, або просто компілювався з помилками.

У результаті список web-редакторів звівся до трьох позиціях – WebMaker, Quanta, Bluefish. Всі вони належать до категорії редакторів html-коду. Перші два базується на бібліотеці Qt і призначені для функціонування в графічному середовищі KDE. Bluefish – Gtk-додаток, орінетірованное на застосування з графічної середовищем GNOME; хоча, за наявності відповідних версій бібліотек, здатний запускатися і без неї. Ось про них-то я і поговорю у цій сазі.

Можливо, мій вибір несе відтінок суб’єктивності – сперечатися не буду. Проте думається, що ці html-редактори зараз є найбільш закінченими пакетами, і чи не єдиними, придатними до практичного використання.

Адже кому і для чого потрібні редактори html-коду? Сфера їх застосування, на мій погляд, двояка. По-перше, пряме написання коду – це найпростіший спосіб зробити окрему сторінку або невелику серію пов’язаних сторінок. Типу, скажімо, наукової статті з супутньою графікою, таблицями, бібліографією та іншими академічними атрибутами. По-друге, тільки за допомогою html-редактора можна виконати великий проект по створення складно структурованого і часто оновлюваного контент-сайту. Відповідно, і html-редактори орієнтовані (або повинні бути орієнтовані) на дві групи користувачів – епізодично застосовують їх фахівців у будь-яких предметних областях і професіоналів-контентщіков.С цих позицій, на мій погляд, вони і повинні оцінюватися.

Проте, щоб не нав’язувати своєї думки, пізніше я коротко опишу кілька html-редактори з відкинутої частини їхнього списку, по-перше, ті, які є закінченими продуктами, але чомусь мені не сподобалися, по-друге, пакети, що знаходяться в стадії розробки і не цілком функціональні, але представляються перспективними. І на закінчення вже зовсім коротко (з причин, станущім ясними з опису) охарактеризую візуально-орієнтовані web-редактори.

Почну з того редактора, який виявився історично першим (для мене), і який я активно застосовував до недавнього часу. Ім’я йому –

WebMaker

До недавнього часів WebMaker був практично єдиним повнофункціональним і працездатним html-редактором з нормальною підтримкою кирилиці. Останнє – не дивно, оскільки написаний він нашим співвітчизником Олексієм Децем (якому я, користуючись нагодою, хотів би висловити вдячність за коментарі та доповнення до одного з перших моїх описів цієї програми).

Поточна версія WebMaker (0.8.5), на жаль, не оновлювалася вже близько року. До деякого часу вона була доступна на сайті автора у вигляді вихідних текстів та серії бінарних пакетів у форматах tar.gz і rpm. Причому rpm-пакети були в декількох варіантах, компільованих для RedHat 5 просто, RedHat 5 і процесора не нижче PentiumPro / II, а також для RedHat 6.

Однак нині сайт цей (як і батьківський по відношенню до нього http://www.services.ru/) не подає ознак життя. І тому WebMaker доведеться пошукати на http://linux.tucows.com або на http://rpmfind.net/linux/RPM/. Крім того, його можна зустріти і в складі деяких дистрибутивів (Suse, оригінальний Mandrake).

Загальне уявлення

Як вже говорилося, Webmaker – це KDE-додаток, що базується на бібліотеці Qt. Наявність цих компонентів в системі, відповідно, необхідно для його функціонування. Втім, якщо вони встановлені – Webmaker працює і в інших віконних середовищах – GNOME, WindowMaker, IceWM, AfterStep, BlackBox. Словом, у всіх, що входять в поставку Linux Mandrake 7.0/RE, перевірено особисто.

Основу WebMaker становить текстовий редактор Kedit, що й обумовлює багато його функціональні особливості. З цієї ж причини поточна його версія не працює в середовищі KDE 2.

Візуально Webmaker включає меню досить стандартного вигляду, три інструментальні панелі (це – за умовчанням, насправді – до восьми), і два вікна – дерева каталогів зліва (за замовчуванням – від /) і вікна html-коду – справа.

Верхня, головна, панель включає кнопки операцій з файлами (створення, відкриття, збереження) і текстами (вирізання, копіювання, вставка, пошук), перегляду в зовнішньому браузері (Netscape Navigator), а також кнопки управління третьої, перемикається, панеллю.

Друга, загальна, панель – це кнопки, що відповідають найбільш вживаним тегам HTML:

Третя панель – перемикається, може містити кнопки кілька груп тегів, частково дублюючих такі другій панелі:

Крім того, дві кнопки головної панелі – фреймів і JavaScript, – викликають альтернативні порожні панелі. Оскільки редагування користувачів вони, начебто, не піддаються, можна припустити їх заповнення в прийдешніх (дуже на це сподіваюся) версіях.

Всі панелі, за винятком головної, повністю настроюються, як буде показано нижче. Крім того, замість альтернативного перемикання Третя панель, можна включити показ додаткових.

Меню аж ніяк не дублює панелі з кнопками: багато дій можуть бути виконані тільки через нього. Тому розглянемо меню детальніше.

У пункті Файл, як неважко здогадатися, саме це (тобто операції з файлами) і присутні: тут можна створити порожній файл або файл з шаблону, відкрити файл (у тому числі недавній), зберегти файл (У тому числі під іншим ім’ям) або всі відкриті файли, закрити – також один або всі файли (дуже зручно, якщо відкрито два десятка документів). Тут же – вставка файлу (текстового), імпорт текстових файлів в кодуваннях KOI-8 і Win1251, а також документів Word 97 і експорт в документ з кодуванням Win1251. Ну і, природно, друк і вихід їх програми.

Правда, ні перекодування, ні експорт / імпорт просто так не працюють. Для підтримки перекодування необхідно мати встановлену програму recode (причому не стандартний GNU recode, а російського виробництва), а для експорту / імпорту документів Word – програму mswordview.

У пункті Редагування – стандартні опції Вирізати, Копіювати, Вставити і т.д., а також пошук і заміна і перехід до рядка. Слід сказати, що можлива заміна відразу декількох рядків коду, що зустрічається не часто.

Дуже цікавий пункт Tools. Тут є підпункти Tag Chooser і Edit Tag. Перший дозволяє вибрати тег зі списків, расклассіфіціровани по групах. Після чого будь-який тег може бути відредагований (в щодо атрибутів та іншого) через другий підпункт; втім, для редагування тега досить клацнути на ньому (у вікні html-коду) правою клавішею і з меню, що вибрати Edit Tag. Тут же – створення шаблону таблиці (із зазначенням заголовка, шапок для рядків і колонок і кількості тих і інших), а також конвертація в Win1251 і, навпаки, в KOI-8 (також, як говорилося, що вимагає recode).

Пункт меню Tags повністю дублює другий інструментальний панель: тут вводяться теги шріфтоначертаній, заголовків, параграфів і інші з найбільш вживаних. А пункт Вид – перегляд в зовнішньому браузері, тобто тому ж Netscape Navigator (викликається також по F11).

Вельми представницький також пункт Настройки, про який детальніше – трохи нижче.

Пункт меню Windows – це просто перемикання між відкритими файлами, його можна виробляти і по закладках у верхній частині вікна html-коду.

Нарешті, є і Допомога – Короткий (але майже вичерпне) керівництво (в форматі html) за встановлення та налаштування програми, а також деякі відомості про роботу з нею: враховуючи повну прозорість інтерфейсу – Більшого, мабуть, і не треба.

Можливо, читача дратувала мішанина з російських і англійських назв пунктів меню: це я не для прикрас, так і є в тій версії, яка у мене працює в поєднанні з русифікованим KDE; для останнього подібний російсько-англійський діалект взагалі характерний – сподіваюся, що тимчасово, до повного перекладу системних повідомлень. Так що, щоб не займатися ні прямим, ні зворотним перекладом, я наводжу назви “As is”.

Можливості налаштування

WebMaker відрізняється багатством настроювань. Велика частина яких здійснюється через пункт головного меню Установки. Тут можна:

У налаштуваннях ж є неактивізованому опція External Browsers: Шерлок Холмс напевно припустив би, що автор припускає в майбутньому дати можливість підключати їх декілька.

Легко бачити, що через меню можна налаштувати інструментальні панелі, що було обіцяно вище. Це можна зробити тільки вручну, редагуванням конфігураційного файлу webmaker-toolbarrc. Процедура ця докладно описана в керівництві (хоча воно і носить назву Короткого). Також вручну слід задати параметри перекодування кириличних текстів та експорту в формат MS Word.

Функціональність

А тепер розглянемо уважніше те, що і додає WebMaker його неповторність, принаймні для платформи Linux, – дерево каталогів. Воно ж є певною мірою засобом управління проектом. Його можна згорнути або розгорнути до будь-якого наявного рівня вкладеності. Подвійний клацання лівою клавішею миші на імені html-файлу відкриває його в вікні редагування коду; то ж на імені файлу з зображенням (GIF, JPEG або PNG) – вставляє малюнок (тобто тег img src = “./020920111200008606.html” у відкритий справа файл (у позиції курсору). Клацання правою клавішею на імені файлу або каталогу відкриває меню з пунктами Open (тільки для файлів), Rename, Видалити, New Directory. Правда, перейменування файлу не оновлює посилань, наявних на нього в інших файлах, як це реалізовано в Dreamweaver для Windows. Але в порівнянні з блідими засобами управління проектом у багатьох інших web-редакторах для Linux – і це вже добре. Та й структура сайту виглядає вельми наочно.

А тепер – власне про вікно редагування html-коду. При запуску WebMaker в ньому відкривається порожній безіменний файл, який при відкритті існуючого файлу заміщається ім. Файлів можна відкрити скільки завгодно – кілька десятків – вже точно. Правда, при цьому відповідні їм закладки йдуть за правий край вікна, але дістатися до відкритих файлів можна черех пункт меню Windows.

Новий же файл можна створити порожнім або з шаблону. Шаблони в WebMaker – це просто ті ж html-файли, тому створення власних – труднощів не представляє. Однак, скажімо, змінити шаблон для проекту в цілому, щоб це відбилося на всіх складових його документах – не можна.

Робота зі новоствореним (порожнім, для визначеності) файлом – гранично проста. Всі необхідні теги, починаючи с! Doctype (для HTML 4.0 – Transitional, Frameset, Strict) і метатегов, проставляються шляхом кнопок з панелі, пункту меню Tags або, якщо вони не представлені ні там, ні там – через Tag Chooser (зрозуміло, можна – і вручну, вводячи з клавіатури). Якщо тег вводиться кнопкою або з меню, при наявність у нього атрибутів – викликається панель відповідних опцій, де атрибути та їх значення можуть бути визначені в автоматичному чи напівавтоматичному режимі. Якщо замість цього натиснути кнопку скасування – В документі виявиться тег без атрибутів. Він може бути легко відредагований: як уже говорилося, для цього досить клацнути на ньому правою клавішею миші – викликається та ж сама панель редагування тегів.

За допомогою панелі редагування тегів можна спростити введення досить складних подій, які надають динаміку html-документу, таких, як події по дії миші або введення з клавіатури (OnBlur, OnFocus, OnMouseUp, OnClick тощо), якщо вони мають сенс для даного тега.

Усі теги не просто розцвічені, але різні їх групи (коментарі, посилання і якоря, скрипти, стильові і шрифтові, табличні теги і теги зображень) виділено кожна своїм кольором. Який, як і шрифт в вікні коду, можна налаштувати за власним смаком та зору. Що дуже полегшує і оживляє роботу.

Все сказане дозволяє стверджувати, що WebMaker – повнофункціональний і зручний в обігу html-редактор, нітрохи не поступається своїм безкоштовним аналогам під Windows (наприклад, Arachnophilia або SiteAid). І народжує підозру, що недоліків у нього – ні.

Звичайно, це не так. Про слабкість засобів управління проектом (відсутність перевірки цілісності посилань, хоча б тільки локальних, і їх контролю при перейменуванні / переміщенні файлів всередині проекту) говорити не буду: більш потужні інструменти такого роду є тільки в комерційних web-редакторів класу Dreamweaver або HomeSite. Але викликає здивування відсутність власного ftp-клієнта: ця функція, по Здається, вже стала стандартною для мало-мальськи розвинених web-редакторів. Правда, особисто мене це не заважає: з WebMaker я працюю вдома, де немає Мережі, а uploading проводжу на роботі, де поки що (сподіваюсь) немає Linux. Проте – недогляд.

Крім того, в поведінці програми є деякі дивності. Так, при збереженні файлу під іншим ім’ям, мало того що вона норовить зробити це не за місцем знаходження вихідного файлу, а за місцем останньої записи (а іноді – в довільний каталог усередині / $ home): цим грішать багато пакети, і не тільки під Linux, але і ім’я початкового файлу – теж скидається (хоча і не завжди). До того ж html-файлу розширення автоматично не присвоюється – про це потрібно потурбуватися самому.

Інша дивина – виділення фрагмента коду іноді мимовільно зміщується в інше місце, хоча – і не далеко, тому при вставці виділеного фрагмента середньої клавішею миші (а WebMaker щосили підтримує цю приємну особливість Unix; не уявляю вже, як я без цього жив раніше) до цільового точці може з’явитися не зовсім те, що задумувалося. Тут потрібна увага.

Крім того, до недоліків я б відніс і відсутність функцій Undo і Redo, хоча б однорівневого; правда, це викликано відсутністю їх у вихідному текстовому редакторі, Kedit.

Однак все це – не більш, ніж дрібні причіпки. Щоб не подумали, що я, подібно Бруту, продався громадським (тобто программопісательскім) працівникам. Тим більше що велика частина їх – вже виправлена автором (правда, тільки у вихідних текстах, які нині, сподіваюся, тимчасово, недоступні).

А ось чого хотілося б ще бачити (крім засобів перевірки посилань, про які я вже стільки говорив) – це (у порядку побажання):

Тоді WebMaker стане просто верхом досконалості. Втім, хороший він і в своєму сьогоднішньому вигляді. Що я спробував довести на практиці: до недванего часу я підтримував свій сайт (http://linuxsaga.newmail.ru) виключно його засобами.

Quanta

html-редактор Quanta (поточна версія на момент написання – 1.04) створено киянами Дмитром Поплавським і Олександром Яковлєвим спільно з Еріком Лаффуном (Eric Laffoon). Він доступний на сайті авторів (http://quanta.sourceforge.net), Де представлений бінарними архівами (tar.gz, tar.bz2, rpm) обсягом від 350 до 500 Кбайт. Є, звичайно ж, і вихідні тексти.

Установка програми, принаймні в rpm-варіанті, ніяких проблем не викликає. Єдине, оскільки Quanta є KDE-додаток, потрібні відповідні інгредієнти – KDE саме по собі і бібліотека Qt версії не нижче 1.44. При наявність цих умов Quanta може бути запущена в будь графічному середовищі. Принаймні, в тих середовищах, які я випробував (WindowMaker, XFce, FLWM, FailSafe. IceWM) – ніяких проблем не виникло.

Слід зауважити, що основу Quanta складає штатний текстовий редактор KDE Kwrite, і тому він не працює в середовищі KDE 2.

Загальне уявлення

Quanta благополучно вбудовується в стартове меню KDE, але, зрозуміло, може бути запущена і з вікна терміналу. Після запуску програми виникає вікно досить стандартного вигляду, cодержащее рядок меню і головну інструментальну панель з кнопками для операцій загального призначення: створення, відкриття і збереження файлу, вирізання, копіювання і вставки, Undo і Redo, пошуку, перемикання режимів перегляду, навігації.

Як можна бачити, простір нижче за замовчуванням розділене на три фрейми. Ліве містить три закладки: Files, Projects, Struct, Docs. Включення першої викликає дерево каталогів. Друга забезпечує управління створюваними проектами, про що скажу трохи пізніше. Третя закладка демонструє структуру поточного html-документа, включаючи заголовкові теги, рубрикацію, внутрішні посилання (anchors) і т.д. Перемикання на закладку Docs призводить до виклику документації по програмі.

Справа – власне робоче поле. Якщо в дереві каталогів включені перші три закладки, в ньому відображається html-код відкритого файлу (якою відкривається подвійним клацанням на імені в дереві каталогів). А закладки вище дозволяють перемикатися між основними групами тегів.

При перемиканні на закладку Doc тегів закладки в правому фреймі зникають, а вміст фрейма становить система документації програми, відображена в браузероподобном вигляді.

Нарешті, нижній фрейм представляє собою відображення поточного html-файла у вбудованому браузері (за характеристиками подібному браузеру kfm). Розміри всіх фреймів можуть бути змінені вручну. Крім того, фрейми дерева каталогів і попереднього перегляду можуть бути відключені відповідними кнопками на головній панелі інструментів. Які, до речі кажучи, забезпечені спливаючими підказками.

Огляд можливостей

Всі доступні в Quanta дії можуть бути виконані з меню, за допомогою кнопок на основній та додаткових інструментальних панелях, по клацанню правою клавішею миші. Ну і, зрозуміло, вручну. Яким чином? Спробую описати по порядку.

У меню File можна

Пункт Edit включає стандартні операції – вирізання, копіювання і вставки, Undo і Redo, пошуку і заміни, переходу до рядка за номером.

У пункті View – включення / відключення інструментальної панелі, статусного рядка, дерева каталогів, вікна повідомлень (при перевірці сінатксіса HTML), вікна попереднього перегляду. Тут же – оновлення останнього; якщо цього не зробити, скільки б файлів ви не відкрили, в ньому буде показуватися файл, відкритий першим.

Основним у меню представляється пункт Tags. Який повністю дублюється кнопками додаткових інструментальних панелей, чому і скажу про них разом.

І так, в пункті Tags є наступні підпункти, відповідні закладок для додаткових панелей:

Передбачена можливість автоматичного редагування введених тегів та їх атрібутов.Сделать це можна через головне або контекстне (по правій клавіші миші) меню, а також за допомогою гарячих клавіш. При цьому редагування здійснюється двояко: власне редагування тега (Edit cuttern tag), у тому числі приписування йому якихось дібо подій, або додавання і зміна атрибутів тега (Attributes of tag).

Повертаючись до меню, скажу, що в пункті Bookmarks можна встановити або знищити закладки в тексті (ті, що іменуються bookmark, а не anchor), а в пункті Options – налаштувати параметри редактора (про що – нижче).

Залишилось сказати тільки про пункт Help. Він містить детальну вбудовану документацію (правда, тільки англійською мовою), аналогічну за змістом вищезгаданої закладці Doc у фреймі дерева каталогів. Є також контекстний help, що викликається правою клавішею миші (про що детальніше скажу трохи нижче).

І так, дії через меню і через експериментальні панелі практично ідентичні, не тільки по функціональності, але і по організації. Що ж стосується маніпуляцій по клацанню правою клавішею миші, то вони різні в поле дерева каталогів і в робочому полі. У першому випадку клацання на імені каталогу дає вибір з пунктів – Add folder to top (тобто приміщення каталогу на один рівень з $ home; Окуда він може бути і знищено – з дерева катлогов, а не фізично), доступ до каталогу та оновлення списку. Клацання на імені html-файлу (або підтримуваного графічного) дозволяє відкрити або видалити файл, вставити гіперпосилання на нього в поточному (праворуч) файлі, переглянути властивості, у тому числі – права доступу.

Якщо клацнути правою клавішею миші в робочому полі, доступні стандартні операції вирізування, копіювання і вставки, Undo і Redo, перегляду пошти, а також контекстно-залежної підказки. Тобто відповідного пункту з документації, відповідного закладці Doc в дереві каталогів.

Про організацію документації я хотів би сказати окремо. Це – аж ніяк не стандартний Help типу: для виконання такого-то дії йдіть в пункт меню такий-то і виберіть таку-то опцію. А швидше за короткий (але цілком достатня!) виклад специфікації мови HTML з зазначенням з практичних прийомів роботи з ним. Рішення, з точки зору користувача Windows, може здатися спірним. Але мені – дуже сподобалося. Залишається тільки пошкодувати, що документація – тільки англомовна. Хоча, думаю, англійська та на Україну не є не тільки державною мовою, але навіть мовою міжнаціонального спілкування …

Особливо слід відзначити підтримку проектів. За допомогою відповідної закладки в лівому фреймі або через головне меню можна створити новий або відкрити існуючий проект, додати в нього файли, визначити властивості і т.д. Правда, добвленіе файлу відбувається досить дивно, спрацьовує тільки у випадку, якщо ім’я його введено у відповідному рядку вручну.

Крім того, немає функцій управління файлами в поле дерева каталогів: тут не можна ні створити підкаталог, ні перейменувати, перемістити або скопіювати файл. Чого явно не вистачає з точки зору повноцінної підтримки проектів.

Зате є можливість uploading’а файлів і всього проекту в цілому. Для віддаленого сервера можна вказати його ім’я і ftp-адресу, логін і віддалений каталог, але, на горе ворогам – не пароль.

Настроюваність

Спочатку Quanta не могла похвастяться богатсвом налаштувань. Що скупалася, втім, виключної простотою її використання. Проте розвиток її не стояло на місці, і нині в ній піддається налаштувань практично все – відступи, переноси слів, параметри виділення, гарнітура, накреслення і розмір екранного шрифту, кодову таблицю для нього, а також кольору – для нормального тексту і виділеного тексту, фону. Можна включити або вимкнути автоматичну простановку закривають тегів, якщо вони – опційні (обов’язкові закривають теги, звичайно, ставляться завжди), переключити регістр подання тегів та їх атрибутів.

Є також пункт Configure User toolbar для налаштування панелі User. Робиться це просто: вписується ім’я кнопки (для підказки), визначається її іконка, вводиться відкриває і, при необхідності, закриває теги (або скрипт). Іконку для кнопки можна взяти з готового xpm-файлу або викликати редактор іконок KDE для її створення.

Зазначу також, що Quanta підтримує підсвічування тегів (що a priory аж ніяк не мається на увазі для багатьох html-редакторів для Linux). При цьому кольори підсвічування також настроюються (через підпункт Highliting того ж пункту Options.

Одним словом, Quanta в сучасному її вигляді – повнофункціональний і працездатний html-редактор, придатний як для створення одиничних сторінок, так і сайтів середнього ступеня складності. Він не вільний від деяких помилок, і в деяких відносинах представляється мені менш зручним, ніж WebMaker (можливо, просто в силу звички). Проте він досить інтенсивно розвивається: так, вже доступна для тестування бета-версія Quanta 2, орієнтована, як неважко догатаься, на застосування в середовищі KDE 2-ї версії.

Bluefish

Цей html-редактор останнім часом розвивався дуже швидкими темпами: ще рік тому це був швидше працюючий прототип, нині ж – цілком (не дивлячись на деякі недоробки) повнофункціональний закінчений продукт. Поточна його версія (0.3.4) доступна на http://bluefish.openoffice.nl, на http://www.linux.tucows.com, А також включено до складу деяких дистрибутивів (наприклад, Linux Mandrake).

Bluefish орієнтований на застосування з віконної середовищем GNOME і заснований, відповідно, на бібліотеці Gtk. Втім, якщо вона встановлена, Bluefish без проблем запускається і під KDE, і під будь-яким з випробуваних мною віконних менеджерів (незалежно від наявності або відсутності в системі GNOME).

Зовні Bluefish виглядає подібно таким Windows-редакторам, як SiteAid. Під рядком меню є головна інструментальна панель, що включає основні операції з файлами (створення, відкриття, закриття і збереження, у тому числі під іншим ім’ям, файлу) і текстами (копіювання, вирізання, вклеювання, пошук і заміна, Undo і Redo), а також конфігурування, друк і перевірку орфографії (остання, щоправда, в поточній версії не працює, навіть англійська).

Нижче – рядок закладок, керуюча додаткової інструментальної панеллю з тегами HTML. Теги згруповані в наступних закладках: Quick bar, Fonts, Tables, Frames, Forms, Lists, CSS, Other. Кнопки додаткової інструментальної панелі також об’єднані в групи.

Так, у закладці Quick bar групи кнопок відповідають тегам структури документа (DTD, Head, Body), шрифтових візуальним тегам (Bold, Italic, etc.), Внутрішнім тегам документа (Paragraph, Break і т.д.), тегам посилань та малюнків, вирівнювання, вставки коментарів; тут же – відправка пошти. Дія деяких кнопок має свою специфіку, на якій зупинюся детальніше.

Наприклад, вставка тега DTD дозволяє приписати документу відповідність HTML версій 2.0, 3.0 (у варіантах Basic і Strict), 3.2 (Basic, Final, Draft), 4.0 (Basic і Transitional). Кнопка Head передбачає одночасне створення тега Title і метатегов. Через кнопку Body можна задати атрибути цього тега – фоновий колір і малюнок, колір тексту і посилань. А все це разом можна виконати за допомогою кнопки QuickStart, створює повний набір тегів глобальної структури; тільки тег DOCTYPE чомусь виявляється всередині тега HTML …

Цікаво, що окрім кнопки вставки зображення є кнопка Thumbnail, автоматично створює одночасно і мініатюру зображення в будь-якому масштабі, у форматі JPEG (за замовчуванням), GIF, PNG. Правда, атрибут target при необхідності доводиться вводити вручну.

У закладці Fonts, у вигляді кнопок представлені теги font і basefont, preformatted text, верхні і нижні індекси, напівжирне і курсивне накреслення, а також рубрики від 1-го до 6-го рівня. За допомогою кнопок закладки Table можна створити таблицю з заданою кількістю колонок та рядків, вставити рядок або елемент, заголовок і шапку таблиці. У закладці Frames передбачено автоматичне створення фреймової набору; може бути проведена вставка кадру, визначено безфреймовое уявлення фреймсет і базового вікна.

Закладка Forms містить всі стандартні html-форми – Submitt, Reset, Text і так далі; закладка Lists – нумеровані і ненумеровані списки; в закладці CSS – кнопки для використання каскадних таблиць стилів. У закладці Other об’єднані кнопки, що створюють навігаційні карти, метатегов, елементи JavaScript, а також дозволяють вставити дату і час (у тому числі системний час Unix), і переглянути документ в зовнішньому браузері – тобто Netscape Navigator, якщо він є в системі.

Крім того, є ще одна, замовна інструментальна панель. Однак вона порожня, хоча і доступна для редагування вручну. Ймовірно, передбачається, що тут користувач буде розміщувати свої власні елементи, скажімо, скрипти JavaScript.

Меню дозволяє виконати всі дії, доступні через інструментальні панелі. Дозволяючи, додатково, доступ до віддаленого сервера. І плюс до цього містить пункт для засобів управління проектом. Правда, поки досить бідних: можна додати файли в проект (поточний або всі відкриті) і зберегти його під будь-яким ім’ям. Відкриття файлу проекту приводить до одночасного відкриття всіх вхідних в нього html-документів. Правда, проект може і редагуватися: можна визначити локальну і віддалену директорії, каталог для шаблонів. Передбачено також наскрізне редагування кольорів, шрифтів, стилів, метатегов, а проте поки всі ці дії (окрім вибору кольору) можуть здійснюватися тільки вручну.

Установки Bluefish досить обмежені: передбачено зміну гарнітури і кегля шрифту, проте шляхом введення імені шрифту вручну, розміру відкривається вікна, формату мініатюр зображень. Правда, зміна шрифту, мабуть, у поточній версії не реалізовано: у мене, принаймні, ні введення нового імені шрифту, ні зміна його розміру ніякого візуального ефекту не справили. Немає можливості (і, мабуть, не передбачається) змінити колір фону і тексту, а також тегів, до того ж теги не підсвічуються взагалі; оскільки останнє характерно для абсолютно всіх html-редакторів, що базуються на Gtk (незалежно від ступеня їх розробленості), це, мабуть, викликано якимись принциповими причинами.

В цілому Bluefish виробляє суперечливе враження. З одного боку, базові засоби роботи з основними тегами HTML вельми зручні; є деякі унікальні опції, як, наприклад, вставка мініатюр зображень чи, в проекті – вибачте за тавтологію – кошти модифікації проекту. Однак немає автоматичного редагування введених тегів – відсутні при створенні тега атрибути можуть бути встановлені тільки вручну. А відсутність можливості зміни шрифту (сподіваюся, тимчасове) і підсвічування тегів (боюся, хронічне) знецінює для мене особисто будь-які інші достоїнства html-редактора. Хоча людині з орлиним зором може сподобатися функціональне багатство Bluefish.

Інші html-редактори

Три розглянуті вище html-редактора видаються нині найбільш закінченими і працездатними програмами. Проте ними список wb-інструментів під Linux не вичерпується. Нижче я більш коротко зупинюся ще на кількох таких редакторах, хоча частина з них являє собою поки тільки прототипи (але перспективні) закінчених продуктів. Першим у цьому ряду я назвав би

KDreamSite

Ця програма позиціонується її автором, Томасом Шретером, як легкий у використанні html-редактор. Бачена мною версія мала номер один, але в README визначалася як рання альфа. Що, як буде видно далі, більш ніж відповідає дійсності.

І так, KDreamSite. Доступний тільки у вихідних текстах, його можна завантажити зі сторінки автора (http://mitglied.tripod.de/KDreamSite), А також, наприклад, з linux.tucows.com або www.unixware.ru. Являє собою упакований tar-архів розміром близько полумегабайта. Вимоги для установки – наявність компілятора C + +, Perl, програм make, autoconf і automake, бібліотеки QT1.44 і, природно, KDE (Все це докладно перераховано у файлі README.

Крім цього, у файлі INSTALL є цілком достатня інструкція щодо збирання і встановлення програми. Які, при наявності всіх потрібних бібліотек та інструментів, що знаходяться в призначених місцях (визначених файлом Makefile) ніяких труднощів не викликають. Якщо ж все потрібне господарство знаходиться не за адресою – потрібно запускати інсталяційні скрипти з усілякими параметрами (або правити Makefile – не знаю, що простіше).

По завершенні установки виконуваний бінарний файл (kdeamsite), згідно з документацією, повинен знаходитися за адресою / usr / local / bin. У мене ж він виявився безпосередньо в / usr / bin. Звідки і був благополучно запущений. За допомогою командного рядка, так як в меню KDE не вмонтувати.

Зовні KDreamsite вельми нагадує описаний раніше WebMaker. Після запуску програми можна бачити вікно, що складається з двох панелей. У лівій – дерево каталогів (за замовчуванням – починаючи з кореневого), у правій – Html-файл. відразу після запуску він – безіменний і порожній, немає навіть тега IDOCTYPE – одного з обов’язкових, згідно специфікації html 4.

З цієї позиції можна відкрити будь-який наявний html-або текстовий файл або створити новий (ніяких навіть мінімальних шаблонів для цього ще немає). Всі відкриті або створені файли відображаються закладками нижче інструментальної панелі. Зрозуміло, можна й закрити файл. Цікаво (хоча насправді – не дуже), що закриття створеного при запуску порожнього файлу автоматично викликає закриття всієї програми. Не залежно від того, скільки непустих файлів в цей момент відкрито. І якщо ці файли були змінені – не слід ні попередження про це, ні пропозиції їх зберегти. І всі зміни виявляються загубленими.

Спроба відкрити html-файл з російським вмістом призводить до появи абракадабри, оскільки за замовчуванням встановлений шрифт без кирилиці. Правда, шрифт і всі його атрибути (розмір, накреслення, колір, для кирилиці – Кодування) можна змінити через пункт меню Options – Editor Defaults. Однак зберегти ці установки не можна – при перезапуску програми все повертається на круги своя.

Інструментальна панель містить кілька кнопок для виконання мінімальних дій (створення, відкриття і збереження документа, Undo і Redo, вирізання, копіювання і вставка). Панель не редагується, можливості підключення додаткових панелей – ні.

Що ще можна зробити за допомогою KDreamsite? Стандартний набір маніпуляцій, як то:

Ось, мабуть, і все, що ми маємо на сьогоднішній день. Правда, є ще нереалізований пункт меню під назвою Project, не дуже типовий для безкоштовних web-редакторів. Але про зміст його можна тільки гадати.

Висновок: в сучасному своєму вигляді KDreamsite для справжнісінький роботи (особливо з російськомовним матеріалом) не придатний. Однак прошу це не рахувати в докір. Адже ми маємо справу з дуже ранньої альфа-версією (Ймовірно, правильніше було б нумерувати її не 1.0, а як-небудь на зразок 0.хх). А закладені (хоча і нереалізовані опції) дозволяють припускати, що з часом KDreamsite стане функціональним аналогом безкоштовний web-редакторів середнього класу. Якщо ж функції управління проектом включать в себе що-небудь крім створення і збереження такого – не виключено, що він опиниться серед кращих.

asWedit

Це один з перших в історії повнофункціональних html-редакторів під Linux. Відгук про нього – як про редактора класу HomeSite, видається мені дещо перебільшеним. Хоча до використання цілком придатний.

asWedit існує як у вигляді вихідних текстів, так і бінарних пакетів, і може бути отриманий з http://www.advasoft.com/asWedit/. Установка його складнощів не викликало, прекрасно вбудовується в стартове меню KDE, хоча може бути запущений і будь-яким іншим способом (наприклад, з командного рядка терміналу).

Виглядає asWedit (поточна версія 4.1) дійсно положе на HomeSite, але аж надто кошлатих версій. І відразу по завантаженню сторінки береться виправляти її код, видаючи всякого роду мерзенні пропозиції; правда, є можливість їх проігнорувати, але тоді asWedit не заспокоїться при наступному завантаженні документа. Проблема російських букв решалается запуском з командного рядка з параметром-fn. Однак при цьому втрачається можливість налаштування екранних шрифтів у вікні редагування коду: при переході на середній або великий шрифт букви російськими бути перестають, а вийшов шрифт за замовчуванням я розрізняю, тільки дряпаючи очками монітор.

Звичайно, зайнятися ручною правкою конфігураційних файлів, але неясно – чи варто. Ніяких особливих переваг я в asWedit’е не виявив: ну редактор як редактор, ім’я їм – легіон на якому сайті безкоштовних Windows-програм.

Erwin

Це редактор, доступний у вигляді rpm-пакета, відрізняється граничною простотою: три пункти меню (не рахуючи help), дубльовані однієї з двох інструментальних лінійок. Друга ж – призначена для введення трьох груп тегів – основних тегів html, тегів форматування і таблиць і списків. Чи не підсвічує теги, ніяких налаштувань немає навіть у зародку.

Введення російських букв можливий тільки при розкладці клавіатури, іменованої “хакерської”. Втім, за неможливістю налаштувати екранний шрифти, букви ці російськими все одно не є. Чим і визначається неможливість (Та й непотрібність) використання цього редактора.

Screem

Це – дуже перспективний html-редактор, який можна відшукати на http://www.screem.org, Виключно у вигляді вихідних текстів. Він заснований на бібдіотеке Gtk і призначений для графічного середовища GNOME. Какждая його версія, як правило (а остання на моїй пам’яті – 0.2.6) вимагає самих новітніх версій бібліотек Gtk та GNOME. Тому компіляція Screem часто важка і не завжди завершується вдало. Та й сам він повною мірою працездатним названий бути не може: у мене, наприклад, жодна версія його не пропрацювала безперервно більше 10-15 хвилин.

Тим не менш, деяку увагу йому я б приділив. Оскільки враження справляє могутнє: є й

Дуже вражає вікно візуалізації, що дуже нагадує таке в HomeSite для Wondows. У цьому вікні, як буд-то б, є навіть можливість візуального проектування сторінки. Крім цього, можна підключити для перегляду сторінки скільки завгодно зовнішніх браузерів (вірніше, скільки є в системі).

Редактор html-коду Screem з розвиненими засобами візуалізації служить сполучною ланкою з наступною групою web-інструментів, яку складають

Візуальні web-редактори

Візуальні web-редактори також імєєют дві цільові аудиторії. Перша – це сугубі любителі, що створюють особисті сторінки і не бажають витрачати на це надмірних зусиль. Друга ж – навпаки, професіонали, але не контентщікі, а скоріше – дизайнери. Для яких web-дизайн – лише один з різновидів дизайну взагалі.

Не можна сказати, що засоби візуального проектування web-сторінок під Linux численні, але – все ж є. До недавнього часу – числом два. До них відноситься, наприклад,

Amaya

Це редактор, розроблений консорціумом W3C (http://www.w3c.org), Де і можна знайти його версію поточної версію (3.1), у вигляді вихідних текстів чи rpm-пакета. Установка його проблем не викликало ні в тому, ні в іншому випадку.

На перший погляд Amaya справляє дуже приємне враження: інструментальна панель сучасного вигляду, наявність вбудованого браузера, як в AOLPress, перемикання з режиму редактора в режим браузера і т.д.

Проте перші ж досвід викликав суцільні розчарування. По перше, Amaya відразу ж починає знаходити помилкові теги (в міру свого розуміння, відповідного специфікації html мало не другою версією). І до виправлення помилок категорично відмовляється перемикатися в режим редактора.

Правда, якщо наслідувати мудрих порад щодо коригування коду (потрібно сказати, не дуже істотним), доступ до редактора все ж отримати можна. Тут, правда, піде друге розчарування: я не знайшов жодного способу редагування html-коду. Без чого web-редактора, будь він хоч тричі wisiwig, не сприймаю, знаємо ми, які вони розумні …

Третє розчарування – моя боротьба за російські літери виявилася безуспішною. На запуск з параметром, скажімо,-fn Amaya реагувати не бажає, а пошук будь-якого іншого способу русифікації (якщо він існує) вимагав невиправданих, як мені здалося, витрат сил і часу. І з Amaya я благополучно розпрощався, перейшовши до другого візуальному редактору –

Bulldozer

Його можна взяти з linux.tucows.com у вигляді tar-архіву. При установці він задавати якісь питання про місцезнаходження каталогів, після чого опиняється в окремому підкаталозі в / usr / bin. І при запуску для початку повідомляє про неможливість скористатися help через неправильне його розташування. Правда, тут же давався рада, як зробити це розташування правильним.

Я цього робити не став з двох причин. Перша – на команду запуску dozer з параметром-fn він не прореагував ніяк – російських букв як не було, так і не стало. І друге – титульну сторінку одного з моїх колишніх сайтів він перекорежівшей до повної невпізнанності. Розбиратися, в чому справа, я не став, Просто викресливши цю програму зі списків живих (на моєму комп’ютері). Та й назва не боляче естетичне …

Двома цими позиціями і вичерпувався до недавнього часу список візуальних web-редакторів для Linux. Проте нині до них додався

WebSphere Homepage Builder

виробництва IBM, на сайті якої (http://www.ibm.com/software/hpbuilder) І може бути виявлений. Правда, це – продукт комерційний (хоча і не дорогий, 69 доларів); для безкоштовного скачування доступна пробна 15-денна версія.

Пакет WebSphere Homepage Builder існує тільки у вигляді бінарного rpm-пакету обсягом близько 20 Мбайт. Крім того, для його функціонування потрібно власна версія wine (доступна там же) об’ємом 1,7 Мбайт. І ще близько 10 Мбайт складає документація до пакету.

Пакет WebSphere Homepage Builder встановлюється за умовчанням в каталог / opt/hpbuilder4 /, де виконані файли розташовані в підкаталозі / bin. І включає три компоненти – Web Animator, WebArt Designer і власне WebSphere Homepage Builder

Ну, Web Animator, як і слідові очікувати, виявляється засобом створення анімованих GIF-файлів. WebArt Designer – це досить зручний засіб для створення логотипів, кнопок, рамок. У тому числі з всякими, іноді не цілком стандартними, спецефектами.

Ну а WebSphere Homepage Builder – у відповідність з назвою, саме візуальний редактор веб-сторінок. На перший (втім, виявився і останнім) погляд – вельми багатий за можливостями. Але, знову таки в першому наближенні, категорично відмовляється сприймати великий і могутній. Спроби якось навчити його цьому – успіхом не увінчалися: жодну кириличну гарнітуру програма розуміти не бажала. Тому детальним його вивченням я не займався.

Скажу тільки, що він має кошти як візуального проектування, так і прямого редагування html-коду, багаті можливості по автоматизованій вставці тегів, з поділом на фізичні, тобто візуальні (типу тегів bold, italic etc.) і логічні, тобто структурні (strong. emphasis та ін.) Досить зручно реалізована вставка таблиць, ілюстрацій, гіперпосилань, аплетів Java і сценаріїв JavaScript. Ефектно реалізована робота з каскднимі таблицями стилів (CSS) та іншими сучасними “наворотами”. Є дуже розвинені засоби управління проектами, включаючи перевірку цілісності посилань і автоматичне створення карти сайту. Є і вбудований ftp-клієнт з досить багатими налаштуваннями. Але, повторюю, в наших умовах використовувати все це важко через підтримки кирилиці.

Так що кошти візуального проектування web-сторінок під Linux залишають бажати кращого. Звичайно, у якості таких можна використовувати текстові процесори. Наприклад, описаний раніше StarWrite з інтегрованого комплекту StarOffice. Однак генерований останнім html-код з точки зору чистоти і удобопонятності залишає бажати кращого: хто бачив у вихідних текстах сторінки, зроблені в MS Word, зрозуміє, що я маю на увазі.

Втім, якщо вже зовсім несила жити без візуального web-редактора, залишається останній засіб: Netscape Composer з комплекту Netscape Communicator, який нормально працює з кириличними текстами. Недоліки його – ті ж, що і у Windows-аналога: відсутність власного редактора html-коду, складність переходу до зовнішнього редактору, наполегливе бажання “покращити” введений руками код з точки зору легкості читання та естетики, а іноді й синтаксису (причому – в міру свого розуміння, далеко не завжди збігається, скажімо, з моїм). Але, в принципі, Netscape Composer придатний для швидкого створення нескладних сторінок.

Раз вже мова зайшла про продуції Netscape, слід сказати кілька слів і про ті програми, за допомогою яких проглядаються твори web-майстерності, і іменованих, як відомо

Браузери

На відміну від Windows, браузерів під Linux – безліч. Але практичне значення мають лише два – текстовий браузер Lynx і браузер графічного режиму (здогадайтеся з трьох разів – який) Netscape Navigator. Почну з першого.

Чому варто згадати про текстовому Lynx в епоху засилля графічних і, так би мовити, “технологічних” web-сторінок? Тому, що він традиційно поширений серед користувачів Linux (і Unix взагалі) з великим стажем. І, слід зауважити, не без причин.

По-перше, він чудово швидкий: якщо ви звикли до Netscape або, тим більше, до Internet Explorer, вас вразить швидкість інтерпретації html-коду. Звичайно, ніяких красот графічного або технологічного дизайну побачити не вдасться. Але текстова частина web-сторінки буде цілком сприймаються. Якщо, звичайно, її творець спроектував її грамотно.

Тому що, по-друге, Lynx дуже строго підходить до інтерпретації html-коду, вимагаючи хоча б відносного його відповідності специфікації. При серйозних порушення останньої він може просто відмовитися читати сторінку. І тому Lynx незамінний як один із засобів перевірки валідності власних web-творінь.

Нарешті, по-третє, для сприйняття істотно текстових web-матеріалів Lynx створює таке ж відчуття зорового комфорту, як і консольні текстові редактори – для їх набору. А з часом, можливо, ви побачите і своєрідну естетику в його простоті і строгості …

Про Netscape Navigator сказати особливо нічого: це дуже близький аналог свого Windows-побратима. При рівності номерів версій, зрозуміло. І всі навички роботи з тим згодяться і при використанні Linux-реалізації. Єдина істотна відмінність – в комплекті з останньою істотно менше додаткових модулів (plug-ins); наприклад, немає коштів призначених для сприйняття RealAudio і RealVideo, їх потрібно викачувати окремо і встановлювати самостятельно.

Крім цього, під Linux існують численні браузери місцевого, так би мовити, масштабу: вбудовані в файлові менеджери kfm і konqueror, наприклад. Причому останній – вже цілком повноцінний засіб перегляду web-сторінок, що відрізняється зручністю і швидкодією. На підході (і доступні як бета-версій) браузери Mozilla і Netscape 6-ї версії.

Нарешті, існує і Linux-реалізація третього кита Windows-браузингу – Opera. Проте в ній є проблеми зі сприйняттям кирилиці. А з точки зору компактності і швидкодії вибір під Linux і так великий.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*