Тема- Створення та використання електронних форм
Работа добавлена на сайт samzan.net:
Лабораторна робота №13
Тема: Створення та використання електронних форм.
Мета: Навчитися створювати електронні форми засобами текстового процесора, мови гіпертекстової розмітки, соціальних сервісів Web 2.0.
Хід роботи.
Завдання 1. Створити у текстовому процесорі Word електронну форму:
Порядок виконання завдання:
- запустіть програму Microsoft Word;
- створіть заголовок документа;
- вставте в документ таблицю;
- вставте у комірки таблиці підготовлені зображення;
- виведіть на екран панель інструментів Формы (Вид – Панели инструментов – Формы);
- вставте у комірки таблиці відповідні елементи керування та встановіть значення їх властивостей (команда Свойство контекстного меню елемента керування);
- заблокуйте форму *(обов’язково).
- збережіть документ;
- перевірте правильність роботи елементів керування.
(Додаткове завдання: створіть анкету учасника наукової конференції з використанням елементів керування форми, поля для анкети задайте самостійно).
Завдання 2. Створити електронну форму засобами мови HTML.
Порядок виконання завдання:
- запустіть текстовий редактор Блокнот (Пуск – Все программы – Стандартные – Блокнот);
- введіть HTML код файлу:
Приклад однострічкового поля введення:
<form name="form1" action="" class="highlight">
<input name="textfield" value="Це текстове поле" maxlength="50" type="text">
</form>
Приклад поля введення пароля:
<form name="form2" action="" class="highlight">
<input name="textfield" value="Таємно" maxlength="20" type="password">
</form>
Приклад незалежних перемикачів:
<form name="form3" action="" class="highlight">
<input name="checkbox1" type="checkbox">
<span class="mtx4">Перший параметр</span>
<p>
<span class="mtx4">
<input name="checkbox2" type="checkbox">
Другий параметр</span></p>
<p>
<span class="mtx4">
<input name="checkbox3" type="checkbox">
Третій параметр
</span></p>
<p>
<span class="mtx4">
<input name="checkbox4" type="checkbox">
Четвертий параметр</span></p>
</form>
Приклад залежних перемикачів та кнопки:
<form action="./docs/script2.php" method="get" target="_blank" class="highlight">
<span class="mtx4">
<input name="answer" value="yes" checked="checked" type="radio">
Так
<input name="answer" value="no" type="radio">
Ні</span>
<input value="Надіслати" type="submit">
</form>
- збережіть документ у форматі HTML (Файл – Сохранить – Тип файла: Все файлы, Имя файла: 1.html);
- перегляньте створену сторінку за допомогою браузера.
(Додаткове завдання: створіть реєстраційну форму учасника наукової конференції з використанням розглянутих елементів керування, поля для форми задайте самостійно).
Завдання 3. Створити форму для проведення опитування з теми «Атомна енергетика України» у Документах Google, надіслати її одногрупникам та провести аналіз відповідей.
Порядок виконання завдання:
- відкрийте програму-браузер;
- завантажте головну сторінку Google (Google.com.ua);
- в меню сторінки виберіть пункт Документи (Ще… – Документи);
- для ідентифікації введіть ім’я користувача і пароль;
- відкрийте меню Создать;
- виберіть команду Форма;
- виберіть фонове оформлення форми (натиснути кнопку Тема – вибрати варіант оформлення – натиснути кнопку Применить);
- введіть заголовок анкети в поле Форма, пояснення до неї.
- двічі натисніть ліву кнопку мишки встановивши її покажчик на полі Образец вопроса 1.
- у поле Заголовок вопроса введіть текст першого запитання;
- у полі Тип вопроса виберіть Флажки і введіть варіанти відповідей;
- активізуйте режим Сделать этот вопрос обязательным і натисніть кнопку Готово;
- натисніть кнопку Добавить элемент, вкажіть тип завдання;
- створіть не менше 5 запитань різного типу;
- збережіть форму;
- натисніть кнопу Отправить эту форму по электронной почте;
- у полі Кому вкажіть електронні адреси респондентів;
- у другому вікні завантажте сторінку поштової скриньки і дайте відповіді на запитання анкет одногрупників, які надіслані на Вашу адресу;
- після завершення опитування натисніть кнопку Посмотреть ответы і перегляньте результати опитування в режимі Сводки та Таблицы
Контрольні запитання
1. Що таке форма?
2. Які елементи керування використовують для створення форм у Word?
3. Що таке теги?
4. Яка різниця між типами перемикачів radio та checkbox?
5. Що таке акаунт?
6. Як створити форму у документах Google?
7. Як надіслати форму для опитування?
8. Як переглянути результати опитування?
9. Які режими перегляду результатів можна використовувати?
2. ТУЛЬСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ Институт Высокоточных систем им
3. КОНТРОЛЬНА РОБОТА з дисципліни- ДОГОВІРНЕ ПРАВО ВАРІАНТ 2
4. ИННОВАТИКА для студентов 4 курса потоков Т Тс ТД ФТС 20132014 учебного года 1
5. Реферат- Проблеми ліквідації банків.html
6. ТЕМАТИЧЕСКИЕ МЕТОДЫ И ПРИКЛАДНЫЕ МОДЕЛИ ВАРИАНТ 2
7. Предельная форма Условие радикального признака равносильно следующему- То есть можно сф
8. Тема Выходной 2 18й урок Tsugi w Kyooto ni ikiti desu
9. Тема 8 1Внешняя политика России во второй половине 19 в.html
10. Экономические взгляды Аристотеля
11. Проектирование операционной системы малого предприятия
12. наименее заметных форм ~ cельскохозяйственных производственных кооперативах.
13. Понятие содержание и особенности договора перевозки грузов
14. Основные вехи социологии XIX века
15. реферат дисертації на здобуття наукового ступеня кандидата медичних наук.html
16. директора по УР Председатель ГАК - М
17. Институциональные изменения
18. х годов начало 90х годов ярче проявились тенденции к распаду идеологической территориальной политической.html
19. Этногенез восточных славян
20. Определяем требуемый расход воды на тушение пожара