Книга: Веб-Самоделкин. Как самому создать сайт быстро и профессионально

Описание пользовательского интерфейса

Описание пользовательского интерфейса

После установки программы на компьютер в меню будет сформирована ее программная папка, включающая в себя две команды: для запуска CatsHtml и для ее деинсталляции. Кроме этого, на рабочем столе появится ярлык запуска программы.

После запуска CatsHtml на экране отображается ее пользовательский интерфейс, который показан на рис. 3.1.

Рис. 3.1.]]> Интерфейс программы CatsHtml

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

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

Самую большую часть интерфейса занимает рабочая область, в которой, собственно, и ведется вся работа по созданию и редактированию веб-страниц. На рис. 3.1 в рабочей области показана предварительная разметка документа, которая формируется автоматически при создании нового веб-документа, а также при запуске программы. Здесь можно увидеть уже знакомые нам теги: , , и др.

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

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

Под инструментальной панелью находится семь вкладок: (данная вкладка открыта на рис. 3.1), , , , , и . Каждая из этих вкладок содержит набор инструментов, предназначенных для выполнения соответствующих операций и процедур. Более подробно порядок работы на каждой вкладке мы будем рассматривать ниже, по мере знакомства с программой.

Оглавление книги