Главная

Преимущества сайтов и интернет магазинов, созданных нами

С чего начать создание сайта или интернет-магазина

Схема взаимодействия с клиентами

Макеты сайтов и интернет магазинов акционные

Макеты сайтов и интернет магазинов по темам

Обслуживание сайтов и интернет магазинов

Прайс-лист

О проекте

Задать вопрос, получить ответ

Часто-задаваемые вопросы (FAQ)

Партнерская программа

Наши работы

Контакты

Система управления сайтом

Поддержка

Современные решения в области разработки веб сайтов




24H/7
Тел.: [+38]
044 227-7277

Моб. 050 182-5943
Факс 044 531-9078
andersencim
iracimdesign
17170034
250932746

Главная

Система управления сайтом

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

 

Особенности интерфейса;


 

Интерфейс системы представляет собой фрэймовую структуру, состоящую из следующих элементов:

верхнее горизонтальное меню
дерево объектов - левый фрэйм
путь к объекту - верхня строка правого фрэйма
меню управления объектом - вторая строка правого фрэйма
окно редактирования - правый фрэйм

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

Управление структурой и содержимым сайта;

Для управления структурой и содержимым сайта:

  • в главном горизонтальном меню системы нужно выбрать пункт «контент» (этот раздел загружается при входе в систему по умолчанию).
  • Для того, чтобы перейти к нужной странице сайта необходимо воспользоваться деревом объектов, которое отображает структуру сайта (обычно дерево объектов содержит также и вспомогательную или служебную информацию, которая не доступна извне).
  • После выбора страницы для редактирования необходимо убедиться, что на панели «путь к объекту» указан путь к выбранному объекту; например, если путь к объекту:

content / CimWebCenter-Demo / Преимущества для покупателей / ,

то это означает, что для редактирования выбрана страница «Преимущества для покупателей».

Посредством панели «меню управления объектом» с выбранным объектом можно производить следующие действия:

  • Создать – новую страницу, она создается на уровень ниже и является дочерней по отношению к активной странице
  • Посмотреть – как будет отображаться эта страница на сайте с учетом выбранного шаблона
  • Сохранить – изменения
  • Редактировать – вернуться в режим редактирования страницы (например после просмотра)
  • Свойства – позволяет изменить свойства страницы
  • Копировать – позволяет скопировать активную страницу в другую папку
  • Переместить – позволяет переместить активную страницу в другую папку
  • Удалить – позволяет удалить активный объект

Как создать новую страницу;

При создании новой страницы необходимо указать следующую информацию:

  • Публиковать – флаг публикации создаваемой страницы (по умолчанию включен)
  • № п/п – номер по порядку применяется для сортировки объектов
  • Название – название создаваемой страницы
  • TITLE - мета тег
  • Метка – уникальная символьная метка страницы
  • KEYWORDS - мета тег
  • DESCRIPTION - мета тег
  • Шаблон – шаблон отображения страницы
  • Шаблон для наследования - шаблон для наследования дочерних страниц

Примечание: все вышеперечисленные параметры существующей страницы  можно изменить, выбрав пункт свойства в меню объекта.

 

Копирование (перемещение) страниц;


 

Функция копирования (перемещения страниц) позволяет быстро изменять структуру сайта.

Для копирования (перемещения) страниц из одной папки в другую необходимо:

  • Выбрать страницу для переноса и нажать на кнопку «копировать» («переместить»).
  • При этом у вас появляется возможность копирования (переноса) нескольких страниц, находящихся в этой же папке (для их выбора необходимо выбрать соответствующие указатели).
  • В правом окне выбирается папка, в которую необходимо переместить выбранные объекты.
  • Для начала процесса копирования (переноса) необходимо нажать кнопку «копировать» («переместить»).

Примечание: при копировании страниц копируются только их свойства и HTML-код, внешние файлы и имиджи остаются принадлежать старому объекту и в новый не копируются.

Редактор WYSIWIG;


 

CimWebCenter имеет встроенныйWYSIWIG редактор. Это означает, что для внесения простых изменений в содержимое страниц нет необходимости знания языка разметки документов HTML. Все содержимое страниц выглядит так же, как видят его посетители сайта. При этом редактор позволяет редактировать его и сразу же видеть вносимые изменения. 

Встроенные функции WYSIWIG редактора:

  • Cut, Copy, Past – функции для работ (вырезать скопировать, вставить)
  • Undo – отмена действия, восстановить предыдущее действие
  • Redo – перейти к следующему действию
  • Align left – выравнивание выделенного фрагмента влево
  • Align center – выравнивание выделенного фрагмента по центру
  • Align right – выравнивание выделенного фрагмента вправо
  • Ordered list – создает нумерованный список из выделенного фрагмента
  • Bulleted list – создает маркированный список из выделенного фрагмента
  • Indent – отступ вправо
  • Outdent – отступ влево
  • Hyperlink – создание ссылки
  • Image – вставить картинку
  • Insert symbol – вставить символ
  • Show borders – режим видимости границ
  • Show datails – режим видимости маркеров
  • Edit HTML source – редактирование страницы в HTML
  • Clean HTML – очистка HTML кода
  • Table – вставить таблицу
  • Insert column – вставить в таблицу колонку
  • Insert row – вставить в таблицу строку
  • Insert cell – вставить в таблицу ячейку
  • Delete column – удалить колонку
  • Delete row – удалить строку
  • Delete cell – удалить ячейку
  • Merge cells – объединить ячейки таблицы
  • Split cells – разбить ячейки таблицы
  • Выбор стиля(список) – задать стиль для выделенного фрагмента
  • Выбор гарнитуры шрифта (список) – задать шрифт  для выделенного фрагмента
  • Размер шрифта – установить размер шрифта для фрагмента текста
  • Font – комплексный выбор гарнитуры  шртифта, размер, цвет, стиль
  • Bold – выделение фрагмента текста жирным
  • Italic – выделение фрагмента текста курсивом
  • Underline – выделение фрагмента текста подчеркнутым
  • Background color – установка цвета фона фрагмента текста
  • Foreground color – установка цвета фрагмента текста
  • Horizontal rule – вставить горизонтальную линию.

 

Создание ссылки;


 

Для создания ссылки необходимо выделить фрагмент текста или имидж и нажать кнопку «Hyperlink». В открывшемся окне необходимо выбрать протокол (по умолчанию http:) и в поле URL: ввести требуемый адрес:

Примечание: при сохранении адреса редактор сохраняет полный URL. Например, если указать в строке URL: /new-page/ - после сохранения ссылка будет выглядеть как http://www.mysite.com/new-page.

 

Вставка картинок;


 

Для того чтобы вставить имидж (или другой внешний файл) в содержимое страницы необходимо:

  • Выбрать место, куда эта картинка должна быть вставлена,  установить туда курсор и кликнуть на кнопку «Image», появится окно (см. скриншот):

  • Далее необходимо задать параметры имиджа: 
    • Picture Source - URL картинки (вы могли скопировать его в буфер обмена в загрузчике имиджей), если вы его не знаете, то  нажмите на кнопку Browse, появится окно, см. скриншот:

      • В левом верхнем фрэйме находится список имиджей, выбрав нужный имидж необходимо нажать на кнопку "OK"
      • Если в списке нет ни одного имиджа, вы можете нажать на кнопку "Обзор", выбрать имидж на вашем компьютере и нажать на кнопку Upload
      • Другой список загрузки имиджей - через "Загрузчик имиджей"
    • После выбора имиджа для вставки и нажатия на кнопку "OK", вы возвращаетесь к окну установки параметров вставки  имиджа:

    • Здесь вы можете установить следующие параметры вставки имиджа:
      • Alternate Text (параметр Alt=)
      • Aligment - выравнивание (параметр align=)
      • Border - граница имиджа (параметр border=)
      • Horisonral - отступ по горизонтали (параметр hspace=)
      • Vertical - отступ по вертикали (параметр vspace=)
      • Width - ширина (параметр width=)
      • Height dscjnf - высота (параметр height=)
    • После нажатия на кнопку OK выбранный имидж будет вставлен в страницу в том месте, где находился курсор.

 

Изменения параметров картинок;


 

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

После этого следует нажать на кнопку Image в меню WYSIWIG редактора, появится следующее окно:

    • Здесь вы можете установить следующие параметры вставки имиджа:
      • Alternate Text (параметр Alt=)
      • Aligment - выравнивание (параметр align=)
      • Border - граница имиджа (параметр border=)
      • Horisonral - отступ по горизонтали (параметр hspace=)
      • Vertical - отступ по вертикали (параметр vspace=)
      • Width - ширина (параметр width=)
      • Height dscjnf - высота (параметр height=)
    • После нажатия на кнопку OK - параметры выбранного имиджа будут изменены.

 

Очистка HTML;


 

Редактор позволяет производить очистку HTML кода от ненужных тегов. Обычно они появляются после импортирования контента из других офисных пактов, например Ms Office.

Для этого необходимо нажать на кнопку Clean HTML, в меню WYSIWIG редактора:

Далее необходимо выбрать теги, которые вы хотите удалить и нажать на кнопку "OK"

  • Clean empty tasgs - удаление пустых тегов
  • Clean MS Office tag - удаление тегов MS Office
  • Clean MS Office tag (class="Mso...") - удаление тегов MS Office с параметрами
  • Clean MS Office tag (style="mso-...") - удаление тегов MS Office с параметрами
  • Clean inline style (style=" ...")  - удаление inline style
  • Clean FONT tag - очистка тегов FONT
  • Clean SPAN tag - очистка тегов SPAN.

 

Вставка таблиц;


 

Редактор предоставляет широкие возможности по работе с таблицами.

Для вставки таблицы в документ необходимо установить курсор и нажать на кнопку Table в меню WYSIWIG редактора:

Далее необходимо указать следующие параметры:

  • Rows - количество строк
  • Cols - количество колонок
  • Width - ширина таблицы
  • Height - высота таблицы
  • Cell spacing - толщина разделителя ячеек
  • Cell padding - отступ от разделителя ячеек до элементов ячеек
  • Border - толщина тела таблицы
  • Border color - цвет тела таблицы
  • Background color - цвет фона таблицы.

 

Изменение параметров таблиц;


 

Редактор предоставляет широкие возможности по работе с таблицами.

Для изменения параметров таблицы необходимо кликнуть на таблицу; при этом она будет выделена маркерами:

и нажать на кнопку Table в меню WYSIWIG редактора:

Далее необходимо указать следующие параметры:

 

  • Rows - количество строк (изменить нельзя)
  • Cols - количество колонок (изменить нельзя)
  • Width - ширина таблицы
  • Height - высота таблицы
  • Cell spacing - толщина разделителя ячеек
  • Cell padding - отступ от разделителя ячеек до элементов ячеек
  • Border - толщина тела таблицы
  • Border color - цвет тела таблицы
  • Background color - цвет фона таблицы

Добавить, удалить, объединить, ячейки, колонки, строки таблицы;


 

Редактор предоставляет широкие возможности по работе с таблицами.

Для того чтобы произвести действие с таблицей, сущестуют следующие функции в меню WYSIWIG редактора:

  • Insert column - вставить в таблицу колонку
    • необходимо установить курсор в ячейку таблицы; колонка будет вставлена слева от текущей колонки
  • Insert row - вставить в таблицу строку
    • необходимо установить курсор в ячейку таблицы; строка будет вставлена сверху от текущей строки
  • Insert cell - вставить в таблицу ячейку
    • необходимо установить курсор в ячейку таблицы; ячейка будет вставлена слева от текущей ячейки
  • Delete column - удалить колонку
    • необходимо установить курсор в ячейку таблицы; удалена будет текущая колонка
  • Delete row - удалить строку
    • необходимо установить курсор в ячейку таблицы; удалена будет текущая строка
  • Delete cell - удалить ячейку
    • необходимо установить курсор в ячейку таблицы; удалена будет текущая ячейка
  • Merge cells - объединить ячейки таблицы
    • необходимо выделить содержимое нескольких ячеек; они будт объединены
  • Split cells - разбить ячейки таблицы
    • необходимо установить курсор в ячейку таблицы; она будет разделена на две.

 

Выбор цвета фона и текста;


 

Редактор позволяет установить цвет  фонта и его фона, для этого в меню WYSIWIG редактора есть две кнопки:

  • Background color – установка цвета фона фрагмента текста
  • Foreground color – установка цвета фрагмента текста

    При этом подбор цвета осуществляется с помощью окна выбора цвета:

     

    Установка параметров шрифта;


    Редактор позволяет установить гарнитуру и размер шрифта с помощю выпадающих списков, находящихся в меню WYSIWIG редактора.

    Другой способ задать эти параметры - нажать на кнопку Font в меню WYSIWIG редактора и подобрать нужный фонт с помощью удобного окна:

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

     

     



 
 

Copyright © CiM 2007-2012 . All rights reserved.