У каждого Web-разработчика есть свой набор любимых инструментов. Естественно, что в этом наборе должен быть и любимый html редактор. В данной статье я хотел бы поговорить о свободных редакторах.
Как известно, редакторы делятся на несколько категорий: поддерживаемые технологию WYSIWYG и редакторы, работающие с исходным кодом .
Довольно-таки обширный список редакторов можно посмотреть на wikipedia . Среди всего этого списка удобных редакторов под Linux не так уж и много, но они есть. Я бы хотел выделить следующие редакторы: vim, SciTe, BlueFish, Quanta+ и Aptana Studio и сказать несколько слов о каждом из них.
Итак, начнем, пожалуй с vim . Vim - это консольный текстовый редактор, обладающим богатым функционалом (более подробно можно почитать ). Но сразу хочется отметить, что для эффективной работы с данным редактором понадобиться предварительное обучение/изучение vim. Не смотря на наличие полезных плагинов для редактирования html/xml документов, рассматривать дальше данный редактор не будем.
SciTe - это кроссплатфоменный текстовый редактор, предназначен, в основном, для редактирования исходных текстов программ и выполняет подсветку синтаксиса для многих языков программирования (C++, C, Java, Ruby, Pascal, Perl, Python и др.), а также HTML, XML и т. п. Описание редактора говорит само за себя и уделять внимание данному редактору я не буду, тем более, что подсветку синтаксиса поддерживают стандартные текстовые редакторы, входящие в Gnome или KDE.
Дальше на очереди у нас Quanta +. Не смотря на наличие визуального редактора веб-форм и страниц функционал, удобство работы у него, если честно, не очень. Кроме того, согласно Wikipedia, данный редактор практически вытеснен из Kdevelop. Нам данный редактор также не интересен.
На этом упоминание аутсайдеров (на мой взгляд) заканчиваем и переходим к наиболее интересным html редакторам.
Начнем с программы, которая входит, наверное, в каждый дистрибутив Linux - с голубой рыбки, она же - BlueFish . Что отличает данный редактор от всех выше перечисленных? Для начала - более удобный и понятный интерфейс. Кроме того, программа имеет панель инструментов, которая позволяет практически одним кликом добавлять html элементы в код html-страницы. Другой отличительной способностью (по сравнению с выше названными редакторами) является автозавершение закрывающихся тегов, а также подсказки автодополнения, например:
 |
| Редактор BlueFish |
Слева от основного редактора располагается древовидное окно с возможностью отображения файлов файловой системы, закладок, карты символом и сниппетов. Выглядит оно примерно так (вкладки на сриншоте совмещены для наглядности):
Кроме всего этого, BlueFish имеет гибкую настройку html-редактора: в настройках программы можно включать/отключать автоматические отступы, подсказки автодополнения, номера и перенос строк, отображения блоков и т.д.
 |
| Настройка html-редактора |
Из меню "Сервис" можно запустить html файл на просмотре в одном из браузеров: Opera, Mozilla, Galeon и т.д.
Теперь рассмотрим html редактор. который основан на IDE Eclipse, имя ему - Aptana Studio
. На момент написания статьи, последней стабильной версией была 3.0. Внешне Aptana Studio действительно практически ничем не отличается от Eclipse. Исключение составляют лишь редактор, оформление которого выполнено в темных тонах, а также меньшее количество менюшек (в linux версии), чем в Eclipse. Кстати говоря, изменить тему оформления можно выбрав в меню Window
--> Preferences
--> Aptana
-->Themes
. Список тем впечатляет и придется по душе приверженцам разных IDE.
Итак, что же умеет и что привлекательного в Aptana? Aptana
- это профессиональный open source инструмент для разработки web-приложений. Aptana поддерживает следующие языки программирования: php, Rails. Ruby, PyDev Google App Engine Project ну и собственно HTM, JavaScript, CSS и XML.
Как и BlueFish, Aptana поддерживает подсказки автодополнения, но реализованы они намного приятнее и немного необычно: в подсказках отображаются поддерживаемые браузеры для конткретного тега или свойства. Окно подсказок выглядит примерно так:
Слева от основного редактора отображается окно с App Explorer, которое показывает список файлов конкретного проекта; окно Project Explorer, которое отображает иерархию файлов и папок всех созданных нами проектов и список файлов файловой системы. Чуть ниже, в этом же окне слева, отображается OutLine, так называемые наброски редактируемого файла в данный момент:
| Project Explorer, App Explorer, OutLine |
На официальном сайте написано, что для работы программы требуется Sun JDK, но у меня Aptana прекрасно работала и с Open-jdk.
Aptana можно скачать для ОС: Windows, Linux и MacOS в виде отдельного приложения, а также в качестве плагина для Eclipse.
Чтобы установить Aptana в качестве плагина Eclipse:
Запускаем Eclipse, выбираем меню Window-->Install New Software. В появившемся окне вводим адрес:
https://download.aptana.com/studio3/plugin/install
Ввод-редактирование - это основной режим работы текстового редактора.
Ввод (запись) текста в память компьютера производится с помощью клавиатуры. При работе с текстовым редактором в режиме ввода-редактирования по экрану дисплея перемещается курсор , который указывает текущую позицию для ввода. Символ, соответствующий нажатой клавише, помещается в позицию курсора, который после этого перемещается на один шаг вправо или, если достигнут конец строки, в начало следующей строки.
Под редактированием понимается внесение любых изменений в набранный текст.
Чаще всего приходится стирать ошибочный символ, слово, строку; заменять один символ на другой; вставлять пропущенные символы, слова, строки. В процессе редактирования текста пользователь может изменять шрифты, форматировать текст, выделять фрагменты и манипулировать ими (переносить, уничтожать, копировать). В многооконных редакторах можно «разложить» сразу несколько документов в разных окнах и быстро переходить от одного к другому. Шрифты и начертания. Обычная пишущая машинка может печатать тексты только одним шрифтом. В текстовом документе, созданном на компьютере с помощью текстового редактора, могут использоваться разнообразные шрифты. Современные текстовые редакторы имеют много наборов шрифтов. У каждого шрифта есть свое название. Например: Arial, Times New Roman и др. Буквы одного шрифта могут иметь разные начертания. Различаются обычное (прямое) начертание, курсив, полужирное начертание. Кроме того, представляется возможность подчеркивания текста. Параметры формата (длина строки, междустрочное расстояние) устанавливаются пользователем перед вводом текста и в дальнейшем автоматически выдерживаются текстовым редактором. Пользователю остается только набирать текст. Существует ещё множество режимов работы с ТР, это: перенос фрагмента текста из одного места в другое., Работа с окнами, поиск и замена фрагмента, автоматическая проверка правописания, файловые операции, печать документа и мн.др.
Настройка параметров работы ТР « Word » и панелей инструментов.
Для настройки параметров выбирается пункт меню Сервис => Параметры . Откроется диалоговое окноПараметры с множеством вкладок. 1.Вид – позволяет выбрать элементы окон документов, использующих обычный режим отображения документа.
2. Общие – позволяет установить общие параметры настройки, среди которых:
а). Автоматическое обновление связей с другими файлами при каждом открытии документа;
б). Отображение в списке меню Файл списка и 1-9 открывавшихся недавно файлов.
3. Правка – устанавливает параметры правки:
а). Разрешение или запрещение использования перетаскивания для перемещения или копирования выделенного текста;
б). Удаление лишних пробелов при удалении текста или их вставка при вставке текста из буфера обмена в документ;
в). Автоматическое выделение не части, а целого слова и пробела за ним;
г). Использование клавиши «Ins» для вставки содержимого буфера обмена в документ.
4. Печать – позволяет выбрать лоток для подачи бумаги, а также дополнительные режимы печати документа. Следует установить флажок Преобразование A4/Letter и графические объекты.
5. Сохранение – устанавливает параметры сохранения документа.
6. Правописание – устанавливает параметры проверки орфографии и грамматики:
а). Автоматически проверять орфографию и грамматику;
б). Автоматически предлагать варианты правильного написания слов с ошибками
7. Исправления – устанавливает способы выделения исправленного текста.
8. Совместимость – изменяет параметры Word для совместимости с другими типами редакторов.
9. Расположение – выводит месторасположение некоторых важных документов Word на диске.
10. Пользователь – предоставляет сведения о владельце программы.
Панели инструментов могут быть отображены на экране с помощью команды Вид => Панели инструментов . Всего доступно22 панели инструментов. Настроить любую из них можно в диалоговом окне Настройка, которое открывается с помощью командСервис => Настройка или Вид => Панели инструментов => Настройка .
Основные команды панели « Стандартная »
Рассмотрим поподробнее панель инструментов - Стандартная, поскольку она отображается в Word по умолчанию и с помощью неё можно получить быстрый доступ к большинству из часто изпользуемых команд.
Создать. Щелкнув на эту кнопку можно создать новый пустой документ.
Открыть. Данная кнопка открывает уже сохраненный где-то на диске или другом накопителе информации файл. После нажатия на кнопке открывается окно, обычно по умолчанию это папка Мои документы, в которой вы выбираете файл для открытия. Отыскав нужный файл, делаете двойной щелчок и файл начинает загружаться.
Можно загрузить несколько файлов, удерживая клавишу Ctrl, и тогда каждый файл загрузится в свое отдельное окно.
Сохранить. Эта команда сохраняет уже существующий документ под его именем, то есть сохраняет изменения, сделанные в документе. Если же вы еще не дали имя документу, то Word откроет диалоговое окно Сохранение документа, в котором надо будет дать имя новому файлу. Эту же команду можно выполнисть и с помощью комбинации клавиш: Shift-F12. Запомните эту комбинацию и почаще на нее нажимайте, во избежание потери данных при внезапном отключении компьютера.
Печать. Печатает все страницы текущего документа.
Предварительный просмотр. Прежде чем печатать документ, нужно его просмотреть, определить поля отступа, отредактировать, чтобы потом не печатать дважды, а это в свою очередь лишний расход бумаги, краски и времени. Для этого есть команда Предварительный просмотр, которая показывает документ в том виде, в котором он будет распечатан.
Правописание. Проверяет правописание всего документа или выделенной его части. Word умеет в процессе набора текста исправлять ошибки, незнакомые слова он подчеркивает красной линие, а грамматические ошибки - волнистой зеленой линией.
Вырезать. С помощью этих ножниц вырезаем из документа выделенный текст или картинку и помещаем в буфер обмена Windows. Буфер обмена - это такое хранилище, где могут содержаться различные данные, различных форматов для копирования или перемещения. Вырезать также можно с помощью комбинации клавиш: Ctrl-X
Копировать. Данная кнопка копирует выделенный текст или картинку в буфер обмена. Комбинация клавиш: Ctrl-C
фрагмент текста, который хотите изменить, в результате все оформление поменяется как в образце.
Отменить. Данная команда отменяет предидущую операцию или комбинация клавиш - Ctrl-Z. Нажимая на эту кнопку несколько раз, можно отменить сколько угодно операций. маленький треугольничек дает выпадающий список истории команд. Выбирая из списка ту или иную строку можно отменить сразу несколько команд или же полностью все действия.
Вернуть. Эта кнопка "отменяет отмену", то есть прокручивает список отмен в обратную сторону. Клавиатурные сокращения: F4 или Ctrl-Y.
Вставить гиперссылку. В окне гиперссылки необходимо ввести путь к файлу на вашем диске, например: С:\Мои документы\Письмо.doc или адрес в интернете http://kursymaster.ru/word.php, после чего набранный текст станет синего цвета и подчеркнутый, что является признаком текстовой гиперссылки. Чтобы запустить ссылку, нужно прижать клавишу Ctrl и щелкнуть по ссылке, откроется содержимое файла, если он существует или страница в интернете.
Панель границ. Щелкните на эту кнопку и откроется целая панель Таблицы и границы. Здесь можно самим нарисовать таблицу, добавить таблицу указав количество столбцов и строк, отсортировать данные таблицы, залить цветом, выровнить данные таблицы по вертикали, выполнить автосуммирование.
Вставить таблицу. Удерживая левую клавишу мыши, направляете мышку вниз - добавляете количество строк, право - количество столбцов. Как только вы определились какая должна у вас быть таблица, отпутите клавишу и у вас появится ваша таблица.
Добавить таблицу Excel. Выполняете точто такие же действия как и для Вставить таблицу, только теперь у вас вставится рабочий лист Excel. В пределах данной таблицы вы будете работать как в программе Microsoft Excel .
Колонки. Эта команда позволяет разместить текст на странице в нескольких колонках. Нажав на кнопку вы можете ввести от 1 до 7 колонок. обычно колонки используются при верстке газет и журналов. Вы тоже можете сверстать ваш документ под определенную структуру страницы.
Панель рисования WordArt. Эта кнопка откроет внизу панель Рисования .
Схема документа. Окно разделится на две части, справа - обычный текст документа, а слева вы увидите его структуру .
- Непечатаемые знаки . Кнопка показывает невидимые, непечатаемые символы, такие как символы табуляции в виде стрелочки, абзаца в виде значка пи, пробел - точка, неразрывный пробел - кружочек. То есть нажав на кнопку вы можете посмотреть где вы нажимали клавишу TAB, ENTER, пробел.
- Масштаб . Определяет масштаб отображения документа.
Справка: Microsoft Office Word. С помощью этой кнопки можно открыть диалоговое окно помощника Office или Справка Microsoft Word.
- Режим чтения .
Писать код можно и в обычном блокноте, но подсветка синтаксиса, автоматические отступы и автодополнение - это те вещи, ради которых стоит переходить на специализированный редактор. Об Atom и Sublime Text (не говоря про Vim и Emacs) ты, разумеется, знаешь, так что напомню о нескольких менее известных (и при этом бесплатных) редакторах.
Начнем с - редактора кода для веб-разработчиков, у которого есть неплохая бесплатная версия. Он поддерживает такие языки, как Perl, Python, Ruby, Tcl, а также JavaScript, CSS, HTML, XML.
В Komodo Edit есть подсветка синтаксиса, автодополнение и шаблоны. В более продвинутой платной версии он может работать с SVN и отладчиком кода.
Еще один интересный редактор. Он поддерживает огромный список языков программирования, имеет очень простой и легкий в освоении интерфейс. Также Bluefish умеет автоматически дополнять HTML-теги и имеет настраиваемую подсветку синтаксиса.
Проект полностью открытый, есть версии для Linux, macOS или Windows.
Geany - легковесный редактор, построенный на фреймворке GTK+. Он отлично оптимизирован и быстро открывает объемные текстовые файлы. В нем есть автозавершение HTML-тегов, подсветка синтаксиса и закрытие ранее открытых скобок. Что немаловажно, в Geany встроен свой эмулятор терминала и даже простенький менеджер проектов.
Функции Geany можно расширять, устанавливая модули, коллекцию которых ты найдешь на официальном сайте. Как и у Bluefish, у Geany есть версии для тех же трех основных операционок.
Бесплатный кросс-платформенный редактор, созданный в Microsoft. Релиз состоялся в 2015 году, и с тех пор VSCode завоевал доверие программистов. Он часто обновляется, совершенствуется, и количество его функций и возможностей постепенно растет.
VS Code поддерживает огромное количество языков программирования, может использоваться для создания веб-проектов ASP.NET5 или Node.js. В нем есть поддержка сниппетов, удобная навигация, функция рефакторинга и многое другое. Он поддерживает работу с локальными или удаленными хранилищами Git и отлично годится для написания как консольных приложений, так и веб-проектов, и софта с GUI.
В общем, если ты устал от своего обычного редактора и хочешь поэкспериментировать с чем-нибудь новым или легковесным, то у тебя есть неплохой выбор.
Благодарим Вас за проявленный интерес к нашему сайту. Компания Айтишник существует с 2006 года и предоставляет услуги IT аутсорсинга. Аутсорсинг - это перепоручение необходимых, но непрофильных для компании работ другой организации. В нашем случае это: создание, поддержка и сопровождение сайтов, продвижение сайтов в поисковых системах, поддержка и администрирование серверов под управлением Debian GNU/Linux.
Сайты на Joomla
В нынешний век информации, сайт де факто, становится как минимум визитной карточкой организации, а зачастую одним из инструментов бизнеса. Уже сейчас сайты создаются не только для организаций и частных лиц, но и для отдельных товаров, услуг и даже событий. На сегодняшний день сайт это не только источник рекламы на гигантскую аудиторию, но и инструмент для продаж и завязывания новых контактов. Мы создаем сайты, используя CMS Joomla! Эта система управления сайтами проста и интуитивно понятна. Она очень широко распространена и, следовательно, в Интернете о ней содержится большое количество информации. Найти специалиста, работающего с Joomla тоже несложно. И вам не надо далеко ходить! Наша компания Айтишник занимается обслуживанием и сопровождением сайтов на Joomla! Мы проведём все технические работы, возьмём на себя всю переписку с хостером и регистратором домена, наполним сайт и обновим на нём информацию. И хотя Joomla проста в управлении, интуитивно понятна. Но будете ли вы сами регулярно выполнять необходимые работы на сайте? Сколько времени они отнимут у вас? Если вы хотите сконцентрироваться на своём деле, то доверьте поддержку вашего сайта нам. Мы сделаем все от нас зависящее, чтобы сайт жил и приносил пользу своему владельцу.
Если вы коммерческая организация, которая рекламирует или продаёт свои товары, услуги в Интернет, то вам просто необходимо продвижение сайта в поисковых системах. Ведь для того, чтобы продать что-нибудь надо, как минимум, чтобы это увидели, чтобы об этом узнали. И мы поможем вам в этом, мы продвинем ваш Joomla сайт в поисковых системах. В зависимости от конкуренции и выделенного для продвижения бюджета, ваш сайт будет занимать достойные позиции в поисковой выдаче. Сайт увеличит вашу прибыль!
Серверы Debian
Рано или поздно, стремясь к открытости и прозрачности своего бизнеса, многие компании сталкиваются с необходимостью обеспечения лицензионной чистоты используемого программного обеспечения. Однако, далеко не всегда затраты на лицензионные отчисления приемлемы, в особенности для малого и среднего бизнеса. Выходом из этой сложной ситуации является решение о переходе на Open Source технологии. Одним из направлений Open Source является операционная система Linux (Линукс). Сотрудники нашей компании специализируются на Debian Linux (Дебиан Линукс). Это старейший и наиболее устойчивый дистрибутив операционной системы Линукс. Мы предлагаем вам услуги по внедрению Debian Linux на Вашем предприятии, настройку, обслуживание и поддержку серверов.
