Разделы:

Главная

О проекте

Загрузки

Документация:

Linux

BSD

Другие Unix

Программинг

HTML, XML...

Сервера

"Окна Закрой!"

MANы

 


WEB-верстка в Linux  

В Линуксе и прочих никсах дела с HTML-версткой (точнее со специализированными редакторами) обстоят далеко не так хорошо, как в Винде. Пожалуй, все средства для создания HTML-документов под Линуксом ограничиваются достаточно продвинутым редактором Quanta, а также некоторым количеством текстовых редакторов с поддержкой HTML-синтаксиса.

Я хочу подробнее остановиться на Quanta. Quanta можно назвать единственным специализированным редактором для WEB-разработки для *nix, но сразу скажу, что редактор этот стоящий и заслуживает внимания.

Конечно, не буду спорить, что для написания HTML можно использовать такие продвинутые средства, как vi и Emacs, а также относительно простые текстовые редакторы, например, из пакета KDE. Но это всего лишь текстовые редакторы. Quanta же - специализированный пакет со строго предписанным назначением.

К тому же, чтобы начать использовать Emacs хоть сколько-нибудь осознанно, со всеми его возможностями, потребуется прочитать, пожалуй, не одну книжку. Наша же задача - рассмотреть средство, которое облегчит жизнь HTML-кодеру, коим отчасти является WEB-дизайнер, но в то же время будет довольно простым в освоении. Quanta прекрасно отвечает этим требованиям.

Осмотр на месте

Quanta базируется на библиотеках QT, а также тесно интегрирована с редактором Kate из пакета KDE, что, в свою очередь, требует наличия некоторых компонентов KDE в системе.

Сама Quanta весит немного (~3mb), но требования пакетов KDE автоматически увеличивают объем файлов, необходимых для установки Quanta. Но не все так плохо. Во-первых, KDE есть в большинстве дистрибутивов, да и Quanta в дистрибутивах встречается достаточно часто.

Также стоит отметить, что применение Quanta не ограничивается только Линуксом. Ее применение возможно на всех тех никсах, на которые портирована KDE. С полной уверенностью могу сказать о работе Quanta на Linux, FreeВSD, OpenBSD, NetBSD. На других системах не проверял, в связи с их малой распространенностью в качестве десктопов.

Качай архив Quanta с любого из серверов проекта KDE (их список можно найти на сайте http://www.kde.org). Установка из исходников через стандартные команды: ./configure, make, make install, после чего программа установлена и готова к работе.

Запускай программу командой quanta в командной строке. Если команда не будет найдена, укажи полный путь, который можно узнать, набрав "whereis quanta".

Сейчас перейдем непосредственно к рассмотрению возможностей редактора. После запуска перед нами появляется рабочее окно редактора, разделенное на две части. Левая часть состоит из нескольких вкладок, среди которых вкладка просмотра дерева каталогов, вкладка просмотра файлов проекта, окно шаблонов, просмотр DOM-структуры (Dynamic Object Model), а также вкладка окошка справочной информации.

Во второй, правой части рабочей области программы мы также видим несколько вкладок, содержащих структурные элементы HTML документа и призванных упростить редактирование/создание кода. Вкладка Standart содержит кнопки базовых тегов. Названия вкладок Fonts, Tables, Lists, Forms говорят сами за себя. При нажатии на кнопку какого-либо элемента в главном рабочем поле будут появляться соответствующие теги. Для некоторых тегов будут выводиться диалоговые окошки с запросом параметров.
Над двумя рабочими областями программы находится несколько панелей меню: стандартное меню команд приложений KDE, а также две панели с командами Quanta. На них находятся кнопки перемещения между действиями, кнопка предварительного просмотра страницы в браузере, кнопки навигации по ссылкам просматриваемой страницы, а также довольно интересная кнопка, позволяющая просматривать логи произведенных действий в специально появляющемся подокне, внизу рабочего поля программы.

К делу, господа!

Итак, открываем документ, который мы хотим редактировать, или выбираем создание нового чистого документа через меню "File" > "New". Также Quanta позволяет создать непосредственно проект в отдельной директории с определенным набором связанных файлов. Удобный визард позволяет задать каталог для проекта, его название, параметры связи с сервером, кодировку страниц, добавить необходимые файлы, а также воспользоваться шаблонами и выбрать стандарт, в соответствии с которым будет проверяться валидность создаваемых документов.

Порадовали возможности администрирования создаваемого сайта. Отдельно стоит отметить выбор протоколов и режимов для работы с сервером. Среди них local - работа с локальным каталогом машины, ftp - в комментариях не нуждается, sftp - секьюрная передача файлов по протоколу ssh (тут ты можешь быть полностью спокоен за передаваемую информацию и пароли), smb, nfs и даже floppy - режим работы с дискетой; также есть возможность работать через CVS, что весьма важно при распределенной разработке сайта.

Естественно, что сразу можно задать пароль, хост и порт для входа на сервер. Таких богатых возможностей для связи с сервером я не видел ни в одном виндовом редакторе.

Работать с параметрами каждого проекта можно при помощи команд из меню Projects. В частности, пункт Project Options позволяет изменить свойства текущего проекта; Insert files и Insert Directory - добавить к проекту соответственно файл или директорию. Все остальные пункты этого меню также интуитивно понятны и не вызовут сложностей с их применением.

Quanta поддерживает основные необходимые спецификации: HTML 4.01, WML, XSLT, XHTML, а также PHP. К сожалению, я не обнаружил в Quanta поддержки спецификаций XML (Extensible Markup Language). Конечно, на данный момент это не очень критично, но, учитывая возрастающую роль этого языка логической разметки, поддержка спецификаций не была бы лишней.

Но опять же повторю, что на данный момент это не так страшно. Похоже, Quanta не поддерживает синтаксис такой полезной и тесно связанной с HTML штукой, как css (Cascade Style Sheet), вот тут действительно значительный минус - можно было бы просто ограничиться подсветкой синтаксиса CSS.

Весьма удобной показалась возможность редактора отображать структурное дерево элементов DOM редактируемого документа. В левой части рабочего окна программы отображается дерево элементов документа в соответствии со степенью их вложенности. Структурное дерево DOM позволяет не только сделать структуру документа очень наглядной, но также существенно облегчает навигацию по редактируемому коду и позволяет избежать ошибок, связанных с нарушением структуры документа.
Что касается ошибок. Подсветка синтаксиса в значительной степени уменьшает вероятность ошибок с закрытием парных тегов и в случае их совершения, позволяет с легкостью их обнаружить и исправить.

Также в программу встроен чекер синтаксиса, дабы помочь веб-мастеру найти и исправить совершенные ошибки. Еще одна полезная функция - автоподстановка тегов. При правке кода и добавлении новых тегов автоматически появляется менюшка с возможностью выбора тегов. Польза этой фишки очевидна: во-первых, не нужно помнить все теги HTML (хоть это и не очень сложно), так как всегда найдется оперативная подсказка; во-вторых, выбранные теги всегда будут правильными; ну и в-третьих, ты можешь вспомнить о тегах (если ты их забыл :)), использование которых более предпочтительно, нежели тех, которые ты задумал изначально.

Расходимся

Отмечу, что Quanta не является визуальным редактором по типу WYSIWYG, то есть с непосредственным построением страницы с помощью мышки. Quanta - это среда для разработки HTML-документов, достаточно серьезная, чтобы использовать ее для значительных проектов. Quanta не удастся использовать без базового знания HTML, так как тебе придется непосредственно редактировать код документа.

Говорить о чистоте кода здесь не приходится, так как программа сама ничего не генерирует, она лишь помогает разработчику. Здесь все зависит от кодера. Но, имхо, в любом случае ручной код будет чище, нежели код, сгенерированный программой. Даже самые продвинутые виндовые редакторы генерируют далеко не самый чистый код, что уж говорить о более слабых представителях.

Базовые понятия HTML можно изучить за пару дней, и, в дальнейшем совершенствуясь, ты легко избежишь мусора в коде своих страничек, а следовательно, у тебя будет хорошая возможность уменьшить их объем, что весьма важно на медленных каналах, да и лишний трафик никому не нужен.

Кажется, теперь ты должен с легкостью начать писать свои паги под Линухом, да и средство для этого есть, причем весьма неплохое.

Ушаков Андрей aka A-nd-Y
(Andy_@timus.ru)


Партнёры и спонсоры проекта:

Все материалы сайта распространяются по лицензии GNU/GPL
© ProUNIX 2003-2009, UnixLib 2005-2009, SoftLib 2006-2009.