-->

Obsurvey. Часть 2.

Написано: суббота, 12 января 2013 г. автор SHTABOOS BLOG Ярлыки: ,
0

*** Продолжаем рассказ о сервисе для создания он-лайн викторин и опросов с возможностью создания базы данных участников и их мониторинга. 
Открыть текст:
***Приступим к организации игровой страницы.
Иллюстрация 1
3736951-1dffc9c3aeb5f323.png
***По умолчанию на странице будут находиться поля надписи - текстовые блоки, которые не являются полями вопросов и несут вспомогательную функцию. Все надписи эдитабельны, то есть могут быть изменены.  
     Для этого достаточно ввести курсор в поле текста и произвести изменения. Это так же относится и к заголовку, и к названию кнопки для перехода на следующую страницу. А ниже - кнопка для создания следующей.
Иллюстрация 2
3736952-326fe1ecc08e0f3a.png
***После ввода курсора поле несколько преобразилось. На иллюстрации указаны элементы управления полем. Обратите внимание, чуть выше поля - кнопка добавления вопроса. Вопросы могут быть добавлены как выше поля, так и ниже его.
Иллюстрация 3
3736953-902ceaacbbe2074b.png
Иллюстрация 4
3736954-a0d6356759da2f9e.png
***Кнопка создания вопроса нажата. Отобразился набор элементов - различные типы блоков вопросов, элементы для удаления блока, для ввода разделителя страницы (PAGE BREAK). Делаем выбор.
Иллюстрация 5
3736955-fd3f9d7b7ea36838.png
***Комментарии тут будут, наверное, излишними.
Иллюстрация 6
3736956-9908edf1e0d9219f.png
***Подтвердили выбор вопроса, вновь отобразился блок. Он имеет многочисленные настройки, и сейчас мы с ними будем разбираться.
***Мы уже знаем, как удалять и перемещать блок. Аналогичные инструменты находятся и внутри самого блока. Так, можно переместить, добавить или удалить элементы, см. иллюстрацию.
Иллюстрация 7
3736957-fffa3b057bfab7c6.png
***К данному типу вопроса предлагаются дополнительные опции. Рассмотрим.
***Добавлять элемент можно и из этого окошка, - стрелка темного цвета. Стрелка оранжевого цвета, - привыборе этого режима работы радиобаттон (который любит лишь одиночество и единичный выбор) изменит свою суть на ЧЕКБОКС - схожий элемент, но предполагающий выбор нескольких значений одновременно. Тут же можно и продублировать вопрос.
Иллюстрация 8
3736958-d8c1b38a8a46c442.png
***Продолжаем настраивать блок и выбираем режим вставки ШКАЛЫ РЕЙТИНГА. Это - предустановка, готовый набор. Однако с учетом того, что изначально все устанавливается на латинице, для нас это актуальность теряет. Ну если уж только у вас нет тактической идеи замутить радибаттонов штук - Дцать сразу :)))
***Знакомимся с интерфейсом, реакцией элементов на наши действия и подготавливаем блок. Элемент блока необходимо "довести до ума"!
Иллюстрация 9
3736960-4642868c8455ddea.png
*** Обратите внимание на то, что программа любезно предоставляет возможность создать ПОЛЕ, ОБЯЗАТЕЛЬНОЕ ДЛЯ ЗАПОЛНЕНИЯ!

***Теперь поговорим о такой важной составляющей, как РЕДАКТИРОВАНИЕ HTML-кода. Вот это разработчики создали на безусловную пятерочку!
***С HTML мы почти всемогущи! :))) вы сможете изменить размер шрифта, цвет, самостоятельно определить выравнивание абзацев, ввести списки, - маркированные, нумерованные, многоуровневые... Весь обширный мир HTML - пере Вами!
***А это значит - скрипты... Коды для встраивания в страницу разнообразнейшего контента - например, видео, аудио, графических файлов, флеш! Информеров и баннеров... Календарей и часиков... Всего не перечислишь!
***Одно плохо - не стали производители снабжать программу собственным визуальным и HTML-редакторами. А как было бы замечательно :((
***Однако ничто нам не мешает отыскать редактор HTML "на стороне". например, для этих целей я использую один из своих "рабочих" сайтов на Юкозе. В режиме визуального редактирования оформляю то, что мне необходимо, перехожу в режим HTML-редактирования, копирую код и вставляю его в текстовый блок страницы. Просто и удобно! А вот как происходит редактирование:
Иллюстрация 10
3736961-2622b29598eb2d65.png

***Поместив курсор в поле и введя в него пару своих символов (надпись по умолчанию необходимо удалить!), мы открываем окно HTML-редактирования, и...
Иллюстрация 11
3736962-68496824af0c41a7.png

***Мы же хотим, чтобы наша игра была уникальна, неповторима, оригинальна? Предел этому - лишь Ваша фантазия!
***Если Вы не обращались к Части 1 статьи, то напомню, что некоторые функции форматирования можно выполнить напрямую из программы. В левом верхнем углу рабочего окна можно найти элементы управления форматом шрифта, вставки изображения. ВНИМАНИЕ! Есть ограничения! Так, файл не должен "весить" больше 75 МБт. Помимо загрузки непосредственно изображения, поддерживаются ссылки на изображение. В этом случае, естественно, о "весе" речи не идет.
***Вот, например, один из вариантов оформления страницы:
Иллюстрация 12

3736963-267890278cf2abe1.png
***Вставлено изображение (а на самом деле - больше, чем просто изображение. вставлен целый БЛОК - таблица, элементы изображения, коды), - эта картинка "действующая", и при нажатии на "кнопки" открываются соответствующие ресурсы.

Иллюстрация 13
3736964-17d0a5a0f2e8c6ef.png
***После вставки изображения появляется очень интересная опция: "Показать, в случае, если...". Давайте посмотрим, что там к чему с режимом отображения!
Иллюстрация 14
3736965-0669b250a33ee1fd.png
***Кликнув по вкладке, откроем панель настройки отображения и зададим условие на значение. Что это означает? то, что в зависимости от выполнения (невыполнения) тех либо иных предусмотренных действий программа поведет себя либо так, либо этак. Обратите внимание, что можно сразу задать режим постоянного отображения. А можно - поэкспериментировать, чем мы и займемся.
Иллюстрация 15
3736967-e9d2d61a7a1cd7cf.png
***Здесь мы настроим режим. выберем вопрос, который будет являться основой. У нас вопрос только один, а при масштабной работе будет выведен список ВСЕХ вопросов. Выбираем вопрос.
Иллюстрация 16
3736968-160e52d983661063.png
***Переводим: " Показывать текст ТОЛЬКО ТОГДА, когда на вопрос ПРОДОЛЖИМ получен ответ (НЕ получен ответ)" и далее в соседней вкладке ДА и НЕТ соответственно, то мы имеем множественный выбор:
- Получен ответ ДА
- Получен ответ НЕТ
-НЕ получен ответ ДА
- НЕ получен ответ НЕТ
(для 2-х составного элемента это одно и то же, но при мультиэлементности могут быть интересные варианты).
Иллюстрация 17
3736969-0583d3ec57a79aaf.png
***Поэкспериментируйте с настройками! На иллюстрации - пример заданного условия на значение.
*** Обратите внимание, что значений можно добавлять несколько, что представляет очень широкий спектр настроек и, соответственно, разнообразие действий - поведения, так сказать, элементов игрового листа.

*** УФФФФ! Устали? Да, конечно! Много текста, графики - много информации!
***Зато теперь мы знаем гораздо больше и к дальнейшим действиям будем подходить с уже изученными навыками и опытом!

А теперь - ЛЕГКОЙ СЕТИ, друзья!

***(Пойду займусь-ка я Naim Master... Если будет интересно, потом обязательно расскажу Вам об этом многофункциональном корпоративном органайзере!).

***Удачи!

0 коммент.:

Понравилось? Поделись ссылкой!

Bookmark and Share