Jump to content
  • Sign in to follow this  

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

       (15 reviews)

    Евгений Зубов
    • 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; Низкая сложность display: none;
      1. Пройдите тестирование для урока
      2. Оцените урок и сдайте задание

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

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

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

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

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

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

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


      Report Занятие
    Sign in to follow this  


    User Feedback

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest

    Genka

    +

    Share this review


    Link to review
    Guest Падалко Сергей

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

    Share this review


    Link to review
    Алексей

    Грамотно.

    Share this review


    Link to review
    Андрей А

    Итересно!

    Share this review


    Link to review
    Aspirantmiha

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

    Share this review


    Link to review
    Sharovich

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

    Share this review


    Link to review
    YanaZamkova

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

    Share this review


    Link to review
    gladir1

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

    Share this review


    Link to review
    7dgoni6

    Спасибо.

    Share this review


    Link to review

×
×
  • Create New...