Создаем простое веб-приложение для работы на интерактивной доске nickolay's blog / 07.10.2011 В данной статье будет пошаговая инструкция по созданию простого веб-приложения для интерактивной доски.Само приложение будет запускаться в Google Chrome (можно и другой браузер, но этот предоставляет больше возможностей), где установлено расширение chromeTouch, чтобы иметь возможность прокручивать страницу с интерактивной доски без использования скролл-баров.Итак, начнем. Для создания приложения я использую Notepad++, который имеет подсветку синтаксиса, но вы можете использовать любой другой любимый текстовый редактор.Создаем новый файл и назначаем кодировку UTF-8 (Кодировки - Преобразовать в UTF-8). Далее пишем такой шаблон типичной веб-страницы:Сохраняем в какой-либо папке и создаем в ней ещё дополнительные папки css и js, и соответственно, в них создаем ещё файлы (пока пустые) style.css и script.js (тоже в кодировке UTF-8). В папке css (чтобы пути в стилях были немного короче) я разместил папку img, где расположены кнопка проверки и три состояния кнопки выбора ответа (можно нарисовать в любом графическом редакторе): Чтобы редактировать вопросы было легче, разместим переменные с вопросами и ответами прямо на веб-странице, например:questions - вопросы, а answers - ответы.Теперь добавим стили: сделаем фон сероватым, шрифт без засечек и побольше, для блоков вопросов и кнопки утверждения применяем соответствующие стили.style.css:Алгоритм работы таков: сначала перебираются все вопросы и они добавляются на страницу с кнопками "да/нет". Ученик подходит к доске и выбирает верны ли утверждения, после этого нажимает на кнопку "проверить" и получает результат.Мой код получился таким, но он наверняка может быть в несколько раз оптимизирован и написан красивее,script.js:Добавляем блок вопросов и кнопку проверки:Теперь всё готово. Демо можно посмотреть здесь. инструкция интерактивная доска приложение