DHE Editor Help
Русская версия
Содержание

- Введение
- Панель инструментов
- Верхняя панель
- Установки
- Особое копированиеl & Особая вставка
- События (Events)
- Мышь и клавиатура
- RollOver и RollClick
- Поддержка кодовых страниц
- Картинки PNG и Internet Explorer
- Системные требования
- Использованные технологии
-
>> Экспорт страниц
Введение
DHE Editor позволяет создавать страницы HTML простым рисованием в режиме WYSIWYG (What You See Is What You Get).
Он использует абсолютное позиционирование HTML, присутствующее в CSS1.

DHE Editor тестировался со следующими браузерами:
- Internet Explorer 4 (PC/Mac) и выше;
- Netscape 4 и выше;
- Opera 6 и выше;
- Mozilla/Firefox/Firebird PC-Win, Mozilla PC-Linux;
- Safari (Mac OS X);
- другими браузерами, совместимыми с CSS1 и DOM2 (все новые).

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

Прямоугольник
Создание прямоугольника (с заливкой или без, с обводкой или без)

Текстовый блок
С помощью этого инструмента можно добавить текст в документ.
Во встроенном редакторе можно форматировать текст или фрагменты текста; также непосредственно в редакторе создаются ссылки от фрагментов текста (заполнить поля [Имя:][,href][,Цель:] и нажать кнопку 'Создать ссылку'.
Также можно назначать Dynamic HTML events: после выделения фрагмента текста (или всего текста) становится доступной кнопка "События..."

Картинка
Можно вставлять, перемещать, масштабировать картинки, применять к ним графические фильтры. Экспорт происходит автоматически (возможна настройка).
Ограничения текущей версии: DHE Editor не отображает прозрачность и полупрозрачность (в HTML всё ОК); применение эффектов или масштабирования к картинке с прозрачностью убивает эту самую прозрачность. Авторы обещают исправить это в DHE Editor ver. 2
DHE Editor способен импортировать самые распространённые форматы графических файлов.

HTML
Вставка кода HTML в любое место страницы. Код может содержать ссылки, скрипты и т.д.

Текстовое поле
Вставка алфавитно-цифрового поля ввода

Кнопка
Вставка кнопки

Внимание: эти два инструмента создают код, несовместимый с Netscape 4.x, поскольку обработка такого кода очень различна в разных браузерах.
DHE Object
В документ можно вставить ссылки на другие .dhe файлы: меню Инструменты -> Вставить DHE File Object...
Из документа с такими вставками можно сгенерировать динамическую страницу, создаваемую веб-сервером в процессе загрузки.
Также это очень полезно при создании нескольких страниц с одинаковыми элементами; при изменении вставленного файла эти изменения отображаются на всех страницах, на которые он был импортирован.

Верхняя панель
Содержит кнопки для самых часто совершаемых действий.
Новое Окно, Открыть файл, Сохранить
Свойства
Размещение объектов
Просмотр
Вырезать, Копировать, Вставить
Опции
Некоторые настройки программы
Отмена, Отмена отмены
- Выровнять по сетке
Выравнивать или нет объекты по координатной сетке
- Показать сетку
Показать или спрятать координатную сетку
- Выделение "влёт"
Перемещение объекта сразу при выделении;
Если эта функция отключена, первый щелчок мышки выделяет объект, но перемещать его можно, только щёлкнув по нему ещё раз..
- Показать свойства после отрисовки
После создания объекта всплывает панель свойств.
- Ширина сетки
Установка шага координатной сетки
- Цвет сетки
Цвет координатной сетки
- Резервные файлы
Создание .BAK-файла при сохранении
- Двойной щелчок откроет особые
Открывание по двойному щелчку панели особых свойств объекта вместо обычной панели свойств.
- Альтернативный браузер для просмотра
Выбор альтернативного браузера для просмотра вместо браузера по умолчанию..
- Выбор языка
Выбор языкового файла интерфейса редактора

Особое копирование и Особая вставка
Особое копирование
Копирование картинки или текстового блока в системный буфера обмена с возможностью вставки в другую программу. Доступно, если выделен один текстовый блок или одна картинка.

Особая вставка
Вставка текста или картинки из системного буфера обмена. Доступно, если буфер обмена содержит текст или картинку.

Примечание:
При обычном копировании/вставке также задействован системный буфер обмена.

События (Events)
C помощью редактора событий вы можете назначать действия (показать или спрятать объект, копировать картинку, перемещать объекты, запускать Javascript) при наступлении определённых ситуаций; это называется События (Events).
Не все объекты поддерживают события из-за ограниченной обработки кода Dynamic HTML в некоторых браузерах.

События можно ассоциировать со следующими объектами:
- Page (текущая страница);
- Текстовый блок (весь текст или его любой непрерывный фрагмент);
- Картинка;
- Поля ввода (text, button, option, radio button, и т.д.).

События, поддерживаемые в DHE Editor:
- onMouseOver --> при наведении мышки на объект;
- onMouseOut --> при уводе мышки с объекта;
- onClick/onDblClick --> щелчок мышки по объекту;
- onBlur --> уход фокуса ввода из поля ввода;
- onChange --> изменение значения в поле ввода;
- onLoad, onUnload, onResize --> только для страницы (Page object).

На выходе получается корректный код Dynamic HTML, совместимый со всеми современными браузерами.

Мышь и клавиатура
Мышь
С помощью мыши можно рисовать, масштабировать и перемещать любые объекты по странице.
Можно выделить несколько объектов, удерживая клавишу Shift и щёлкая мышкой по объектам. Также можно растянуть рамочку инструментом "Выбор объекта" вокруг объектов, которые нужно выделить.
Двойной щелчок по объекту открывает окно свойств или окно особых свойств объекта, в зависимости от настроек программы.
Перемещение или масштабирование объекта за пределы видимой части окна документа автоматически увеличит размер документа, при этом появятся скролл-бары.
Объектоы, помеченные как невидимые для редактирования, можно выделить, удерживая клавишу Ctrl при щелчке.

Клавиатура
С помощью клавиатуры также можно управлять объектами.

- Перемещение и масштабирование:
Объект должен быть выделен:.
<стрелки> --> смещение на один пиксел;
<стрелки> + CTRL --> смещение и выравнивание по сетке;
<стрелки> + SHIFT --> масштабирование на один пиксел;
<стрелки> + SHIFT + CTRL --> масштабирование и выравнивание по сетке.

- Выделить всё: CTRL + A
- Инверсия выбора: *
- Копировать: CTRL + C
- Вырезать: CTRL + X
- Удалить: Del, BackSpace
- Следующий объект: +
- Предыдущий объектt: -
- Прокрутка экрана вниз или вверх: PG DOWN o PG UP
- В начало: HOME
- Сохранить: CTRL + S
- Новый документ: CTRL + N
- Особое копирование: CTRL + B
- Особая вставка: CTRL + W
- Отмена: CTRL + Z
- Переместить объекты под курсором вниз страницы: ENTER
- Переместить объекты под курсором вверх страницы: BACK SPACE

Подсказка: Что за курсор?!
Здесь курсор -- это крестик, который появляется на странице при щелчке по ней инструментом "Выбор объекта"

RollOver и RollClick
Замена картинки при наведении на неё мышки и/или щелчке по ней.
Устанавливается в закладке свойств.

Как правильно выставить кодовую страницу
Текущая версия DHE Editor не включает в себя прямой настройки кодовой страницы результирующего HTML-кода. Для того, чтобы HTML имел правильно прописанную кодовую страницу, сделайте следующее:

1) откройте панель "Установки главной страницы"
2) вставьте в поле "Head HTML code" строчку

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

(для русского языка; для другого языка соответственно измените значение charset)
Как добиться правильного отображения PNG-файлов в Internet Explorer'е
Internet Explorer не отображает прозрачность и полупрозрачность картинок в формате .png. Однако это можно исправить, не утратив кросс-браузерности кода.
Полностью проблема описана в
этой статье, здесь приведён только взятый оттуда рецепт:

1) распакуйте файл
pngtools.zip
2) скопируйте файл png.htc в папку с экспортированными HTML-страницами
3) откройте панель "Установки главной страницы"
4) вставьте в поле "Head HTML code" строчку

<style><!--img {behavior: url("png.htc");}--></style>

(она содержится в файле trnsp.htm)

Файл blank.gif генерируется DHE Editor'ом в процессе экспорта автоматически.

Для того, чтобы правильно видеть страницу с .png-файлами при нажатии на кнопку "Просмотр", файл png.htc необходимо скопировать во временную папку, в которую DHE Editor экспортирует HTML в процессе предпросмотра в браузере. Её местонахождение можно узнать из адресной строки браузера.

Системные требования
Для работы программы необходимо не менее 15 МВ оперативной памяти и 15 МВ дискового пространства для файлов программы и временных файлов. DHE Editor совместим со всеми 32-битными версиями MS Windows.
Использованные технологии
Программа написана на Visual Basic 6.

3rd-party software:
- DHE Editor использует библиотеку FreeImage.dll для работы с картинками.
Эта библиотека доступна в Интернете по адресам:
http://
www.6ixsoft.com
или http://
sourceforge.net/projects/freeimage.
© Lorenzi Davide, 2003

Русский перевод, разделы "Как правильно выставить кодовую страницу", "Как добиться правильного отображения PNG-файлов в Internet Explorer'е" ©
xarkonnen, 2004
View in English - Italian - Russian