Руководство по работе с сайтом «Управляющие компании СК

Руководство по работе с сайтом
«Управляющие компании СК»
1.
2.
3.
4.
5.
6.
Регистрация на сайте
Редактирование аккаунта
Памятка по кнопкам управления информацией
Визуальный редактор
Добавление изображения
Добавление ссылки
1. Регистрация на сайте
Вам необходимо зайти на портал управляющих организаций, в правом верхнем углу нажать на
«Регистрация для УК и ТСЖ». Откроется окно:
Набираете Логин: reg
И Пароль: 12345
Далее заполняете форму регистрации:
Наименование организации: Русскими буквами без кавычек
Данные логин и пароль будут использоваться для последующей авторизации.
ЛОГИН НЕ ДОЛЖЕН СОДЕРЖАТЬ РУССКИХ БУКВ ТОЛЬКО ЛАТИНИЦА!!!
После регистрации Вы можете сразу под своим логином и паролем приступить к
редактированию, инструкция также доступна для скачивания на портале.
Для Управляющих компаний и ТСЖ своя структура аккаунта, но принцип редактирования
один и тот же.
2. Редактирование аккаунта
Для добавления информации на сайт необходимо авторизоваться.
После авторизации появится меню редактирования:
Нажимаем редактирование. Откроется окно:
Для добавления информации в раздел нажимаем на кнопку
Появится окно добавления информации:
Добавить:
Набираем нужный текст и нажимаем кнопку Сохранить.
Если нужно вставить текст из файла, то:
1. Копируем текст нажатием клавиш (Ctrl + С) и вставляем в окне нажатием клавиш (Ctrl + V).
2. Копируем текст и щелкаем правой кнопкой мышки и видим небольшое окошко и нажимаем на
слово: Paste
Появляется окно:
В данном окне нажимаем правой кнопкой мышки и нажимаем «Вставить»
вставляем скопированный текст и нажимаем «ОК»
вставляем скопированный текст и нажимаем «ОК», а затем «Сохранить»
Если вы обнаружите ошибки в сохраненной информации, то для редактирования необходимо
нажать на кнопку Изменить ( ).
Откроется окно редактирования, вносим необходимые изменения и нажимаем «Сохранить»:
3. Памятка по кнопкам управления информацией
ДОБАВИТЬ - добавление блока информации
- Редактировать блок информации
- Удалить блок информации
4. Визуальный редактор
Представляет собой панель управления содержанием страниц. С его помощью на страницы сайта
добавляется текстовая и графическая информация:
Назначение кнопок появляется при наведении мыши.
Часто используемые клавиши:
- редактирование исходного html-кода
- выделить все
- очистить форматирование (после вставки из Worda для удаления лишних стилей)
Начертание:
- жирный,
- курсив,
- подстрочный индекс,
Списки:
- подчеркнутый,
- зачеркнутый
- надстрочный индекс
- нумерованный список
- маркированный список
Выравнивание:
- по левому краю (по умолчанию, рекомендуемое для использования в 90% случаев)
- по центру (для выделения заголовков, слоганов и др.)
- по правому краю
Ссылки:
- добавить/редактировать ссылку (подробнее см. соотв.пункт)
- удалить ссылку
Изображение:
- добавить/редактировать изображение (подробнее см. соотв.пункт)
Таблица:
- добавить/редактировать таблицу
Вид редактора:
- показать блоки
!!! Обратите внимание: для создания абзаца необходимо поставить курсор в конце
предыдущего и нажать клавишу Enter;
для создания новой строки – Shift+Enter (+ значит одновременно).
Разница в том, что между абзацами автоматически будет создан отступ, а при создании новой
строки отступа не будет.
Ни в коем случае: не используйте пробел для перехода на новую строку!!! Или для
позиционирования текста по правому краю!!! HTML-страница – это не Word, хороший сайт
корректно отображает информацию на любом мониторе пользователя. Нажав и удерживая пробел
для каких-либо целей, есть риск получить страницу, разваливающуюся при различных
разрешениях экрана и разных мониторах.
5. Добавление изображения



Перед тем как закачивать картинку на сайт, надо ее предварительно обработать с помощью
какой-либо графической программы. Обязательно проверить размер картинки: маленькая
должна быть примерно по ширине 150-250 пикселей, большая – до 600 пикселей,
разрешение – 72 точки на дюйм. Сохранить в формате JPEG, имя файла обязательно
должно быть задано на английском.
Ставим курсор в начале текста, где будет картинка.
Нажимаем в визуальном редакторе на кнопку
(Вставить/редактировать изображение).
Откроется окно:
Нажимаем на «Upload»
Нажимаем на «Выберите файл» (выбираем нужный файл)
ВНИМАНИЕ: файл должен быть назван латиницей
(английскими буквами, без пробелов, без знаков пунктуации
итд.)
После выбора файла нажимаем «Sent

it to the Server»
Появится сообщение об успешной закачке

Нажимаем Ок и переходим к вкладке:

Ширина и высота определяются автоматически. НО: Ширину (width) лучше поставить не
больше 700-800; Высота определится самостоятельно.

Остальные параметры нужно определить. Бордюр (Border) (рамка вокруг картинки) – 0,
горизонтальный и вертикальный отступы (от картинки, чтобы текст не сливался) –
например, 5 или 8.
Выравнивание (Align) означает в какой стороне от текста будет размещена картинка.
Например, картинка будет слева от текста – выбираем По центру (Middle)
 Нажимаем Ок и все картинка размещена.


6. Добавление ссылки
Чтобы вставить ссылку на страницу, надо:
 Выделить текст, который необходимо сделать ссылкой и нажать на кнопку
(Вставить/Редактировать ссылку):

Появится окно ссылки:

В поле URL набираем адрес ссылки (например, раздел /company/).


Адрес сайта можно не указывать, если ссылка будет вести на файл или раздел,
находящийся на этом же сайте. Если же вы хотите сделать ссылку на другой сайт, то адрес
ссылки необходимо указать полностью (например, uk-sk.ru/thepresscentre/news/)
Нажимаем Ок. Ссылка размещена:
Внешне ссылка может отличаться от уже существующих ссылок на сайте, стиль ссылки будет
подключен при открытии страницы с дизайном (при подключении таблицы стилей).
Ссылка на скачивание файла
Чтобы вставить ссылку на скачивание файла, надо:
 Выделить текст, который необходимо сделать ссылкой и нажать на кнопку
(Вставить/Редактировать ссылку):

Появится окно ссылки:

Выбираем вкладку Upload



Нажимаем «Выберите файл» и выбираем файл
Нажимаем Sent it to the Server. Появится сообщение об успешной закачке:
В появившемся окне нужно нажать «ОК»

Ссылка на файл размещена:
Аналогично можно сделать ссылкой картинку, только надо обязательно указать бордюр =0 и на
вкладке Цель указать всплывающее окно, написать ширину и высоту окна равную ширине и
высоте открывающейся картинки.
Аналогично можно сделать ссылку на другой сайт, прописав в строке URL адрес сайта
(например, stavgkh.ru/thepresscentre/news/) и указав на вкладке Цель Новое окно.