converlab

Дизайн. Юзабилити. Конверсия.

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

Получить узнаваемые и красивые web-формы на ресурсе воспользовавшись бесплатным online конструктором баз данных MyTaskHelper.ru. К его несомненным достоинствам относится и то, что можно полностью забыть о существовании таблицы стилей, но красивый дизайн формы, тем не менее, создать. Но нас в этой статье будет интересовать другой, более профессиональный подход к оформлению виджетов. Об этом и пойдет разговор.

В MyTaskHelper существует возможность для каждого из полей формы назначить отдельный CSS класс. Все что в дальнейшем необходимо сделать – это сформировать CSS-файл, в котором хранятся описания созданных классов и, воспользовавшись меню – пункт «Настроить и Встроить», загрузить его на сайт.

Для того чтобы легче было работать с конструктором и настройка происходила быстрее, в нем заранее создано несколько заготовок таких классов CSS (к примеру, таких как two-column или hidden). Чтобы посмотреть на виджет, настроенный с помощью файла таблицы стилей, достаточно загрузить страничку с нужной web-формой и все внесенные изменения будут сразу видны. Это произойдет даже в том случае, если web-форма уже находится на сайте – изменения в cтилях загрузятся автоматически.

Установка названий применяемых стилей производятся из меню (пункт «Формы») путем нажатия на строку со ссылкой на необходимый вам стиль. Например, если необходимо установить горизонтальные поля, то применяется стиль four-column. Единственное о чем необходимо помнить – это установить этот же класс для всех остальных полей, расположенных на одном горизонтальном уровне.

В меню (пункт «Настроить и встроить»/«Дизайн») есть специальное поле, в которое и производится загрузка файлов описывающих CSS классы. Используя этот метод можно спрятать или показать любые поля, как по отдельности, так и группой. При желании можно спрятать и всю форму. Правда, нужно заметить, что опции уже существующие в MyTaskHelper позволяют сделать это и без применения таблиц стилей, но с CSS эта операция гораздо удобнее и шире по возможностям.

При использовании и загрузке собственных стилей необходимо проявлять известную осторожность. Даже небольшая ошибка в состоянии изменить дизайн web-формы до неузнаваемости. Исправить это можно, но для этого придется удалить все примененные настройки.

Основное преимущество использования CSS в MyTaskHelper – это возможность применения уникальных стилей в оформлении элементов сайта. Все остальные операции выполняются аналогично тому, как если бы мы создавали базу данных или отдельную форму используя только основной функционал MyTaskHelper.

Таким образом, вы имеете две возможности для настройки внешнего вида создаваемого элемента – использование стандартных шрифтов, фонов и т.д. и продвинутую – используя CSS можно загрузить любое фоновое изображение, шрифт и цвет.

Popularity: 2% [?]

Поделиться в соц. сетях

0

Comments are closed.