Набросай структуру сайта и узнай цену

16.08.2013
И вот выходит в свет сайт официального представителя ГАЗ по Кемеровской области

01.07.2013
Разработан сервис корпоративной online торговли на международном валютном рынке Forex.

05.04.2013
Обновлен дизайн сайта гостиницы Кузбасс

26.12.2012
Задача стояла не простая, но теперь в сети интернет появился сайт компании "Кузбассбелавто"

30.11.2012
Были предложены новые варианты концепции дизайна для ПО "Токем"

17.09.2012
Разработанный сайт компании «Шелковый Путь» позволит Вам получить максимально полное представление о товаре, не выходя из дома.

25.04.2012
Если кто до сих пор не был знаком с брендом "Паритет", то у вас появилась возможность узнать об этой орнганизации все подробно.

18.04.2012
Вышел в свет новый сайт для ГАУК КО «Дом актёра»

14.12.2011
Выходит в свет сайт "Бизнес-технологии"

23.06.2011
Аэролодки, аэроботы - на сайте "Экспедиции"

15.04.2011
Кемеровский городской Совет народных депутатов - не устаем менять и дополнять

07.04.2011
Для тех, кто не может жить без рыбалки: тюнинг лодок!

05.04.2011
Рекламное агентство "Пирамида" - изменился дизайн.

 

Beaver 2.0 ©

1. О системе

2. Концепция.

2.1. Панель навигации.

2.2. Панель управления страницей .

2.3. Панель помощи.

3. Работа с текстом.

3.1. Изменение шрифта.

3.2. Изменение размера шрифта.

3.3. Работа с заголовком.

3.4. Изменение типа написания текста.

3.5. Преобразования текста к верхнему/нижнему индексу.

3.6. Команды буфера обмена (вырезать, копировать, вставить).

3.7. Команды отменить и повторить.

3.8. Удаление word - форматирования текста.

3.9. Изменение типа выравнивания текста.

3.10. Создание списков.

3.11. Увеличение/уменьшение отступа.

3.12. Изменение цвета шрифта.

3.13. Изменение цвета фона шрифта.

3.14. Вставка горизонтальной линии.

3.15. Создание гиперссылки.

3.16. Вставка картинки.

3.17. Вставка таблицы.

3.18. Работа с HTML кодом.

3.19. Работа с таблицей.

4. Модули.

1. О системе “Beaver”

Система администрирования сайта (Content Manager System)

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

2. Концепция

Работа в системе администрирования Beaver попрежнему базируется на двух основных принципах.

1. Всю информацию на сайте, не входящую в дизайн, вы можете редактировать.

2. Вы можете добавлять подразделы в каждый раздел, независимо от уровня вложенности.


Система разделена на три основных панели:

1. Панель навигации

2. Панель управления страницей

3. Панель помощи

2.1. Панель навигации .

В новой версии мы существенно изменили принципы работы навигационной панели.

Нажатием на  Редактировать документдля раздела и на    для раздела, у которого есть подразделы вы открываете различные ветки дерева вашего сайта. При открытии каждого под раздела - сразу под его названием появляются следующие кнопки:

Выберите из дерева нужный раздел. У разделов есть следующие опции:
Добавить документДобавить - добавляет новую страницу в выбранный раздел. В дальнейшем она будет видна, как подраздел этого раздела;
Удалить документУдалить - удаляет выбранный раздел. Восстановить данные невозможно. Поэтому удаляйте разделы с осторожностью;
Перенести документ в архивВ Архив - перемещает выбранную страницу в архив. Следует понимать, что если у данной страницы есть подразделы, то при таком действии они тоже перестануть быть доступными на сайте.

Для редактирования информации - выберите из дерева нужный раздел, нажмите на название одним щелчком. После загрузки редактора внесите необходимые изменения. Затем нажмите кнопку сохранить.  Страница не будет перезагружаться, но после выполнения операци на зелёной полосе сверху текстового редактора появится результат ( например "Сохранено").

В разделе архив вы можете управлять данными, хранящимися в архиве.

На основной странице архива вы можете видеть список документов, помещённых в архив. С ними вы моежете осуществить следующие действия:

Просмотр и редактированиеПросмотр и редактирование -позволяет редактировать и просматривать страницы;
Восстановить документ из архиваВосстановление - восстанавливает выбранную страницу в дерево сайта.
 Удаление - удаляет раздел навсегда;

2.2. Панель управления страницей.

С помощью этой панели осуществляется редактирование выбранной страницы. Панель принимает разный вид, в зависимости от типа редактируемой страницы (просто страница, страница фотоальбома, страница прайс-листов и т.п. см. раздел “модули”).


2.3. Панель помощи.

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

3. Работа с текстом.

Для редактирования текстов в системе администрирования используется визуальный HTML редактор, который позволяет вам работать в режиме редактирования Rich Text Edit , т.е. позволяет не просто редактировать текст, но и его формат, цвет, шрифт, осуществлять вставку картинок, таблиц и т.д.


Текст редактируется по аналогии с MS Word , но есть некоторые отличия. Вот описание основных функций:

3.1 Изменение шрифта

Для изменения шрифта, выделите нужный вам участок текста. А затем на панели управления текстом выберите нужный вам шрифт (рис 3.1)


Рис 3.1.

3.2. Изменение размера шрифта.

Для изменения размера шрифта, выделите нужный вам участок текста. Затем на панели управления текстом выберите нужный вам размер шрифта (рис 3.2)


Рис 3.2.

3.3. Работа с заголовком.


Для изменения типа заголовка, выделите нужный вам участок текста. Затем на панели управления текстом выберите нужный вам заголовок (нужно учитывать, что чем меньше индекс у заголовка – тем он важнее). При этом следует знать, что редактор не позволит вам вставить заголовок прямо в абзац, т.к. заголовок по стилистике всегда должен быть отдельным абзацем (рис 3.3).


Рис 3.3.

3.4. Изменение типа написания текста.


Для изменения типа написания текста (жирный, наклонный, курсив, перечёркнутый), выделите нужный вам участок текста. Затем на панели управления текстом выберите нужный вам тип написания (рис 3.4)


Рис 3.4

3.5. Преобразования текста к верхнему/нижнему индексу.


Для преобразования текста к верхнему/нижнему индексу, выделите нужный вам участок текста. Затем на панели управления текстом нажмите либо преобразовать к нижнему индексу, либо преобразовать к верхнему индексу (рис 3.5).


Рис 3.5.

3.6. Команды буфера обмена (вырезать, копировать, вставить).

Для того чтобы вырезать, либо скопировать текст, выделите нужный вам участок текста, и нажмите на панели управления соответствующую кнопку (рис 3.6.1).


3.6.1.


Кнопки слева направо

  • Вырезать выделенный текст
  • Копировать выделенный текст
  • Вставить выделенный текст "Как есть"
  • Вставить выделенный текст исключая любой форматирование и изображения
  • Вставить текст из MS word ( Важно использовать при вставке из MS word для получения более качественной интернет страницы )

 

3.7. Команды отменить и повторить.


Для того чтобы отменить сделанные действия, либо вернуть отменённые, необходимо нажать на панели приборов кнопку повтора, либо отмены действия (рис 3.7).


Рис 3.7.

3.8. Удаление word - форматирования текста.


Форматирования word зачастую становится проблемой при наполнении сайта. Дело в том, что MS Word вставляет в созданные документ много элементов, которые мешаю правильному отображению текста в Интернет. Наша система позволяет удалить эти мешающие элементы.

При вставке из MS word мы рекомендуем пользоваться кнопкой - вставить из word .Однако система сама отслеживает такую вставку и при необходимости удаления тегов предложит вам осуществить эту операцию. 

3.9. Изменение типа выравнивания текста.


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


Рис 3.9.

3.10. Создание списков.


Для того чтобы создать маркированный, либо нумерованный список, необходимо выделить абзацы текста (каждый абзац станет элементом списка). Затем на панели управления текстом нажмите либо маркированный лист, либо нумерованный лист (рис 3.10).


Рис 3.10.

3.11. Увеличение/уменьшение отступа.


Для увеличения, либо уменьшения отступа текста, выделите нужный вам участок текста, либо просто поставьте курсор в нужный абзац/элемент списка. Затем на панели управления текстом нажмите увеличить/уменьшить отступ (рис 3.11).


Рис 3.11.

3.12. Изменение цвета шрифта.


Для изменения цвета шрифта, выделите нужный вам участок текста. Затем на панели управления текстом нажмите цвет шрифта, подождите, пока загрузится палитра цветов, и выберите цвет (рис 3.12).

 


Рис 3.12

3.13. Изменение цвета фона шрифта.


Для изменения цвета фона шрифта, выделите нужный вам участок текста. Затем на панели управления текстом нажмите цвет фона, подождите, пока загрузится палитра цветов, и выберите цвет (рис 3.13).


Рис 3.13.

3.14. Вставка горизонтальной линии.


Для вставки горизонтальной линии, поставьте курсор туда, куда бы вы хотели вставить линию. Затем на панели управления текстом нажмите вставить горизонтальную линию (рис 3.14).

 


Рис 3.14

 

3.15. Создание/удаление гиперссылки.

Для создания гиперссылки, выделите участок текста, который вы хотели бы сделать гиперссылкой. Затем на панели управления текстом нажмите вставить гиперссылку (рис 3.15.1).


Рис 3.15.1


Если вы хотите вставить ссылку на страницу на вашем сайте, нажмите кнопку “выбрать” и после этого выберите страницу из дерева сайта (рис 3.15.2)


Рис 3.15.2


Если ссылка будет на внешнюю страницу – то в поле URL необходимо ввести путь ссылки. Когда все атрибуты ссылки будут заполнены, нажмите кнопку OK (рис 3.15.2).


3.16. Вставка картинки.


Для того чтобы вставить картинку поставьте курсор туда, куда бы вы хотели вставить изображение. Затем на панели управления текстом нажмите вставить картинку (рис 3.16). Затем  во всплывшем окне нажмите на вкладку "закачать" далее нажмите на кнопку “Обзор”, выберите картинку, нажмите “Послать на сервер”. Когда закачка картинки закончится, заполните необходимые атрибуты, и нажмите кнопку OK .


Рис 3.16

3.17. Вставка таблицы.


Поставьте курсор туда, куда бы вы хотели вставить таблицу. Затем на панели управления текстом нажмите вставить таблицу (рис 3.17). Заполните необходимые атрибуты, и нажмите кнопку OK .


Рис. 3.17

3.18. Работа с HTML кодом.


Если вы знаете язык HTML , то для вас пригодится эта функция. Затем на панели управления текстом нажмите показать HTML код (рис 3.18). Чтобы вновь увидеть форматированный текст, нажмите эту кнопку ещё раз.

 


Рис 3.18

3.19. Работа с таблицей.


Вы можете изменять свойства ячеек таблицы посредством выделения и нажатия правой клавиши. Во всплывающем меню выберите необходимые параметры. (рис 3.19)

Рис 3.19.

4. Модули


В нашей системе все разделы сайта соответствуют чётко определённому типу данных. Если тип данных отличается от простой страницы, то он описывается в дополнительном модуле.

Сейчас для системы разработаны следующие модули:

  1. Фотоальбом.
  2. Прайс-листы.
  3. Голосование
  4. Вопрос-ответ
  5. Написать письмо
  6. Новости
  7. Сообщение 
  8. Поиск по сайту
  9. Карта сайта
  10. Архив данных
  11. Рассылка новостей и документов и управление подписчиками
  12. Разделение прав доступа для системы администрирования. ( можно разделять - какой пользователь системы администрирования каким разделом будет управлять)
  13. Постраничный вывод списка документов.
  14. Расширенное управление выводом информации
  15. Каталог продукции


 

 

Кемеровский городской сайт

Rambler's Top100 Яндекс цитирования