Оголошення
Дослідницькі роботи і проєкти
Додаток "Електронні форми в Microsoft Office, Google і HTML"
Додаток 1. Інструменти «Вкладка Розробник»
Панель інструментів Форми (Forms) (мал. 1) приховано від користувача, як і багато інші панелі. Щоб викликати її, треба клацнути правою кнопкою миші на вільному місці в області панелей інструментів і зі списку, що з'явився, вибрати Форми (Forms).
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):
Додаток 4. Можливості Google форм:
«Зведення відповідей» — відображення зведеної інформації по кожному питанню у вигляді діаграм (мал. 3).
«Переглянути відповіді» — якщо раніше, форма була пов'язана з Google таблицею, то відкриється ця таблиця з відповідями в хронологічному порядку. Таку інформацію важко сприймати, але ви можете обробити ці дані будь-яким способом (мал. 4).
«Зберігати відповіді...» — якщо ви не пов'язували форму таблиці Google, то за допомогою цієї команди зможете це зробити. Точно так, як описано вище. При цьому всі зібрані відповіді відразу потраплять в цю таблицю (мал. 5).
«Видалити зв'язок з формою» — розриває зв'язок між формою і таблицею відповідей. З цього моменту, відповіді користувачів не більше будуть заноситися в таблицю, але будуть зберігатися у формі. Таблиця залишиться на вашому Диску Google.
«Створити попередньо заповнену сторінку». Вибравши цей пункт, ви зможете дати відповіді на всі або деякі питання форми і відправити її респонденту в такому вигляді. Для цього заповніть відповіді в підготовленій формі та скопіюйте нове посилання, яка з'явиться зверху. Тепер її можна передати респондентам. Наприклад, натиснути кнопку «Відправити» і замість тієї посилання, що пропонується, вставити нову.
«Видалити всі відповіді» — знищує всі відповіді у формі. Це може стати в нагоді, якщо ви захочете провести цей опитування через якийсь час знову. Щоб зберегти відповіді, перенесіть їх в таблицю за допомогою команди «Зберегти відповіді...» (мал. 6).
Додаток 5. Сторінка HTML
Код
<html>
<head>
<title>My home page</title>
</head>
<body>
<h1> My home page<h1>
<p>Hello! I am…
<p>I also wrote…
</body>
</html>
Додаток 6. Форма на мові HTML
Приклад тесту, який був розроблений за допомогою мови HTML.
На початку тесту нам пропонують ввести клас та прізвище, ім’я. Після чого ми підтверджуємо введені данні (мал. 9).
Потім на сайті з’являється всі об’єкти, які були прописані в коді: фон сайту; назва тесту; кнопка розпочати тест, перевірити результати; тестові запитання; хто проходе тест; оцінка (мал. 10).
Код:
<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>
Створення та використання електронних форм
Нові проєкти і роботи
Навчальні програми
Банер сайту
Код банера: