Bluefish Текстовое руководство по редактору HTML

Редактор кода Bluefish — это приложение, используемое для разработки веб-страниц и сценариев. Это не WYSIWYG редактор. Bluefish — это инструмент, используемый для редактирования кода, из которого создается веб-страница или скрипт. Он предназначен для программистов, которые имеют знания по написанию HTML и CSS-кода и имеют режимы работы с наиболее распространенными языками сценариев, такими как PHP и Javascript, а также многими другими. Основная цель редактора Bluefish — упростить кодирование и уменьшить количество ошибок. Bluefish — это бесплатное программное обеспечение с открытым исходным кодом, доступны версии для Windows, Mac OSX, Linux и других Unix-подобных платформ. Версия, которую я использую в этом руководстве, — Bluefish в Windows 7.

Интерфейс Bluefish

Интерфейс Bluefish разделен на несколько разделов. Самый большой раздел — это панель редактирования, где вы можете напрямую редактировать свой код. С левой стороны панели редактирования находится боковая панель, которая выполняет те же функции, что и файловый менеджер, позволяя вам выбирать файлы, с которыми вы хотите работать, и переименовывать или удалять файлы.

Раздел заголовка в верхней части окон Bluefish содержит несколько панелей инструментов, которые можно показать или скрыть с помощью меню «Вид».

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

Это потому, что Bluefish не форматирует код, это всего лишь редактор. Под основной панелью инструментов находится панель инструментов HTML и меню фрагментов. Эти меню содержат кнопки и подменю, которые можно использовать для автоматической вставки кода для большинства языковых элементов и функций.

Использование панели инструментов HTML в Bluefish

Панель инструментов HTML в Bluefish упорядочена по вкладкам, которые разделяют инструменты по категориям. Вкладки:

  • Панель быстрого доступа . На этой вкладке можно закрепить другие инструменты для часто используемых элементов.
  • HTML 5 — предоставляет доступ к общим тегам и элементам в HTML 5.
  • Стандартный — на этой вкладке доступны общие параметры форматирования HTML.
  • Форматирование — здесь можно найти менее распространенные варианты форматирования.
  • Таблицы — различные функции создания таблиц, включая мастер таблиц.
  • Список — инструменты для создания упорядоченных, неупорядоченных списков и списков определений.
  • CSS — из этой вкладки можно создавать таблицы стилей, а также код макета.
  • Формы — из этой вкладки можно вставить наиболее распространенные элементы формы.
  • Шрифты — на этой вкладке есть ярлыки для работы со шрифтами в HTML и CSS.
  • Рамки — самые распространенные функции для работы с формами.

Нажатие на каждую вкладку заставит кнопки, относящиеся к соответствующей категории, появиться на панели инструментов под вкладками.

Использование меню фрагментов в Bluefish

Под панелью инструментов HTML находится меню, называемое панелью фрагментов. Эта строка меню имеет подменю, относящиеся к различным языкам программирования. Каждый элемент в меню вставляет обычно используемый код, например, такие как HTML-типы документов и метаинформацию.

Некоторые из пунктов меню являются гибкими и генерируют код в зависимости от тега, который вы хотите использовать. Например, если вы хотите добавить предварительно отформатированный блок текста на веб-страницу, вы можете щелкнуть меню HTML на панели фрагментов и выбрать пункт меню «любой парный тег».

При нажатии на этот элемент открывается диалоговое окно, в котором вам предлагается ввести тег, который вы хотите использовать. Вы можете ввести «pre» (без угловых скобок), и Bluefish вставит открывающий и закрывающий тег «pre» в документ:

 

.

Другие особенности Bluefish

Хотя Bluefish не является редактором WYSIWYG, у него есть возможность предварительно просматривать код в любом браузере, установленном на вашем компьютере. Он также поддерживает автозавершение кода, подсветку синтаксиса, средства отладки, окно вывода скрипта, плагины и шаблоны, которые могут дать вам быстрый старт для создания документов, с которыми вы часто работаете.

Оцените статью
Solutics.ru
Добавить комментарий