Завершение компоновки страницы

1. Щелкните значок Страница на панели Представления, чтобы переключиться в представление Страница.

2. Если открытСписок папок, закройте его, чтобы видеть большую часть страницы, с которой вы работаете.

Чтобы закрыть Список папок, выполните следующие действия.

1. На стандартной панели инструментов нажмите кнопку Переключить панель и выберите вариант Список папок.

2. На странице Товары поместите курсор после предложения <ШИРОЧАЙШИЙ ВЫБОР СПОРТИВНЫХ ТОВАРОВ> и нажмите кнопку Добавить рисунок из файла на панели инструментов.

3. В диалоговом окне Рисунок по-прежнему доступны импортированные ранее рисунки — выберите файл FPTutor002 из списка.
Допускается также вставка картинок или, при наличии сканера или цифровой камеры, изображений с этих устройств.

4. Чтобы вставить рисунок, нажмите кнопку ОК.

5. Щелкните только что вставленный рисунок и нажмите кнопку По правому краю на панели инструментов, чтобы расположить рисунок по правой границе и добиться его обтекания текстом.

Страница должна выглядеть так:

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

Для завершения страницы Товары будет создана форма обратной связи для общения с посетителями веб-узла. Форма обратной связи позволит собирать замечания и мнения посетителей веб-узла.

Создание формы обратной связи

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

2. В новой пустой строке введите фразу Нам нужен ваш отклик! и нажмите клавишу ENTER.

3. В меню Вставка выберите пункт Форма, а затем — пункт Поле.
На страницу будет автоматически вставлена новая форма с текстовым полем. Штриховая линия будет обозначать границы формы. По умолчанию новая форма содержит также кнопки Отправить и Сброс.

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

Настройка формы

1. Нажмите кнопку Отправить, а затем — кнопку По центру на панели инструментов.

2. Нажмите клавишу <Стрелка влево>, чтобы поместить курсор перед кнопкой Отправить и нажмите клавишу ENTER.
Нажатие клавиши ENTER добавляет новую строку к форме.

3. Щелкните поле и нажмите клавишу <Стрелка влево>, чтобы поместить курсор в начало формы.

4. В первой строке введите фразу Ваше имя: и нажмите клавиши SHIFT+ENTER.
Нажатие клавиши ENTER при удерживаемой клавише SHIFT вводит разрыв строки. Разрывы строк удобны для размещения строк текста с интервалом меньше стандартного интервала между абзацами.

5. Поместите курсор после поля и нажмите клавишу ENTER.

6. На следующей строке наберите фразу Ваш адрес электронной почты: и нажмите клавиши SHIFT+ENTER.

7. В меню Вставка выберите пункт Форма, еще раз выберите Поле и нажмите клавишу ENTER.

8. В следующей строке введите фразу Ваши комментарии: и нажмите клавиши SHIFT+ENTER.

9. В меню Вставка выберите пункт Форма, а затем — пункт Текстовое поле.
В форму будет автоматически помещено текстовое поле с полосой прокрутки.

10. Дважды щелкните только что вставленное текстовое поле.
Появится диалоговое окно Свойства текстового поля. В нем можно изменить внешний вид текстового поля.

11. В диалоговом окне Свойства текстового поля измените параметры Ширина в знаках и Число строк, задав для них значения 30 и 5 соответственно, а затем нажмите кнопку ОК.
Текстовое поле увеличится в размерах, чтобы побудить посетителей веб-узла к написанию более подробных комментариев.
По завершении создания формы и страницы Товары необходимо сохранить результаты работы.
Примечание.
Проверка формы до публикации веб-узла на сервере невозможна.

12. На панели инструментов нажмите кнопку Сохранить для сохранения изменений на странице Товары.

Страница должна выглядеть так:

Создание формы и страницы Товары завершено. Теперь добавим еще две страницы: интерактивную коллекцию фотографий и список ссылок на несколько веб-узлов в Интернете.