Публікація на сайті

Додаток 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):

приклад тексту
текст
текстовий редактор
(мал. 2)

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


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

выдображення

зведення відповідей
(мал. 3)

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

гугл таблиця

(мал. 4)

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

збереження відповідей

(мал. 5)

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

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


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

форма комп'ютерна

(мал. 6)

Додаток 5. Сторінка 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>

Результат

результати

(мал. 8)

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

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

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

данні
персональні данні

(мал. 9)


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

кодові об'єктикод

(мал. 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>

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

Це цікаво!

Банер сайту

Ми будемо вдячні, якщо Ви встановите на своєму сайті наш банер!
Банер нашого сайту
Код банера:
<a href="http://obuchonok.com.ua/" target="_blank"> <img src="http://obuchonok.com.ua/banners/obuchonokua1.gif" width="88" height="31" alt="Обучонок - дослідницькі роботи і творчі проекти учнів"></a>
Усі банери...

Статистика