Программные средства разработки Web-страниц и презентаций: Методические указания к выполнению лабораторных работ, страница 17

5.  Вернуться в режим Конструктор и установить защиту данных в таблице:

·  В области электронной таблицы выделить диапазон ячеек B3:B5, на вкладке Формат в окне команды Команды и параметры в группе Ячейка выключить кнопку Заблокировать ячейки  (кнопка должна выглядеть не нажатой). Аналогично разблокировать ячейку F1.

·  В окне команды Команды и параметры перейти на вкладку Защита и установить флажок Защитить активный лист.

·  Сохранить изменения на странице и просмотреть ее в режиме Просмотр. Проверить, что пользователь может менять только значения курса валют и денежную сумму в рублях.

Задание 2.  На странице «Написать» создать web-форму, позволяющую посетителю отправить данные о себе на e-mail владельца узла.

6.  Открыть страницу «Написать» (файл form.htm) для редактирования в режиме Конструктор. Под заголовком страницы добавить текст «Укажите, пожалуйста, следующую информацию:».

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

·  Для вставки формы выполните команду Вставка|Форма| Форма. Появится две кнопки Отправить и Сброс, окруженные пунктирной линией – область формы. Все следующие поля формы и текст следует вставлять внутри этой пунктирной линией (кнопки не должны дублироваться).

·  Перед кнопками ввести текст «Ваше имя:», следом вставить поле для ввода текста, выполнив команду Вставка|Форма| Поле. Увеличить размер поля, перетащив его границу мышью. Задать значение fio для свойства Имя поля – для вызова окна свойств поля дважды щелкнуть на поле мышью или щелкнуть правой кнопкой мыши и выбрать команду Свойства поля формы.

·  После первого поля ввода текста (внутри формы, перед кнопками) добавить новую строку (клавишей Enter). Набрать текст «Ваш e-mail:» и вставить еще одно текстовое поле (Вставка| Форма|Поле). Задать имя поля – mail, увеличить размер поля.

·  Ниже ввести текст «Укажите свой пол», затем вставить элемент переключатель командой Вставка|Форма|Переключатель и через пробел – текст «Мужской», через пробел – еще один переключатель и текст «Женский». Настроить свойства переключателей:

Имя группы для обоих переключателей – pol,

Значение для первого переключателя – муж, для второго – жен,

Начальное состояние для первого переключателя – Выбран, для второго – Не выбран.

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

·  Под переключателями набрать текст «Лучшая страница на моем web-узле», а строкой ниже – вставить выпадающий список для выбора страницы командой Вставка|Форма|Раскрывающийся список, настроить параметры списка:

Имя – page;

нажать кнопку Добавить для ввода элемента списка, в появившемся окне Добавление варианта в строке Вариант ввести Главная, установить флажок Значение, ввести в следующую строку maih.htm и нажать ОК;

аналогичным образом добавить элементы списка Карта (значение carta.htm), Расчет (значение calc.htm) – при добавлении элемента установить переключатель Начальное состояние в позицию выбрано, Написать (значение form.htm);

Высота – 1;

Разрешен выбор нескольких элементов – Нет.

Сохранить страницу и проверить действие выпадающего списка на вкладке Просмотр.

·  Под списком набрать текст «Ваши комментарии или вопросы», а затем вставить область для ввода длинного текста командой Вставка|Форма|Текстовое поле. Настроить размер текстового поля, дать его Имя – text.

·  Кнопки должны располагаться в самом низу области формы (под остальными полями формы).

8.  После того, как форма полностью готова, настроить ее для отправки данных на адрес электронной почты:

·  Перейти в режим непосредственного редактирования тэгов HTML – вкладка HTML.

·  Найти фрагмент HTML, относящийся к форме – тэг <form> после текста «Оставьте информацию о себе».

·  Отредактировать открывающий тэг формы <form>:

значение параметра method оставить без изменения (post);