Встраиваем формы на страницы сайта iWeb

Доброго времени суток, дорогие друзья!

Как известно, формы являются неотъемлемым элементом веб интерфейса, которые используются для проведения опросов, сбора различных данных, создания страниц контактов и так далее. К большому сожалению, визуальный редактор Apple iWeb, по умолчанию, не содержит в своем составе абсолютно никаких инструментов для генерирования форм, также в нем нет ничего для обслуживания данных, собранных с помощью таких страниц.

Но, несмотря на эту досадную «недоработку» компании Apple, добавить формы на страницы сайта, создаваемого в редакторе iWeb, очень просто: достаточно воспользоваться одним из множества сторонних сервисов и стандартным виджетом редактора - «HTML сниппет». Одним из сервисов, позволяющим добавлять различные формы на страницы веб сайтов, является сервис «Документы Google», пример формы, созданной с помощью него, Вы можете увидеть на странице контакты. Именно о том, как добавить подобную форму на свой сайт, я и предлагаю сегодня поговорить.

Как добавить форму на страницы своего сайта

Для начала, необходимо зарегистрировать учетную запись в Google. Надеюсь, такая запись у Вас уже есть, поэтому плавно переходим к следующему пункту.

Как уже упоминалось выше, форму мы будем генерировать с помощью сервиса Google Docs: заходим в документы гугл под своей учетной записью. В левой верхней части экрана видим выпадающее меню,  нажимаем «Создать» - «Форму».

Мы попадаем на страницу макета формы: заполняем поля, добавляем необходимые элементы и выбираем тему оформления (к слову сказать, тем оформления огромное количество) - ничего сложного там нет, уверен, Вы с легкостью разберетесь сами. Увидеть то, что у Вас получается, можно сразу же: ссылка внизу экрана «Посмотреть опубликованную форму можно здесь».

Если, после заполнения формы, до посетителя необходимо довести какое-либо сообщение (например, поблагодарить его за участие в опросе), заходим в меню «Дополнительные действия» - «Изменить подтверждение» и оформляем это сообщение.

В принципе, форма готова: можно встраивать ее на страницы своего сайта. Заходим в меню «Дополнительные действия» - «Встроить» и копируем код в буфер обмена.

Открываем редактор Apple iWeb: в нужное место страницы будущего веб сайта, добавляем виджет «HTML-сниппет». В окно виджета вставляем код, скопированный в буфер обмена, и нажимаем кнопку «Применить». Размеры формы можно изменить, корректируя параметры «width» и «height» в исходном коде, который Вы вставляли в сниппет.

Публикуем страницу в локальную папку на компьютере и открываем ее в любом браузере. На данном этапе, Вы уже должны видеть созданную форму на странице сайта.

Created by Apple iWeb • Library for Me