Многофункциональный XML (и не только) редактор. Умеет подсвечивать команды великого множества языков программирования, проверять на ошибки, и много чего ещё.
Сегодня мы рассмотрим один из мультифункциональных инструментов для веб-мастеров - чешcкую программу PSPad. По сути, это тот же Блокнот , но его функциональность расширена до предела.
В программу, которая в установленном виде занимает всего около 10 мегабайт, умудрились впихнуть столько, что ни в сказке сказать, ни пером описать (ни клавиатурой отстучать:)). PSPad имеет следующий набор инструментов:
Возможности PSPad
HEX-редактор (англ. hex-editor) - программа для редактирования кода в 16-ричном виде.- поддержка множества языков программирования: HTML, XML, PHP , Pascal, JScript , VBScript, MySQL, MS-DOS, Perl, Basic и т. д.;
- подсветка синтаксиса и проверка (а также оптимизация) кода;
- встроенный предпросмотр готовой web-странички;
- HEX-редактор;
- проверка правописания;
- встроенный FTP-клиент ;
- возможность вызова из PSPad среды разработки для каждого из языков;
- гибкая система настроек.
Короче говоря, PSPad может заменить собой уйму другого софта, чем сэкономит место на винчестере и поможет упорядочить и более или менее централизовать всю работу по верстке сайтов.
Интерфейс PSPad
Не стоит заранее пугаться - нет здесь ничего сложного.
- По центру находится главное рабочее окно, в котором мы непосредственно и будем работать.
- Слева - боковая панель, которая дает доступ к дереву проекта, дереву каталогов жесткого диска, управлению FTP-клиентом, избранным и рабочими файлами.
- Вверху - меню и опции для управления дополнительными функциями программы.
Попробуем ввести простейшую программу на Бейсике для вычисления функции "y=3*log (A)" и посмотрим, как будет вести себя PSPad.
По умолчанию программа создает текстовый документ с расширением .txt .
Для того чтобы выбрать нужное нам расширение зайдем в меню "Файл" и выберем пункт "Новый" (или нажмем CTRL+N).
Появится табличка, которая содержит список имеющихся в программе синтаксисов языков. Выбираем нужный (в данном случае Visual Basic) и нажимаем "Ok".
Теперь расширение файла .bas - стандартное для программ написанных на Бейсике. Вводим код:
Как видим, PSPad автоматически отображает разными цветами цифры, печатаемый текст и зарезервированные слова языка программирования. Таким образом, мы всегда можем видеть, правильно ли вводим ту или иную информацию. При этом цвет подсветки можно изменять по желанию, что делает взаимодействие с PSPad еще более удобным.
Все настройки можно произвести при помощи возможности редактирования шаблона того или иного языка.
Чтобы это сделать, зайдите в меню "Настройка" и выберите пункт "Редактировать шаблон", после чего в выпадающем списке выберите нужный язык.
Несколько слотов, как Вы могли заметить - пустые. Это дает возможность дополнительно подключить те языки, которых нету по умолчанию, но, которые нужны для работы.
Поистине колоссальную поддержку PSPad предоставляет в редактировании HTML страничек.
Помимо подсветки синтаксиса HTML (причем в нескольких вариациях), программа помогает:
- проверить правописание;
- ошибки в коде;
- оптимизировать код;
- синхронизировать и редактировать страницу непосредственно по FTP;
- просматривать внешний вид страницы при помощи встроенного просмотрщика или подключаемого сервера (Apache) ;
- и многое-многое другое.
Рассмотрим некоторые из возможностей. Прежде всего, я хотел бы обратить внимание на те, которые связанные с оптимизацией кода и просмотром документа при его редактировании.
Сжатие HTML
Мы всегда "воюем" за уменьшение размера HTML-файла, чтобы можно было больше вместить в него информации при меньших его габаритах. PSPad предлагает интересную возможность сжатия HTML-кода.
Давайте сравним:
На рисунке Вы видите несжатый код, который размещается на 53-х строчках.
Теперь нажмем на кнопку "Сжать HTML код без изменения работоспособности" и получим следующий результат:
Итоговая длина кода - 13 строчек!!! То есть размер документа уменьшился более чем в 3 раза!!! При этом работоспособность не пострадала. В этом можно убедиться, нажав на кнопку F10 - вызывается встроенный просмотрщик страницы.
Проверка HTML-кода на валидность
Весьма полезна также утилита для проверки HTML кода и таблица непечатаемых символов.
Для того чтобы проверить документ на ошибки зайдите в меню "HTML" и выберите пункт "Проверить HTML код" (горячие клавиши - CTRL+F10).
Внизу Вы увидите в открывшемся окошке "Log" все ошибки и предупреждения касательно Вашего кода.
В самом низу окна программы есть строка статуса, в которой отображается всяческая вспомогательная информация (текущее положение курсора, выключатель текста, варианты обозначения текущего знака (HEX, DEX, HTML), текущий язык и кодировка текста).
Чтобы получить доступ к таблице непечатаемых символов следует один раз кликнуть по строчке, где указаны варианты отображения текущего символа.
Выводы
Чтобы описать все функции PSPad, не хватит, наверное, и целой книги, так как их не просто много, а очень много.
Каждый найдет в программе что-то свое, однако я бы советовал обратить на нее внимание, прежде всего веб-программистам и верстальщикам, потому что PSPad просто так и просится на место главного инструмента для работы с HTML:).
Послесловие
Все познается в сравнении… Как известно, нет ничего совершенного, однако ничто, тем не менее, не мешает к совершенству стремится. И так во всех сферах нашей жизни.
Программирование - не исключение. Наоборот, все программисты стремятся к совершенствованию и оптимизации своих творений.
И раньше единственным помощником для них был стандартный "Блокнот" Windows. В нем не было никаких изысков, типа подсветки синтаксиса языков программирования или HTML тэгов, но это не мешало работе.
Сейчас вряд ли кто-то станет программировать через Блокнот, если есть достаточное количество специальных программ, которые помогают программисту, а иногда даже берут на себя большую часть работы.
Однако бывают случаи, когда требуется, чтобы под рукой всегда был небольшой, но функциональный инструмент, который одинаково бы мог справиться и с созданием сайта, и с написанием программ на любых языках программирования.
Таких программ хоть и меньше, но они все же есть. Какую же выбрать? Таким вопросом очень часто задаются начинающие программисты. Да и опытные иногда пересматривают свою точку зрения и меняют излюбленный инструмент на более современный и функциональный.
Поэтому в данной статье мы и рассмотрели один из таких инструментов, замечательную чешскую программу PSPad.
P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.
P.P.S. Если Вы - начинающий верстальщик, то Вам лучше всего может подойти визуальный HTML-редактор Nvu. C его помощью Вы лучше поймете язык гипертекстовой разметки и сможете видеть и контролировать все свои действия в реальном времени.
Данные, хранящиеся в XML файле, можно редактировать прямо в клиентском браузере.
Открытие, редактирование и сохранение XML
В этой главе будет показано как открывать, редактировать и сохранять XML файл, хранящийся на сервере.
Для этого мы будем использовать XSL, чтобы преобразовать XML документ в HTML форму. Значения XML элементов будут записываться в поля ввода в HTML форме. HTML форму можно будет редактировать. После редактирования данные можно будет отправить на сервер, и XML файл будет обновлен (мы покажем соответствующий код на PHP и ASP).
XML и XSL файлы
Для примера возьмем следующий XML документ ("tool.xml"):
И соответствующую таблицу стилей XSL ("tool.xsl"):
Tool Information (edit):