Оголошення

Додаток "Електронні форми в Microsoft Office, Google і HTML"

Додаток 1. Інструменти «Вкладка Розробник»

Панель інструментів Форми (Forms) (мал. 1) приховано від користувача, як і багато інші панелі. Щоб викликати її, треба клацнути правою кнопкою миші на вільному місці в області панелей інструментів і зі списку, що з'явився, вибрати Форми (Forms).

Панель інструментів Форми - елементи керування

Панель інструментів форм (мал. 1)

1. Текстове поле. Ця кнопка служить для вставки в шаблон документа текстових полів різного типу. Це може бути власне сам текст, число, дата, час або поле формул (обчислення).

2. Прапорець. Прапорець (Check Box Form Field) використовується в основному для всякого роду анкет, бланків, де потрібно відзначати галочкою відповідні опції.

3. Поле зі списком. Вставлення Поля зі списком (Drop-Down Form Field) дозволяє користувачеві вибирати будь-які дані (заздалегідь введені вами) з розкривного списку.

4. Намалювати таблицю і вставити таблицю. Ці кнопки за своїм призначенням аналогічні однойменним командам меню Таблиця (Table).

5. Додати рамку. Ця кнопка дозволяє вставити в ваш шаблон документа рамку. Рамка зазвичай виглядає як окремий блок на сторінці

6. Затінення полів форми. Затінення полів форми (світло-сірим фоном) дозволяє легко знаходити на екрані поля, які потрібно заповнити. При друці воно не відображається.

7. Очистити поле форми. При натисканні на цю кнопку відбувається очищення (видалення) всіх введених даних в полях форми.

8. Захист форми. Після того, як ви створили свій шаблон документа, вам необхідно захистити незмінні дані в документі від випадкового зміни або видалення і заборонити користувачеві вносити будь-які зміни в документ, крім вставки даних у визначені поля.

Додаток 2. Форма в Microsoft Office

Приклад тесту, який був розроблений пакеті Microsoft Office Word.

Тест на тему: Комп’ютерна графіка. Векторний графічний редактор.

1. Зображення, яке складається з кількості точок (пікселів) називається...

2. Вкажіть переваги растрової графіки.

Додаток 3. Google форма

Приклад тесту, який був розроблений Google формою (мал. 2):

Приклад тесту, який був розроблений Google формоюПриклад тесту в Google форміПриклад тесту в Гугл формі

Додаток 4. Можливості Google форм:

«Зведення відповідей» — відображення зведеної інформації по кожному питанню у вигляді діаграм (мал. 3).

Діаграма в Google формахДіаграма в Google формі

«Переглянути відповіді» — якщо раніше, форма була пов'язана з Google таблицею, то відкриється ця таблиця з відповідями в хронологічному порядку. Таку інформацію важко сприймати, але ви можете обробити ці дані будь-яким способом (мал. 4).

Відпові на тест в Google формах

«Зберігати відповіді...» — якщо ви не пов'язували форму таблиці Google, то за допомогою цієї команди зможете це зробити. Точно так, як описано вище. При цьому всі зібрані відповіді відразу потраплять в цю таблицю (мал. 5).

Збереження відповідей у формі таблиці Google

«Видалити зв'язок з формою» — розриває зв'язок між формою і таблицею відповідей. З цього моменту, відповіді користувачів не більше будуть заноситися в таблицю, але будуть зберігатися у формі. Таблиця залишиться на вашому Диску Google.

«Створити попередньо заповнену сторінку». Вибравши цей пункт, ви зможете дати відповіді на всі або деякі питання форми і відправити її респонденту в такому вигляді. Для цього заповніть відповіді в підготовленій формі та скопіюйте нове посилання, яка з'явиться зверху. Тепер її можна передати респондентам. Наприклад, натиснути кнопку «Відправити» і замість тієї посилання, що пропонується, вставити нову.

«Видалити всі відповіді» — знищує всі відповіді у формі. Це може стати в нагоді, якщо ви захочете провести цей опитування через якийсь час знову. Щоб зберегти відповіді, перенесіть їх в таблицю за допомогою команди «Зберегти відповіді...» (мал. 6).

видалення відповідей в формах Google

Додаток 5. Сторінка HTML

Структура сторінки HTML

Структура сторінки HTML

(мал. 7)

Код

<html>

<head>

<title>My home page</title>

</head>

<body>

<h1> My home page<h1>

<p>Hello! I am…

<p>I also wrote…

</body>

</html>

Результат

Проста сторінка HTML

(мал. 8)

Додаток 6. Форма на мові HTML

Приклад тесту, який був розроблений за допомогою мови HTML.

На початку тесту нам пропонують ввести клас та прізвище, ім’я. Після чого ми підтверджуємо введені данні (мал. 9).

Приклад тесту на мові HTMLПриклад тесту на HTML

Потім на сайті з’являється всі об’єкти, які були прописані в коді: фон сайту; назва тесту; кнопка розпочати тест, перевірити результати; тестові запитання; хто проходе тест; оцінка (мал. 10).

Тест на сторінці HTML Тест у вигляді форм на мові HTML

Код:

<html>

<head>

<title>Тести</title>

<script language="JavaScript">

l=0;

function dataBase(test)

{ var counter=0;

if (test.q1[0].checked) {counter++;}

if (test.q3[0,1].checked) {counter++;}

if (l==0) {counter=counter;}

else { counter=0;}

l=l+1;

document.test.display.value = counter;

counter1=(12*counter)/2

document.getElementById('rezultat').innerHTML = "Оцінка "+counter1+""; }

</script>

</head>

<body background="image\03.jpeg">

<form name="test" method="post" >

<h1 style="color:#000000" align="center"> Тест на тему: </h1>

<h1 style="color:#000000" align="center">Комп’ютерна графіка. Векторний графічний редактор. </h1>

<center>

<input type="image" name="but_img" width="100" height="80" src="image\go.png" >

<hr align="right" size="5" color="#0000dd"/>

</center>

<ol style="font-size:20px">

<li>Зображення, яке складається з кількості точок (пікселів) називається

<p style="font-size:18px"> <input type="radio" name="q1" >Растрове </p>

<p style="font-size:18px"> <input type="radio" name="q1" >Векторне </p>

<p style="font-size:18px"> <input type="radio" name="q1" >Фрактальне </p>

<p style="font-size:18px"> <input type="radio" name="q1" >Багатовимірне </p></li>

<li>Вкажіть переваги растрової графіки

<p style="font-size:18px"> <input type="checkbox" name="q3" >Плавність переходів кольорів</p>

<p style="font-size:18px"> <input type="checkbox" name="q3" >Реалістичність зображення </p>

<p style="font-size:18px"> <input type="checkbox" name="q3" >Легкість при оброці </p></li>

</ol>

<center>

<script type="text/javascript">

var x,y;

x=prompt("Ведіть Клас","");

document.writeln("<h1>Учень ",x," класу</h1>")

y=prompt("Прізвище, імя","");

document.writeln("<h1> ",y)

</script>

<h1><div id="rezultat"></div></h1>

<input name="check" onclick="dataBase(this.form)" value=" Перевірити результат " type="button">

<p> Правильних відповідей <textarea cols="2" name="display" rows="1" wrap="VIRTUAL"></textarea>

</center>

</form>

</body>

</html>

Повернутись до змісту проєкта
Створення та використання електронних форм

Банер сайту

Сайт Обучонок містить дослідницькі роботи і творчі проєкти учнів шкіл України, теми дослідницьких робіт, проєктів і міні-проєктів з різних предметів, правила і вимоги оформлення.
Будемо вдячні, якщо встановите на своєму сайті наш банер!

Банер нашого сайту
Код банера:

<a href="https://obuchonok.com.ua" target="_blank"> <img src="https://obuchonok.com.ua/obuchua.gif" width="88" height="31" alt="Обучонок - дослідницькі роботи і проєкти учнів України"></a>

Інші банери...

Статистика