Некоторые особенности работы в редакторе

Автозакрытие тега

По умолчанию Bluefish будет автоматически проставлятьзакрывающие тэги для HTML- и XML-документов. Например, если вывведете <p> внутри HTML-документа, Bluefish поставит </р>. Так чтокак только вы закончите вводить HTML-тег, и он должен иметьзакрывающий тег, Bluefish поможет вам закрыть тег автоматически.

Эту функцию можно отключить, сняв галочку в меню Документ –Автоматически закрывать теги HTML (Ctrl + T).

Панели инструментов HTML

HTML, безусловно, наиболее поддерживаемый язык в Bluefish.

Существуют специальные панели инструментов HTML с диалогами итегами (рис. 6 и 7).

Рис. 6. Меню HTML-теги

Рис. 7. Меню HTML-диалоги

На панели инструментов HTML имеется два вида кнопок. Можноразличить каждый тип по всплывающей подсказке при наведениикурсора мыши на кнопку:

• во-первых, имеются кнопки, которые открывают диалоговоеокно для некоторых тегов HTML. Всплывающие подсказки этихкнопок заканчиваются тремя точками;

• во-вторых, имеются кнопки, которые будут непосредственновставлять текст. Всплывающие подсказки этих кнопок не имеютточек.

Существующий тег может быть отредактирован. Вы можете этосделать, щелкнув правой кнопкой мыши на тег, и выбратьРедактировать метку в контекстном меню. Вы можете такжепоместить курсор в тег и использовать меню Диалоги –Редактировать тэг под курсором... (F3). Не у всех тегов, однако, естьдиалог, так что это не всегда возможно. Цвета в формате RRGGBBтакже могут быть отредактированы из контекстного меню, вызванногоправой кнопкой мыши.

Эскиз изображения

Bluefish может автоматически генерировать эскизы (уменьшенныекартинки) для изображений. Эскиз имеет небольшой размер, соссылкой на увеличенное изображение. Bluefish будет создаватьнебольшие изображения в зависимости от настроек, вставлять тег<img> в файл, тег <a>, соединяющий оригинал. Эскизы создаются втой же директории, что и первоначальные источники.

Форматы, используемые для картинки, могут быть png или jpg. Поумолчанию это формат png. Для изображения jpg расширение эскизабудет jpg (или jpeg).

Есть два варианта вставки эскиза:

• меню Диалоги – Общие – Вставить эскиз...(Shift + Alt + N);

• на стандартной панели инструментов HTML соответствующаякнопка.

Рис. 8. Окно Вставить эскиз

В диалоговом окне вставить эскиз очень просто (рис. 8). Вывыбираете файл изображения, заполняете некоторые атрибуты тега<img>, выбираете масштабирование и нажимаете OK.

Масштабирование выбирается путем перемещения ползунка.

Вставляемое изображение вы увидите в режиме предварительногопросмотра. Bluefish создаст эскиз с расширением _thumbnail.png или_thumbnail.jpeg (в зависимости от настройки изображения внастройках).

Причем добавим параметр target с значением _blank кгиперссылке для загрузки фотографии в новом окне.

Код для jpg-изображения и эскиза выглядит примерно так:

В результате, в каталоге сайта будут содержаться изображения вдвух экземплярах: эскиз и полная версия.

Результат выполнения задания для одного сотрудника будетвыглядеть так: