Лекции по ЧМВ-дополнительные (1022759), страница 10

Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 10)

При реализации любого приложения обязательно обеспечение поддержки действий пользователя. Для этого применяются:

• Справочник. Он представляет пользователю полные сведения о продукте в форме интерактивной документации.

• Контекстная справка. Предназначена для быстрого получения данных по действиям для каждого объекта интерфейса.

• Мастера. Они позволяют провести пользователя по длинной последовательности операций, выполняя большую часть действий автоматически, запрашивая у пользователя только конкретные данные.

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

• Создание страниц справки в одном из текстовых редакторов (например, Word).

• Преобразование их в расширенный текстовый формат RTF (с расширением .rtf)..

• Создание проекта Help-файла (с расширением .hpj). Это наиболее трудоемкая операция, при исполнении которой нужно разбить справку на разделы, установить связи между ними, добавить интерактивные элементы и рисунки. Для автоматизации этого процесса можно воспользоваться утилитой Microsoft Help Workshop.

• Компиляция файлов .rtf и .hpj в итоговый файл справки с расширением .hlp

Альтернативный вариант - создание справочника из набора связанных друг с другом файлов на языке HTML. Отдельные файлы можно создавать с помощью любого средства работы с языком HTML. Недостаток такого подхода - большой справочник содержит очень много файлов. Для автоматизации установки связей между отдельными файлами можно воспользоваться утилитой HTML Help Workshop.

Контекстная справка. Предназначена для быстрого получения данных по действиям для каждого объекта интерфейса. Ее можно создать любыми средствами создания ПИ. Можно воспользоваться и специальной программой What's This? Help Composer (Конструктор справки Что это?) из пакета RoboHelp Office.

Мастера. Они позволяют провести пользователя по длинной последовательности операций, выполняя большую часть действий автоматически, запрашивая у пользователя только конкретные данные.

8.3. Средства разработки Web-документов

Для рядовых пользователей Интернета при создании собственного web-сайта нет необходимости изучать сложные структуры языка разметки гипертекста или его расширений, поскольку помимо «классического» метода подготовки html-документов вручную существует и другой достаточно популярный способ - применение web-редакторов, автоматически генерирующих большую часть необходимого пользователю кода.

Существует множество HTML-редакторов, построенных по принципу WYSIWYG, что расшифровывается как «What You See Is What You Get» (To, что Вы видите, Вы и получаете). Один из самых распространенных и популярных из них Microsoft FrontPage, который входит в состав дистрибутивов Microsoft Office. Освоив базовые принципы работы с FrontPage, Вы без труда сможете изучить любой другой визуальный html-редактор, выбрав из них тот, который наиболее соответствует вашим вкусам, потребностям и задачам. Главное достоинство этого редактора по сравнению с другими аналогичными продуктами состоит в том, что он имеет стандартный для программ Microsoft Office интерфейс со стандартным же расположением элементов управления.

Не лишен FrontPage и недостатков, среди которых следует отметить способность генерировать значительное количество так называемого паразитного кода, то есть лишних тегов HTML, занимающих в листинге документа место, но не несущих какой-либо смысловой нагрузки. В большинстве случаев ответственность за обилие паразитного кода в листинге html-документов несет сам web-мастер, поскольку девяносто процентов неисполняемых директив появляется в коде web-страниц из-за множества исправлений, которые он делает в основном окне редактора. После создания, уничтожения и повторного создания какого-либо визуального объекта на web-странице FrontPage не «затирает» за собой остатки от предыдущего, уже удаленного элемента, в результате чего количество таких «хвостов» растет в арифметической прогрессии, порой превышая все разумные рамки. Из этого факта следуют три простых вывода:

1. Переходите к компоновке страницы не раньше, чем подготовите ее эскиз на бумаге.

2. Прежде чем выполнить какое-либо действие в Microsoft FrontPage, подумайте, следует ли его выполнять.

3. Удалив или заменив какой-либо объект в Конструкторе, перейдите в окно Кода проекта и подправьте код вручную.

Интерфейс программы FrontPage выглядит так:

В окне размещены:

• Заголовок окна с именем файла страницы. По умолчанию имя страницы - нов_стр_1, его следует при сохранении страницы изменить на семантически значимое.

• Главное меню.

• Панели инструментов с кнопками вызова команд. По умолчанию выведены панели Стандартная и Форматирование. При желании можно вывести еще около 10 специальных панелей. Содержание каждой панели можно настраивать, как в других приложениях Microsoft Office.

• Строка выбора файла (можно работать параллельно со многими файлами).

• Строка быстрого выбора тега, в которой отображаются кнопки выбора тега из доступных для выбранного объекта.

• Рабочее поле, в котором Вы видите результаты своей работы. Там по выбору можно разместить Конструктор, Код (HTML) или Просмотр - окно предварительного просмотра страницы в браузере. Можно также Конструктор и Код наблюдать одновременно, выбрав режим С разделением.

• Панель Область задач справа (в примере для задачи Приступая к работе). В верхней части панели размещается выпадающий список выбора задачи. Для каждой задачи выводятся средства быстрого ее решения.

• Строка выбора режима отображения рабочего поля.

В окне настроек, вызываемом командой Файл>Свойства..., можно установить желаемые свойства страницы.

Окно содержит 5 вкладок. Вкладка Общие включает следующие настройки, которые пользователь по желанию может изменить:

• Поле Расположение указывает путь к файлу страницы.

• В поле Название можно ввести название web-страницы.

• В поле Описание страницы можно поместить текстовое описание документа.

• В поле Ключевые слова помещают список ключевых слов.

• В поле Базовое расположение можно указать URL вашего сайта.

• В поле Конечная рамка по умолчанию можно указать имя фрейма, в котором должен загружаться документ.

• В области Фоновый звук можно задать звук в формате MIDI, который будет воспроизводиться всякий раз при открытии документа в браузере. В поле Расположение задается путь к файлу звука. В поле Число повторов можно установить количество повторов или заставить звуковой файл воспроизводиться непрерывно (флаг Непрерывно).

Важным в окне настроек свойств документа является определение языка кодировки документа. Средства для этого находятся на вкладке Язык. В выпадающем списке области Набор знаков рекомендуется выбрать Кириллица для страниц с графическим интерфейсом или Кириллица (КОИ8-Р) для страниц с символьным интерфейсом.

Набор текста

Текст, помещаемый в документ HTML для отображения в клиентском браузере, набирается в окне Конструктора, как в обычном текстовом редакторе. Доступны следующие средства форматирования:

• Стиль (обычный, заголовки, списки или определения).

• Шрифт (рекомендуется использовать шрифт, установленный по умолчанию).

• Размер шрифта регулируется с использованием списка, в котором выбирается размер по номеру или в кеглях.

• Написание (жирное, наклонное или подчеркнутое).

• Позиционирование текста (выравнивание по левому краю, по правому краю, по центру или по ширине).

• Изменение размера шрифта на один номер вверх или вниз.

• Создать маркированный или нумерованный списки.

• Увеличить или уменьшить отступ.

• Поместить текст в рамки.

• Изменить цвета символов и фона текста по предлагаемой цветовой палитре.

Текст можно также импортировать в html-документ из буфера обмена с использованием команды Правка>Вставить. Рекомендуется импортировать текст в html-документ из буфера обмена, предварительно набрав его в редакторе Блокнот (Notepad). При переносе текстов на web-страницу из других текстовых редакторов, например из Microsoft Word, иногда происходит нарушение форматирования текстовых блоков.

Списки и разделители

Нумерованные и маркированные списки создаются в открытом документе FrontPage по тому же алгоритму, что и списки, включаемые в документ Word. Разрыв текста можно создать, выбрав пункт меню Вставка>Разрыв, указав в появившемся диалоговом окне параметры переноса строк после разрыва абзаца. Горизонтальная разделительная линия вставляется в web-страницу с помощью пункта меню Вставка > Горизонтальная линия. Вот так она выглядит:

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

Размещение иллюстраций

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

Окно настройки свойств изображения содержит три вкладки:

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

2. Вкладка Общие позволяет указать адрес расположения графического файла, его тип и параметры (поддерживаются GIF, PNG, JPEG), ввести в особое поле альтернативный текст, отображающийся на web-странице в случае, если клиентский браузер не поддерживает загрузку рисунков.

3. Видеозапись. Управляет настройками видео ролика, который можно интегрировать в html-документ вместо картинки.

Гиперссылки

Поддерживаются ссылки на внешние объекты (Hyperlink - гиперссылка) и внутри страницы (Bookmark - закладка).

Для того, чтобы организовать гиперссылку с web-страницы, необходимо проделать следующие действия:

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

• Выберите пункт меню Вставка>Гиперссылка.

• Выберите URL ресурс, на который ссылается документ.

• Нажмите ОК.

После завершения выбранный Вами объект получит статус гиперссылки.

Для создания ссылки внутри web-страницы, можно поступать аналогично, предварительно создав закладку внутри страницы. Для этого выполните следующие действия:

• Выделите мышью отрывок текста, либо изображение, которому Вы хотите назначить свойства закладки.

• Выберите пункт меню Вставка>Закладка.

• В диалоговом окне назначьте имя закладки. В его качестве может выступать выделенный текст..

• Нажмите ОК.

Таблицы

Для создания новой таблицы используется команда Таблица>Вставить>Таблица, либо кнопка Добавить таблицу на стандартной панели инструментов. В результате на экране появится диалоговое окно, которое позволит Вам установить параметры создаваемой таблицы.

В окне можно:

• В области Размер - задать количество строк и столбцов таблицы.

• В области Положение - задать размещение таблицы. В поле Выравнивание можно выбрать способ выравнивания таблицы относительно рабочего окна браузера. В области Обтекание выбирается способ размещения таблицы и текста с наложением друг на друга. В пунктах Поля ячеек и Интервал ячеек задаются размеры ячеек таблицы. Флаги Задать ширину и Задать высоту дают доступ к выбору единицы измерения ширины и высоты таблицы (в пикселях или процентах).

• В области Границы - выбрать размеры линии обрамления, цвета светлой и темной линий обрамления.

• В области Фон - установить цвет закраски ячеек.

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

• Кнопка Стиль вызывает окно установки дополнительных параметров.

Прочие элементы FrontPage

FrontPage позволяет оперировать с другими элементами документов HTML. В состав страницы можно включать:

• Произвольный комментарий командой Вставка>Примечание. В браузере комментарий не отображается.

• Формы и элементы управления командой Вставка>Форма>... При добавлении формы в Microsoft FrontPage будет вставлена прямоугольная область, которая будет выделена пунктирной линией и будет содержать кнопки Отправить и Сброс. Внутрь прямоугольной области можно добавлять элементы управления, ниже перечисленные. Копка Отправить инициирует команду пересылки содержимого элемента формы на сервер, кнопка Сброс отменяет действие с элементом в форме.

  Форма	Начало формы Конец формы
  Поле	Начало формы Конец формы
  Текстовое поле	Начало формы Конец формы
  Поле отправки файла	Начало формы Конец формы
  Флажок	Начало формы Конец формы
  Переключатель	Начало формы Конец формы
  Группа	Начало формы Группа Конец формы
  Раскрывающийся список	Начало формы Конец формы
  Кнопка	Начало формы Конец формы
  Расширенная кнопка	Начало формы Прототип для текста Конец формы

• Поле Дата время командой Вставка>Дата и время....

• Интерактивную кнопку командой Вставка>Меняющаяся кнопка... При исполнении формируется диалоговое окно для выбора кнопки. На вкладке Кнопка из списка Кнопка выбирается желаемая. В поле Просмотр отображается вид выбранной кнопки. В поле Текст можно задать надпись на кнопке.

Характеристики

Список файлов лекций