Scroll

Общие сведения

1. Авторизация
2. Главная панель инструментов
3. Панель редактирования
4. Панель инструментов
5. Панель свойств объекта
6. Рабочая область панели управления
7. Верхнее горизонтальное меню
8. «Редактор мобильной версии»

1. Авторизация
При каждом входе в панель управления шаблоном необходимо вводить имя пользователя и пароль для авторизации. Эти данные создаются при первом входе в панель управления шаблоном после установки, позже его можно изменить в настройках панели управления.

HTML_Guide_Control_Panel_Introdution_000.jpg

В случае, если данные авторизации утеряны, следует воспользоваться функцией восстановления пароля с помощью кнопки «Забыли имя и пароль?». 

2. Главная панель инструментов

Главная панель инструментов содержит функции, которые позволяют управлять разделами сайта.

С помощью кнопки «Создать» можно сделать новую страницу или всплывающее окно.
0000.jpg

Страницы можно создавать двух типов — двух- и трехуровневые.
0001.jpg

После выбора страницы предлагается ввести «Название», «Заголовок», «URL», а также указать родительскую страницу. Если мало времени, то можно заполнить только первую строку, две другие заполнятся автоматически. После заполнения полей следует нажать на кнопку «Создать страницу».

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

ВАЖНО: чтобы страница не исчезла после перезапуска панели управления, на ней следует разместить хотя бы один объект и сохранить результат.
0002.jpg

Принципиальной разницы в создании всплывающего окна нет. После выбора данного варианта откроется аналогичное окно, в котором нужно будет ввести аналогичные данные «Название», «Заголовок» и «URL». После заполнения полей следует нажать на кнопку «Создать всплывающее окно».
0003.jpg 

С помощью выпадающего списка «Раздел» можно осуществлять быструю навигацию по сайту. Нажав на него откроется окно, в котором можно будет выбрать страницу или всплывающее окно, а также отфильтровать нужную информацию.

Кнопка «Сохранить» позволяет сохранить все изменения, которые были внесены до этого момента.
0005.jpg 

Кнопка «Удалить» предоставляет возможность удалить страницу или всплывающее окно, на который в данный момент находится пользователь.
0006.jpg

Кнопка «Сбросить» позволяет отменить все внесенные изменения, точкой отсчета будет либо вход в панель управления, либо момент, когда была нажата кнопка «Сохранить»
0007.jpg

Кнопка «Настройки» позволяет открыть окно, в котором можно настроить многие параметры сайта.
0008.jpg 

С открыть сайт в новой вкладке и просмотреть результат проделанной работы. Следует помнить, что при нажатии данной кнопки сохранение изменений происходит автоматически.
0009.jpg 

3. Панель редактирования

Панель редактирования находится прямо под главной панелью инструментов и появляется только тогда, когда объект в рабочей области панели управления активен.

Кнопки «Отменить» и «Повторить» позволяют отменять и восстанавливать изменения, которые делаются на страницах. Отправная точка — сохранение или открытие панели управления.
__1086___1090___1084___1077___1085___1080___1090___1100_.png

Кнопки «Вырезать», «Копировать» и «Вставить» позволяют выполнять с объектом аналогичные действия.
__1074___1099___1088___1077___1079___1072___1090___1100_.png

С помощью выпадающего списка «Расположение» можно менять холдеры, на которых лежит объект. Холдер имеет некоторое подобие слою, на котором размещается объект. Т.е. с помощью холдеров объекты можно размещать относительно друг друга и страницы в целом. Холдер можно выбрать при выделении объекта. Холдеры бывают трех типов контейнеров, контейнер указывается справа - «Сайт», «Страница» и «Общий слой». В зависимости от контейнера меняется ряд свойств.

Контейнер «Страница» позволяет разместить объект только на одной странице.
1.png

Контейнер «Сайт» позволяет разместить объект на всех страницах сайта.
1.png

Контейнер «Общий слой» позволяет разместить объект только на одном типе страниц.
2.png

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

Правее есть кнопки, которые позволяют перемещать объекты на один холдер вверх/вниз или же до конца вверх/вниз.
1.png

Кнопка «Сохранять пропорции» включает такой режим при редактировании размеров объекта, что они будут меняться пропорционально.
1.png

Кнопки «Дублировать выбранный объект» и «Удалить выбранный объект» позволяют скопировать объект на странице и удалить его при необходимости.
1.png

Кнопка «Растеризировать выбранный объект» дает возможность сделать из выделенного объекта (текст, фигура) изображение. Следует помнить, что после данного действия изображения сразу переходят в режим «Не масштабировать», т.е. в нем размер менять не получится.
1.png

Кнопка «Закрепить объект» дает возможность заблокировать объект на странице. При нажатии на него внизу появится диалоговое окно с предложением разблокировать его.
1.png

Кнопка «Скрыть объект» позволяет сделать объект на странице невидимым.
1.png

Кнопка «Открепить все объекты» предоставляет возможность разбокировать объект на странице.
1.png

Кнопка «Привязка» позволяет включать или отключать режим появления линий связи. Они делают процесс размещения объектов на странице удобней.
2.png

4. Панель инструментов
HTML_Guide_Control_Panel_Introdution_003.jpg 

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

5. Панель свойств объекта
В правой части редактора есть панель свойст. Когда объект на странице не выделен, то активна панель свойств страницы, когда выделен — панель свойств объекта. Для всех объектов она разная (подробнее в главе, посвященной объектам). Панель свойств можно скрыть, нажав на кнопку в виде стрелочки.

 HTML_Guide_Control_Panel_Introdution_004.jpg

6. Рабочая область панели управления
HTML_Guide_Control_Panel_Introdution_005.jpg

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

Не стоит забывать о дополнительном выпадающем списке, который появляется при клике правой кнопкой мышки на рабочей области панели управления.

7. Верхнее горизонтальное меню

Верхнее горизонтальное меню — меню в панели управдения, в котором есть пять контекстных меню. Среди них - «Файл», «Правка», «Содержимое», «Настройки» и «Помощь», а также две кнопки «На полный экран» (позволяет перейти в полноэкранный режим для работы в панели управления шаблоном) и «Выйти» (позволяет выйти из панели управления шаблоном). С помощью функций и подразделов каждого из выпадающих списков можно редактировать объекты и осуществлять быструю навигацию по панели управления. Остановимся на каждом из них более подробно.

«Файл»
0011.jpg

Функция «Создать новую страницу» работает по аналогии с кнопкой «Создать» из главной панели инструментов, т.е. есть возможность создать новую страницу или всплывающее окно.

Функция «Сохранить страницу» также является аналогом другой кнопки из главной панели инструментов «Сохранить», позволяет сохранить результаты внесенных изменений.

Функция «Дублировать страницу» предоставляет возможность создать копию страницы или всплывающего окна. В случае использования, происходит автоматический переход на скопированную страницу, у нее в названии появляется соответствующее дополнение, т.е. «НАЗВАНИЕ_СТРАНИЦЫ Копия». URL страницы или всплывающего окна прописывается автоматически системой, при необходимости его можно изменить в соответствующем поле в панели свойств справа.

Функция «Удалить страницу» является дубликатом еще одной кнопки, которая есть в главной панели инструментов, она позволяет удалить уже существующую страницу или всплывающее окно.

Кнопка «Мастер» открывает другое всплывающее окно. Более подробно на этих функциях прямо сейчас мы останавливаться не будем, просто ознакомимся. Их рассмотрение произойдет на несколько страниц дальше.

«Редактировать содержимое сайта»

«Изменить структуру и макет веб-сайта»

«Изменить настройки сайта или панели управления»

Раздел «Помощь и поддержка» откроет в новой вкладке браузера сайт службы технической поддержки.

Кнопка «Просмотреть сайт» позволяет открыть сайт в новой вкладке браузера.
1.png

По сути кнопки «На весь экран» и «Выйти» функционально являются аналогами двух одноименных кнопок в верхнем горизонтальном меню, выполняя те же функции — переход в полноэкранный режим и выход из панели управления шаблоном.
1.png 

«Правка»
 0012.jpg

Кнопки «Отменить» и «Повторить» позволяют отменять и восстанавливать те изменения, которые были внесены в панели управления. Отправная точка — момент сохранения изменений при помощи кнопки «Сохранить» или момент открытия панели управления.

Кнопки «Вырезать», «Копировать» и «Вставить» предоставляют возможность пользователю совершать аналогичные действия с одиним или группой объектов в панели управления шаблоном.

Кнопки «Передвинуть вверх», «Передвинуть вниз», «На передний план» и «На задний план» аналогичны по своему функционалу кнопкам в панели редактирования, которые отвечают за работу с холдерами.

Кнопка «Дублировать» позволяет дублировать объект или группу объектов на странице.

Кнопка «Удалить» дает возможность удалить один или несколько объектов на странице.

ВАЖНО: для удобства справа от каждой кнопки указано сочетание кнопок, которое может сделать работу с панелью управления удобней.

«Содержимое»
0013.jpg

«Меню»

Выбор подраздела «Меню» позволит открыть окно, на котором будут расположены все действующие на данный момент меню на страницах сайта.

Чтобы открыть нужную страницу, не зная ее, и сразу же выбрать для работы меню, следует навести курсор мышки на необходимый вариант. Справа вверху появится кнопка в виде лупы, следует нажать на нее.

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

«Страницы»

В данном окне можно просмотреть список всех существующих страниц. Если выбрать страницу, то справа откроется ее панель свойств, где можно будет отредактировать ряд параметров.
 0022.jpg

«Всплывающие окна»

В данном разделе можно просмотреть список всех существующих страниц. Если выбрать определенное окно, то справа откроется его панель свойств, где можно будет отредактировать ряд параметров.
 0023.jpg

«Виджеты»
Выбор подраздела «Виджеты» позволит открыть окно, на котором будут расположены все действующие на данный момент на страницах сайта виджеты.

Для перехода к конкретному виджету из списка следует нажать на кнопку в виде "лупы"
 0024.jpg

«Настройки»
 

Кнопка «Настройки сайта» автоматически откроет окно настроек сайта с выбранным разделом «Настройки сайта».
1.png

Кнопка «Настройки панели управления» автоматически откроет окно настроек сайта с выбранным разделом «Дополнительные настройки».
2.png

Выбор кнопки «Медиатека» откроет медиатеку.
3.png

Выбор кнопки «Менеджер шрифтов» откроет менеджер шрифтов.
4.png

Кнопка «Мой аккаунт» позволит перейти в личный кабинет, в котором отображаются все приобретенные продукты, которыми можно управлять.
5.png

«Помощь»
 0015.jpg

Кнопка «Справка» откроет форум службы технической поддержки, на котором можно найти достаточное количество самой разнообразной информации касательно работы с продуктом. Если вопрос до этого не был рассмотрен, то можно напрямую задать его службе технической поддержки, создав заявку.
1.png

Кнопка «О программе» позволит запустить вот такое окно:
2.png

На нем отображена информация продукта (версия, информация о системе, ссылка на сайт).

Чтобы закрыть это окно, достаточно нажать в рабочей области браузера левой кнопкой мышки или нажать кнопку «Esc».

8. «Редактор мобильной версии»
Эта кнопка позволит запустить панель управления мобильной версией сайта.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 5 из 5
Еще есть вопросы? Отправить запрос

Комментарии