Перейти к содержимому
  • Виджеты контактных форм для сайта

       (15 отзывов)

    Евгений Зубов
    • 53 4,25,6,20,3,26,27,28,29 4,6,32 https://creatura.club/uploads/monthly_2016_01/3.9.6_Vidzhetyi_form_i_ih_nastroyka.mp4.79022e692ae987aa00d304df4c51f659.mp4 5 До 5 минут display: none; https://creatura.club/uploads/ Низкая сложность display: none;
      1. Пройдите тестирование для урока
      2. Оцените урок и сдайте задание

      В этом уроке мы рассмотрим виджеты форм и их настройку в программе Adobe Muse. Заходим в программу, в режиме "Дизайн" заходим в "Библиотеку мини-приложений" программы, заходим в раздел "Формы" и здесь видим 2 виджета: "Подробный контакт" и "Простой контакт"
      "Подробный контакт" представляет нам сразу много возможностей, а также здесь есть множество различных элементов, которые входят в форму: имя, эл. почта, компания, рабочий адрес, город, область, почтовый индекс, страна. сообщение и кнопка "Отправить". В настройках есть множество различных параметров: 

      1. Имя формы - Вы можете задавать здесь совершенно любое имя формы, которое вам понравится. Рекомендуем делать имя на английском языке или прописывать хотя бы латинскими символами.
      2. Адрес эл. почты - Здесь указывается адрес почты, куда будут приходить все данные от человека.
      3. После отправки - позволяет настраивать, оставаться на текущей странице пользователя либо переходить на какую-то другую страницу. Вы также можете добавить ссылку на файл. То есть после нажатия кнопки "Отправить" человеку будет предоставляться ссылка на скачивание файла.
      4. Настройка стандартных полей - стандартные поля представляют собой эл. почту, имя, номер сотового телефона, номер домашнего телефона, домашний адрес, компания, номер рабочего телефона, рабочий адрес и веб-сайт. Также вы можете установить капчу. По умолчанию она не стоит. Она позволяет вам проверить, не заполняет ли форму какой-либо робот. 
      5. Однострочный и многострочный текст. Можете установить в данную форму флажок либо группу флажков, а также группу переключателей. И убрать или поставить галочку "Редактировать вместе". То есть вы редактируете один элемент формы, а этот дизайн копируется на все остальные элементы формы. 

      Откроем виджет "Простой контакт". Вы видите, что данный виджет отличается от предыдущего только количеством заранее подготовленных полей для заполнения. Здесь есть только имя, эл.почта и сообщение, которое вы можете также отключать. Рассмотрим немного подробнее пользовательские поля.

      1. Однострочный текст позволяет вам добавить пользовательский текст в одну строку. То есть данное поле у нас содержит всего лишь одну строку, и весь текст, который будет писать пользователь, будет размешаться только в одну строку.
      2. Многострочнй текст - позволяет ввести уже текст в несколько строк. При вводе какого-либо текста, если он дойдет до края данной формы, текст будет автоматически перемещаться на следующую строку. Размер данного блока вы можете свободно редактировать. Далее вы можете установить форму флажок. Он позволяет вам добавить окошко, в котором будет предложено согласиться с какими-то вашими предложениями, которые вы напишите в окошке "Подпись флажка". Если вы установите группу флажков, то вам будет доступно "Название группы флажков", и для каждого флажка будет подпись. Добавив флажок или их группу, пользователь может отмечать их все или один из них.
      3. Группа переключателей. Добавив эту группу, выможете также добавить название группы и установить для каждой из них подпись. Отличие переключателей от флажков в том, что здесь пользователь может установить только один из переключателей. А флажки он может установить как один, так и все.

      Для каждого из пунктов меню есть отдельное подменю параметров настроек, где вы можете установить это поле обязательным для заполнения либо необязательным. Также можете установить напоминание о том, что поле оставлено пустым, тогда рядом с блоком появится напоминание. Также вы можете редактировать его составные элементы данного блока. Если вы уберете подпись, то убирается надпись "Сообщения". Если поставите текст сообщения, то вы можете редактировать "Подсказку", например, что это поле обязательно для заполнения. 

      Вот таким образом осуществляется настройка форм в программе Adobe Muse. А на этом мы заканчиваем данный урок. Вам необходимо выполнить задание, ответить на вопросы, переходить к дальнейшему обучению.
       

    Очень интересный урок по создание контактной формы для сайта. Вы узнаете как сделать полностью работающую форму обратной связи. Как настроить дизайн и функционал. Как добавить свои поля и не допустить ошибок при настройке форм.


      Жалоба


    Отзывы пользователей


    Слава Баранов

    Понятно

    Поделиться отзывом


    Ссылка на отзыв
    Genka

    +

    Поделиться отзывом


    Ссылка на отзыв
    Юлия+Коваль

    +1

    Поделиться отзывом


    Ссылка на отзыв
    Гость Падалко Сергей

    Быстрые уроки

    Поделиться отзывом


    Ссылка на отзыв
    Дмитрий Жуков

    Просмотрено

    Поделиться отзывом


    Ссылка на отзыв
    Алексей

    Грамотно.

    Поделиться отзывом


    Ссылка на отзыв
    Андрей А

    Итересно!

    Поделиться отзывом


    Ссылка на отзыв
    Валерий1234

    ОК

    Поделиться отзывом


    Ссылка на отзыв
    Aspirantmiha

    Хороший урок, спасибо!

    Поделиться отзывом


    Ссылка на отзыв
    Sharovich

    Спасибо. Всё понятно.

    Поделиться отзывом


    Ссылка на отзыв
    YanaZamkova

    я все поняла! спасибо!

    Поделиться отзывом


    Ссылка на отзыв
    gladir1

     Все ясно. Поработала с этим виджетом.

    Поделиться отзывом


    Ссылка на отзыв
    7dgoni6

    Спасибо.

    Поделиться отзывом


    Ссылка на отзыв

×