Содержание сайта

Файлы

Типы файлов

В разделе "Файлы" выводится список файлов доступных для редактирования пользователем сайта.

Список файлов

Рисунок 3.8. Список файлов

Для загрузки на сайт доступны файлы следующих типов:

  • HTML - HTML файл

  • TXT - текстовый файл

  • JPG - файл изображения JPEG

  • PNG - файл изображения PNG

  • GIF - файл изображения GIF

  • JS - файл Javascript

  • CSS - файл стилей

  • DOC - файл Microsoft Office Word

  • XLS - файл таблиц Microsoft Office Excel

  • PPT - файл презентаций Microsoft Office PowerPoint

Для файлов некоторых типов в системе есть специализированные редакторы. Визуальный редактор для HTML. Редактор для файлов изображений PNG, GIF, JPG, в котором можно выполнить базовые операции повернуть, изменить масштаб, обрезать. Редактор для Меню.

Операции над файлами

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

Для файла доступны следующие операции:

Редактирование файла

Рисунок 3.9. Редактирование файла

  • скачать - скачать файл себе на машину

  • заменить - заменить файл на новый

  • редактировать - переход на страницу редактирования файла

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

Для группы файлов доступны следующие операции:

Редактирование файлов

Рисунок 3.10. Редактирование файлов

  • удалить - удаляет файлы с сайта

  • копировать - копирует выделенные файлы для вставки в другую директорию

  • вырезать - вырезает файлы для вставки в другую директорию

  • вставить - вставляет фалы в текущую директорию

  • орфография - проверяет орфографию для выделенных HTML файлов

Создание страниц сайта

Настройка списка файлов

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

Различное колличество полей в таблице

Рисунок 3.11. Различное колличество полей в таблице

Нажмите кнопку "Настройки" в меню раздела, после чего откроется форма "Настройки".

Форма "Настройки"

Рисунок 3.12. Форма "Настройки"

В окошке "Настройки" (см. рис.) выводится список полей таблицы. Поля, отмеченные галочкой, активные, они показываются в таблице. Уберите галочку напротив названия поля, чтобы скрыть столбец таблицы.

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

Нажмите кнопку "Сохранить" для сохранения внесенных изменений, и "Отменить" для отмены.

Данные настройки действуют до выхода из системы.

Создание файла HTML

Для того чтобы создать новую страницу, необходимо создать новый html файл в разделе "Файлы". Нажмите кнопку "Создать файл", для открытия формы.

Форма "Редактирование файла"

Рисунок 3.13. Форма "Редактирование файла"

Форма "Редактирование файла" показана на рисунке. Она состоит из пяти полей:

  • "Название файла" - в данном поле записывается название создаваемого файла. Название файла может содержать только маленькие буквы латинского алфавита и цифры. Если Вы ошибетесь и укажите не допустимый символ, файл не будет создан, а рядом с полем, в котором указан недопустимый символ, появится восклицательный знак.

  • "Заголовок"(тег title) - в данное поле записывается название создаваемой страницы, будет отображаться в заголовке окна браузера для данной страницы.

  • "Автор" - в этом поле указывается информация об авторе страницы. Информация из этого поля добавляется в мета-тэг autor.

  • "Ключевые слова" - В этом поле укажите ключевые слова страницы. Информация из этого поля добавляется в мета-тэг keywords.

  • "Описание" - в этом поле указывается краткое описание содержания страницы. Информация из этого поля добавляется в мета-тэг description.

  • "Шаблон"-выпадающее меню шаблонов.

  • "Отображать в меню"- отметка в данном поле означает , что страница в структуре сайта будет отображена активной. В противном случае в стуктуре сайта данная страница отобразится скрытой.

Примечание

Поля "Автор", "Ключевые слова", "Описание" формируют метаданные страницы, они важны для оптимизации сайта под поисковые системы.

Поля отмеченные * ("Название файла", "Заголовок") обязательны для заполнения.

На верхней панели располагаются 2 вкладки: вкладка "свойства" и вкладка "содержание". Вкладка свойства открывается изначально. Во вкладке "Содержание" редактируется содержание страницы (о редактировании содержания будет подробно рассказано в разделе 4.2.1.3).

Редактирование файла

Для редактирования существующего html-файла:

Откройте раздел "Файлы", щелкните по значку папки , в выпадающем меню выберите пункт "Редактировать".

Открытие формы редактирования файла

Рисунок 3.14. Открытие формы редактирования файла

После того как Вы выберите в меню пункт "Редактировать", откроется форма редактирования файла (см предыдущий раздел). Здесь (во вкладке "Свойства") Вы можете изменить "Название файла", "Заголовок", а также добавить, или изменить информацию в полях "Автор", "Ключевые слова" и "Описание". Во вкладке "Содержание" редактируется содержание страницы.

Загрузка файла

Инструмент загрузки файлов позволяет загрузить на сайт файлы с компьютера пользователя, например изображения, которые необходимо разместить на страницах сайта, различные документы (.doc, .xls и др.), на которые вы хотите дать ссылку. Также возможна загрузка html-файлов, при этом всё содержимое загружаемой страницы будет вставлено в стандартный шаблон сайта.

Вы можете загрузить на сайт файлы в следующих форматах: HTML, TXT, JPG, PNG, GIF, JS, CSS, DOC, XLS, PPT.

Для того чтобы загрузить файл:

Форма загрузки файла

Рисунок 3.15. Форма загрузки файла

  • Нажмите кнопку "Загрузить".

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

  • Далее нажмите кнопку "Загрузить", для загрузки выбранного файла, либо "Отменить" для отмены.

Замена файла

Для замены файла

Замена файла

Рисунок 3.16. Замена файла

  • Щелкните по значку папки рядом с названием файла.

  • В появившемся меню выберите пункт заменить.

  • В окне "Загрузить файл" нажмите кнопку "Обзор" и выберите файл.

    Окно "Загрузка файла"

    Рисунок 3.17. Окно "Загрузка файла"

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

Меню

Для навигации по сайту необходимо, чтобы на каждой странице было меню. В системе для этого есть специальный инструмент "Структура".

Редактирование содержания страницы

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

Для редактирования содержания страницы сайта (html-файла):

Откройте раздел "Файлы", щелкните по значку , в выпадающем меню выберите пункт "Редактировать".

Открытие окна редактирования файла

Рисунок 3.18. Открытие окна редактирования файла

Затем в окне редактирования перейдите на вкладку "Содержание". Здесь осуществляется редактирование содержания страниц.

Вкладка "Содержание"

Рисунок 3.19. Вкладка "Содержание"

Визуальный редактор

При помощи визуального редактора html кода осуществляется создание и редактирование содержания страниц сайта. В CMS.edu используется визуальный редактор HTML-страниц FCKeditor.

Окно редактора состоит из следующих областей:

  • Панель инструментов(аналогична панели инструментов программы Word). Здесь находятся инструменты визуального редактирования содержания.

  • Рабочая область представляет собой область для ввода текста, вставки изображений и других элементов содержания страниц.

  • Кнопки. Кнопка "Сохранить" - сохраняет внесенные изменения, производит выход на список файлов, кнопка "Применить" тоже сохраняет внесенные изменения, но без выхода на список файлов. Кнопка "Отменить" отменяет внесенные изменения.

Визуальный редактор

Рисунок 3.20. Визуальный редактор

Важно

Клавиша Enter в визуальном редакторе начинает новый абзац (соответствует тегу <p></p>). Сочетание клавиш Shift+Enter (соответствует тегу <br>) используется для перехода на новую строку в текущем абзаце.

Инструменты визуального редактора:

Источник - включает режим отображения содержания в рабочей области в виде html - кода.

Сохранить - сохраняет изменения в файле.

Предварительный просмотр - открывает для просмотра содержание страницы в отдельном окне.

Шаблоны - Открывает окно выбора шаблона содержания (см. рисунок). Если Вы хотите использовать один из доступных шаблонов, выберите его щелчком мыши (после чего шаблон появится в рабочей области, а текущее содержание будет потеряно). Если Вы хотите добавить шаблон и сохранить текущее содержание, предварительно уберите галочку "Заменить текущее содержание".

Шаблоны содержимого

Рисунок 3.21. Шаблоны содержимого

Буфер обмена

Вырезать - вырезает выделенный фрагмент, помещая его в буфер обмена. Вместо этого инструмента можно использовать сочетание клавиш Ctrl+X.

Копировать - копирует выделенный фрагмент, помещая его в буфер обмена. Сочетание клавиш Ctrl+C.

Вставить - вставляет фрагмент из буфера обмена. Можно также использовать сочетание клавиш Ctrl+V для вставки.

Инструмент "Вставить" вставляет текст с сохранением форматирования. При использовании этого инструмента для вставки текста скопированного из программы Word в html коде страницы оказывается большое количество лишних тегов, и формируется не правильная логическая структура документа.

Вставить только текст - вставляет фрагмент текста без форматирования из буфера обмена.

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

Вставить из Word - вставляет фрагмент текста скопированный из документа Word.

Если Вы хотите вставить отформатированный текст из программы Word, то используйте для этого специальный инструмент "Вставить из Word". Он удалит из html кода избыточную информацию (а её там будет больше половины). В диалоге "Вставить из Word" включите галочки "Игнорировать определения гарнитуры" и "Убрать определения стилей", эти опции уберут лишнюю информацию в исходном коде страницы.

Окно инструмента "Вставить из Word"

Рисунок 3.22. Окно инструмента "Вставить из Word"

В браузере MS Internet Explorer при вставке текста из программы Word, с использованием клавиш Ctrl+V, редактор выдает предупреждение: "Текст, который вы хотите вставить, похож на копируемый из Word. Вы хотите очистить его перед вставкой?". Нажмите "ОК", и откроется окно инструмента "Вставка из Word".

Важно

При копировании и вставке текста из программы Word используйте инструмент "Вставить только текст", либо "Вставить из Word".

Примечание

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

Таблица 3.1. Вес страницы, после копирования и вставки одного и того же текста из программы Word.

Инструмент

Общий размер страницы

Вес контента (вес стр - вес шаблона(1КБ))

Вставить51КБ50КБ
Вставить только текст2КБ1КБ
Вставить только текст + форматирование в визуальном редакторе3КБ2КБ
Вставить из Word12КБ11КБ

Как видно из приведенных данных вес контента при вставке с сохранением форматирования больше в 50 раз! После форматирования в визуальном редакторе вес страницы увеличился всего в 2 раза. Вес же страницы при использовании инструмента "Вставить из Word" в 5 раз меньше, чем при обычной вставке.

Что плохого в увеличении веса страницы?

  • Более тяжелая страница будет дольше загружаться в браузере.

  • Избыточные теги портят логическую структуру текста.

  • Ухудшают отношение поисковых систем к данной странице.

Печать - посылает на печать содержание рабочей области.

Проверить орфографию - проверяет орфографию в редактируемом файле. После того, как вы нажмете кнопку "Проверить орфографию" появится окно проверки. Вверху окна расположена область с фрагментом текста. Слова, в которых, возможно, допущена ошибка подсвечиваются красным цветом, также данные слова показываются в поле с заголовком "Нет в словаре", расположенном чуть ниже. В поле "заменить на" показывается вариант возможной замены, его можно изменить, выбрав из списка, находящегося ниже, либо указать свой вариант. Для подтверждения замены нужно нажать кнопку "Заменить". Если же указанное слово написано правильно, и вы хотите оставить его без изменений, то нажмите кнопку "Игнорировать". Для отмены проверки нажмите кнопку "Отменить".

Предупреждение

Кнопка "Отмена" полностью отменяет проверку, если были сделаны замены, то они тоже будут отменены.

Проверка орфографии

Рисунок 3.23. Проверка орфографии

Отменить - отменяет последнее действие.

Повторить - повторяет последнее отмененное действие.

Найти - осуществляет поиск слов или словосочетаний в тексте.

Заменить - осуществляет поиск с заменой.

Выделить все - выделяет весь текст в рабочей области.

Убрать форматирование - убирает форматирование с выделенного фрагмента текста.

Развернуть окно редактора - разворачивает визуальный редактор на все окно браузера.

Показать блоки - выделяет блочные элементы на странице.

Справка - открывает окно информации о визуальном редакторе.

Инструменты форматирования

Форматирование текста в визуальном редакторе практически ничем не отличается от подобных операций в других текстовых редакторах. Ниже приведено описание инструментов форматирования.

Инструменты изменяющие начертание текста:

Жирный - делает текст жирным, либо убирает жирность с выделенного фрагмента жирного текста.

Курсив - выделяет текст курсивом, или снимает курсив с выделенного фрагмента курсивного текста.

Подчеркнутый - подчеркивает текст, или снимает подчеркивание с выделенного фрагмента подчеркнутого текста.

Зачеркнутый - инструмент зачеркивающий текст, или снимающий зачеркивание.

Подстрочный индекс - преобразует тест в подстрочный.

Надстрочный индекс - преобразует тест в надстрочный.

Есть два варианта работы с перечисленными выше инструментами форматирования:

  • Выделить уже введенный участок текста и нажать на соответствующую кнопку.

  • Щелкнуть кнопку инструмента, затем набрать текст, который нужно выделить, и снова щелкнуть ту же кнопку для отмены форматирования дальнейшего текста.

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

Вставить/удалить нумерованный список - преобразует выбранный абзац (выделенный абзац, либо абзац в котором находится курсор) в элемент нумерованного списка.

Вставить/удалить маркированный список - преобразует выбранный абзац в элемент маркированного списка.

Важно

Можно щелкнуть кнопку списка перед тем, как начать набор текста. Чтобы вставить новый пункт списка, нажмите клавишу Enter. Для того, чтобы закончить список, нажмите Enter два раза подряд.

Свойства списка

Рисунок 3.24. Свойства списка

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

Уменьшить отступ - уменьшает отступ слева от абзаца.

Увеличить отступ - увеличивает отступ слева от абзаца.

Цитата - выделяет выбранный абзац в цитату.

Инструменты выравнивания текста

По левому краю - выравнивает выделенный абзац(абзацы) по левому краю.

По центру - выравнивает выделенный абзац(абзацы) по центру.

По правому краю - выравнивает выделенный абзац(абзацы) по правому краю.

По ширине - выравнивает выделенный абзац(абзацы) по ширине страницы.

Управление гиперссылками

Вставить/редактировать ссылку - преобразует выделенный текст в гиперссылку.

После того, как вы щелкните по данной кнопке, появится окошко редактирования ссылки (см. рисунок).

Редактирование ссылки

Рисунок 3.25. Редактирование ссылки

В окне редактирования ссылки вы увидите 3 вкладки:

  • Информация ссылки - основные параметры ссылки.

  • Цель - в этой вкладке указывается место открытия ссылки.

  • Расширенный - в этой вкладке можно указать дополнительные настройки ссылки.

Перед началом создания ссылки нужно понимать какая ссылка Вам нужна. Условно ссылки можно разделить на несколько видов:

  • Внутренняя ссылка - это ссылки на страницы вашего сайта.

  • Внешняя ссылка - ссылки на страницы в сети.

  • Якорь - ссылки внутри текущей страницы (например возвращение в начало страницы)

  • Email - ссылка на адрес электронной почты, открывающая почтовый клиент.

  • Ссылка на файл - ссылки на документы Microsoft Office, архивы.

Во вкладке информация:

  • "Тип ссылки". Из выпадающего списка выберите одно из следующих значений:

    Тип ссылки

    Рисунок 3.26. Тип ссылки

    1. URL. Выберите этот пункт, если вы хотите создать внутреннюю ссылку, внешнюю ссылку или ссылку на файл.

    2. Якорь. Выберите для создания ссылки на якорь текущей страницы. Если на странице нет ни одного якоря, то сначала вам нужно создать якорь, с помощью инструмента "Создать/редактировать якорь".

    3. Email. Оформляйте адреса электронной почты этой ссылкой.

      Создание ссылки на электронную почту.

      Рисунок 3.27. Создание ссылки на электронную почту.

      Если вы выберите пункт Email из выпадающего списка "Тип ссылки", то увидите форму, показанную на рисунке 9. В поле "Адрес эл. почты" укажите email (это поле обязательно для заполнения). Можете также написать заголовок и тело сообщения.

  • Протокол. Здесь выберите пункт "http://", если создаете внешнюю ссылку и "<другое>" для создания внутренней ссылки.

  • URL. В этом поле укажите адрес страницы. Если вы делаете внутреннюю ссылку, то можно найти нужный файл на сервере, нажав кнопку "Посмотреть на сервере"

Вкладка Цель

Определяет, где будет открыта ссылка. Для того, чтобы сделать открытие ссылки в новом окне, нужно выбрать в выпадающем списке пункт "Новое окно". По умолчанию ссылка открывается в том же окне.

Убрать ссылку - убирает гиперссылку. Поставьте курсор на текст гиперссылки и щелкните данный инструмент.

Вставить/редактировать якорь - создает якорь на странице. Необходим для создания ссылки внутри одной страницы. Установите курсор в нужное место, затем щелкните по кнопке якорь, в окне "Свойства якоря" введите имя нового якоря и нажмите "ОК".

Свойства якоря

Рисунок 3.28. Свойства якоря

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

Поставьте курсор в то место на странице, где должна быть картинка. Нажмите на кнопку "Картинка", после чего откроется окно "Свойства изображения" (см. рисунок).

Свойства изображения

Рисунок 3.29. Свойства изображения

В поле "URL" Вы можете указать адрес картинки в интернете. Либо воспользуйтесь кнопкой "Посмотреть на сервере", если изображение было предварительно загружено на сайт. В поле "Альтернативный текст" запишите текст, который будет показан в случае, если картинка не будет загружена. Поля "Ширина" и "Высота" задают размеры изображения на странице (если Вы измените размеры в этих полях, то размеры самого изображения не изменятся, они останутся прежние, поэтому лучше воспользоваться "Редактором изображений").

Примечание

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

Поле "Бордюр" определяет толщину рамки вокруг изображения

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

Отступы и выравнивание изображений

Рисунок 3.30. Отступы и выравнивание изображений

Значение поля "Выравнивание" определяет положение изображения на странице.

  • "По левому краю" - задает выравнивание картинки по левому краю документа, при этом тект обтекает изображение.

  • "По правому краю" - задает выравнивание картинки по правому краю документа, при этом тект обтекает изображение.

  • "По низу" - изображение выравнивается по нижнему краю строки, изображение располагается как символ в строке.

  • "По верху" - изображение выравнивается по верхнему краю строки.

  • "По середине" - изображение выравнивается по середине строки.

Важно

Очень важно предварительно подготовить изображение перед размещением на сайте. Если картинка имеет очень большой размер, ее надо уменьшить. Изображение можно уменьшить в каком-нибудь графическом редакторе, либо воспользоваться редактором изображений cms. Так же перед загрузкой изображения на сервер его необходимо переименовать, в названии файла могут содержаться только строчные(маленькие) английские буквы и цифры, и символы подчеркивания и дефис.

Во вкладке "Ссылка" можно сделать картинку ссылкой. В поле "URL" нужно указать адрес страницы в интернете, или воспользоваться кнопкой "Посмотреть на сервере" и выбрать файл, на который Вы хотите сделать ссылку. В выпадающем списке "Цель" выберите, где будет открыта страница.

Изображение - ссылка

Рисунок 3.31. Изображение - ссылка

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

Таблица - Инструмент для создания таблицы. Открывает диалог "Свойства таблицы", в котором осуществляется настройка создаваемой таблицы.

Свойства таблицы

Рисунок 3.32. Свойства таблицы

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

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

В поле "Выравнивание" задается выравнивание текста внутри ячеек таблицы.

Выравнивание текста внутри ячеек таблицы

Рисунок 3.33. Выравнивание текста внутри ячеек таблицы

  • Слева

  • По центру

  • Справа

В поле "Заголовок" можно задать заголовок таблицы, а в поле "Резюме" записать описание таблицы.

Редактирование таблицы

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

Редактирование таблицы

Рисунок 3.34. Редактирование таблицы

Вы можете добавлять, удалять столбцы, строки и ячейки таблицы.

  • Удаление столбцов, строк и ячеек таблицы

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

  • Добавление столбцов, строк и ячеек таблицы

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

  • Объединение и разбиение ячеек

    Также можно объединять и разбивать ячейки таблицы.

  • Свойства ячейки

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

Контекстное меню, свойства ячейки

Рисунок 3.35. Контекстное меню, свойства ячейки

В диалоге "Свойства ячейки" можно изменять следующие свойства:

Свойства ячейки

Рисунок 3.36. Свойства ячейки

  • "Ширина" - в данное поле записывается ширина ячейки в процентах, или в пикселях. По умолчанию ширина зависит от содержимого.

  • "Высота" - высота ячейки в пикселях. По умолчанию высота ячейки формируется по высоте содержимого.

  • "Заворачивание текста" - данная опция определяет будет ли текст переноситься по словам. По умолчанию установлен вариант "да", при котором текст переносится по словам.

  • "Гор. выравнивание" - выравнивание текста по горизонтали внутри ячейки, по умолчанию текст выравнивается по левому краю.

  • "Верт. выравнивание" - определяет выравнивание текста по вертикали внутри ячейки.

  • "Диапазон строк" - Инструмент действующий аналогично инструменту объединения ячеек. Создает сложную ячейку по вертикали.

  • "Диапазон колонок" - Создает сложную ячейку по горизонтали.

    Диапазон строк, диапазон колонок

    Рисунок 3.37. Диапазон строк, диапазон колонок

  • "Цвет фона" - задает цвет фона ячейки. по умолчанию фон прозрачный;

  • "Цвет бордюра" - изменяет цвет границы ячейки. По умолчанию цвет границы черный.

Горизонтальная линия - вставляет горизонтальную линию. Поставьте курсор в то место, где вы хотите вставить линию и щелкните инструмент "Горизонтальная линия".

Специальный символ - данный инструмент открывает диалог выбора специального символа.

Специальные символы

Рисунок 3.38. Специальные символы

Стиль - содержит готовые стили для выделения текста.

Форматирование - готовые стили для форматирования текста. Форматирование применяется к целому абзацу.

Шрифт - выбор шрифта. Изменяет шрифт выделенного фрагмента текста.

Размер - выбор размера шрифта. Изменяет размер шрифта выделенного фрагмента текста.

Цвет текста - меняет цвет выделенного текста.

Цвет фона - изменяет цвет фона выделенного текста.

Сохранение страницы.

Для сохранения страницы Можно воспользоваться 3 кнопками:

  • Кнопка на панели инструментов визуального редактора.

  • Кнопка "Сохранить" сохраняет изменения в документе и производит выход в раздел "Файлы".

  • Кнопка "Применить" сохраняет изменения, без выхода из модуля редактирования.

Исходный код страницы

В CMS.edu существует 2 способа редактирования содержания страниц сайта. Первый - редактирование с использованием "Визуального редактора", который был рассмотрен в предыдущем разделе. И второй - редактирование в виде "Исходного кода". Если Вы знакомы с языком гипертекстовой разметки HTML, то Вы можете редактировать страницы сайта в виде исходного кода.

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

Компоненты

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

  • Фотогалерея (3 вида)

  • Лента новостей

  • Меню

Компонент фотогалерея "Лента с центральной фотографией"

На панели инструментов "Визуального редактора" расположены кнопки добавления компонентов.

Фотогалерея "Лента с центральной фотографией" показана на рисунке. Чтобы добавить галерею на сайт, установите курсор в то место, куда вы хотите вставить галерею, кликните по кнопке, откроется диалог создания фотогалереи.

Диалог добавления фотогалереи

Рисунок 3.39. Диалог добавления фотогалереи

Из выпадающего списка "Фотогалерея" выберите галерею, которую хотите вставить на страницу. Перед тем, как добавлять фотогалерею на сайт, её надо создать в разделе "Фотогалереи".

В поле "Количество фотографий в ленте" укажите колличество фотографий, которые будут отображаться в ленте, а из списка "Место ленты фотографий" выберите положение ленты (лента может располагаться слева, справа, вверху, внизу относительно центральной фотографии). Нажмите кнопку "Вставить", галерея будет вставлена, а в тексте Вы увидите её значок . Для того чтобы переместить галерею в другое место, переместите её значок, удерживая нажатой левую клавишу мыши.

Для изменения свойств галереи, выделите её значок и щелкните по кнопке "Лента с центральной фотографией" на панели инструментов визуального редактора.

Лента с центральной фотографией

Рисунок 3.40. Лента с центральной фотографией

Компонент фотогалерея "Список с предпросмотром"

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

В диалоге добавления галереи "Список с предпросмотром" устанавливаются следующие настройки:

Диалог добавления фотогалереи "Список с предпросмотром"

Рисунок 3.41. Диалог добавления фотогалереи "Список с предпросмотром"

  • "Фотогалерея" - из выпадающего списка выбирается название галереи.

  • В полях "Количество столбцов", "Количество строк" указывается из скольких столбцов и строк будет состоять таблица фотографий.

  • Из списка "Наличие текста описания и его оформление" выбирается будут ли добавлены подписи к фотографиям, и где они будут расположены. Возможные варианты: нет, слева, справа, внизу.

  • "Тип открытия" - определяет как будет раскрываться фотография.

    1. "Без открытия" - фотографии не открываются

    2. "Новое окно" - фотографии открываются в новом окне браузера.

    3. "LightBox" - анимированное открытие фотографий во всплывающей области, в том же окне браузера. Галерея с таким вариантом открытия показана на рисунке.

Список с предпросмотром, тип открытия LightBox

Рисунок 3.42. Список с предпросмотром, тип открытия LightBox

Компонент "Список фотогалерей"

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

В диалоге добавления списка устанавливаются следующие настройки:

Диалог добавления "Списка фотогалерей"

Рисунок 3.43. Диалог добавления "Списка фотогалерей"

  • "Фотогалерея" - В этом поле выбираются галереи, которые надо добавить в список.

  • Опция "Отображение первой фотографии" включает отображение первой фотографии галереи в списке.

  • "Вид отображения" - определяет отображение галереи после того, как Вы перейдете по ссылке в списке.

  • "Шаблон отображения" - здесь можно добавить свой шаблон отображения выбранной фотогалереи.

Компонент "Лента новостей"

Компонент "Лента новостей" расположен на панели инструментов визуального редактора. Так же как и фотогалерею, ленту новостей необходимо предварительно создать в разделе "Ленты новостей".

Свойства ленты новостей

Рисунок 3.44. Свойства ленты новостей

  • "Лента новостей", в этом поле нужно выбрать ленту новостей.

  • "Отображение новостей" возможно 2 варианта показа новостей:

    1. Все новости - выводятся все новости, с сортировкой по дате.

    2. По дате - новости выводятся в соответствии со сроком публикации, т.е. новости, срок публикации которых прошел, не отображаются.

  • "Новостей на странице", в этом поле надо указать сколько будет выводиться новостей на одной странице.

  • "Минимум новостей", укажите минимальное число новостей. Минимальное количество новостей будет выведено, даже если их срок публикации уже прошел.

Яндекс карты

В системе управления сайтами CMS.edu. существует возможность добавления на сайт сервиса «Яндекс Карты», который отображает географическое местоположение учреждения.

"Яндекс Карта" на странице сайта учреждения

Рисунок 3.45. "Яндекс Карта" на странице сайта учреждения

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

Элементы карты

Рисунок 3.46. Элементы карты

В правом верхнем углу карты находятся три кнопки «Схема», «Спутник» и «Гибрид»

. Эти кнопки регулируют способ отображения местности на карте. Кнопки активируются щелчком левой кнопкой мыши.По умолчанию активна кнопка «Схема» - карта отображается схематически

Стиль отображения при активации кнопки "Схема"

Рисунок 3.47. Стиль отображения при активации кнопки "Схема"

Активировав кнопку «Спутник» можно увидеть, что объекты на карте будут отображены как на фотографии

Стиль отображения при активации кнопки "Спутник"

Рисунок 3.48. Стиль отображения при активации кнопки "Спутник"

Кнопка «Гибрид» активирует совмещенный способ отображения объектов.

Стиль отображения при активации кнопки "Гибрид"

Рисунок 3.49. Стиль отображения при активации кнопки "Гибрид"

Добавление "Яндекс Карты" на страницу сайта

Откройте окно редактирования файла. Нажмите клавишу визуального редактора «Список компонентов».

Клавиша визуального редактора "Список компонентов"

Рисунок 3.50. Клавиша визуального редактора "Список компонентов"

В появившемся окне выберите пункт «Яндекс карты».

Выбор компонента "Яндкс Карты" из списка компонентов

Рисунок 3.51. Выбор компонента "Яндкс Карты" из списка компонентов

После чего откроется панель параметров «Яндекс карты». В данной панели необходимо заполнить имеющиеся поля. Обратите внимание, что поле адреса необходимо заполнять корректно. Обязательно укажите без ошибок точный адрес вашего учреждения – название населенного пункта, улицу и номер дома. Поля «ширина» и «высота» описывают соответствующие размеры карты, которая будет отображена на выбранной странице. Для удобного отображения карты вполне достаточно установить значения высоты и ширины по 400 пикселей. Поле «увеличение» регулирует масштаб будущей карты. Значению 1 – соответствует минимально возможное увеличение, а значению 16 максимальное увеличение карты.

Заполнение полей "Яндекс Карты"

Рисунок 3.52. Заполнение полей "Яндекс Карты"

Для сохранения выполненных изменений нажмите клавишу «Сохранить»

Сохранение изменений

Рисунок 3.53. Сохранение изменений

Редактирование изображений

В системе управления сайтами CMS.edu есть возможность редактирования изображений. "Редактор изображений" предназначен для изменения размеров, поворота, а также для обрезки изображений. Редактировать можно картинки в форматах: *.jpg, *.gif и *.png.

В разделе "Файлы" щелкните по значку , в выпадающем меню выберите пункт "Редактировать".

Редактирование изображения

Рисунок 3.54. Редактирование изображения

Окно редактора изображений

Рисунок 3.55. Окно редактора изображений

Окно "Редактора изображений" состоит из панели инструментов и области предпросмотра изображения.

Редактор изображений имеет следующие инструменты:

  • "Масштаб" - в этом поле указывается масштаб изображения в области предпросмотра. Можно изменить масштаб, выбрав другое значение из списка.

  • "Изменить размер" - Открывает окошко "Изменение размеров изображения". Окошко можно перемещать за заголовок, удерживая нажатой левую клавишу мыши.

  • "Обрезать по рамке" - Обрезает изображение (обычно называется Crop).

  • "Повернуть влево" - Поворачивает изображение на 90 градусов влево.

  • "Повернуть вправо" - Поворачивает изображение на 90 градусов вправо.

  • "Сохранить изображение" - Открывает диалог "Сохранение изображения"

Для возвращения в раздел "Файлы", надо перейти по ссылке "Файлы" вверху окна. Можно отменить все изменения и вернуться к исходному изображению. Для этого надо щелкнуть по ссылке на файл (см рисунок).

Отмена редактирования

Рисунок 3.56. Отмена редактирования

Размер изображения

Для изменения размеров изображения предназначен инструмент "Изменить размер". Когда Вы щелкните по этому инструменту, откроется форма изменения размеров изображения. В полях "Ширина" и "Высота" указываются размеры текущего изображения в пикселях.

Обратите внимание, что изображение в области предпросмотра может быть уменьшено, тогда значение в поле "Масштаб" будет меньше 100%. В окне изменения размеров изображения указываются реальные размеры картинки. (Если размеры изображения(ширина или высота) больше 600px, то изображение необходимо уменьшить.)

Форма "Изменение размеров изображения"

Рисунок 3.57. Форма "Изменение размеров изображения"

Размеры изображения можно изменять абсолютно, или в процентах. Чтобы сохранить пропорции изображения, установите галочку "Сохранить пропорции". Измените значения полей "Ширина" и "Высота". Если вы хотите изменить размеры изображения в процентах, выберите опцию "В процентах", и укажите значение от 1% до 99%.

Для изменения размеров нажмите кнопку "Применить", а для отмены нажмите "Отменить".

Размер холста

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

Использование инструмента "Обрезать по рамке"

Рисунок 3.58. Использование инструмента "Обрезать по рамке"

Поворот

- поворачивает изображение на 90 градусов влево.

- поворачивает изображение на 90 градусов вправо.

Сохранение изображения

После того, как Вы отредактировали изображение, его надо сохранить, для этого нажмите "Сохранить изображение", после чего откроется окно сохранения изображения.

Сохранение изображения

Рисунок 3.59. Сохранение изображения

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

Окно "Сохранение изображения"

Рисунок 3.60. Окно "Сохранение изображения"

Нажмите кнопку "Сохранить". Изображение будет сохранено в тот же каталог, где располагалось исходное. Найти его Вы сможете, открыв раздел "Файлы".

Примечание

Качество в диалоге сохранения изображения соответствует качеству Jpeg: "Низкое" - 50, "Среднее" - 65, "Хорошее" - 75, "Высокое" - 90, "Отличное" - 100.

Фотогалерея

Для создания и последующего редактирования фотогалерей необходимо в разделе "Содержание" перейти в пункт "Фотогалереи".

Пункт "Фотогалереи".

Рисунок 3.61. Пункт "Фотогалереи".

Создание фотогалереи

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

Рисунок 3.62.

Форма редактирования фотогалерей

Рисунок 3.63. Форма редактирования фотогалерей

При создании фотогалереи поля, названия которых помечены знаком "*", являются обязательными для заполнения.

К каждой фотогалерее можно добавить описание. Текст описания можно отредактировать с помощью встроенного редактора.

Редактор текста описания фотогалереи

Рисунок 3.64. Редактор текста описания фотогалереи

При редактировании текта-описания фотогалереи можно использовать встроенный визуальный редактор. Назначение клавиш данного элемента панели редактирования подробно описано в разделе "Визуальный редактор". Кроме этого для более простого ориентирования в структуре редактируемого текста создана панель, в которой отображается название структруктурной единицы редактируемого текста.

Редактирование фотогалереи.

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

Редактирование фотогалереи

Рисунок 3.65. Редактирование фотогалереи

Добавление фотографий

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

Фотогалереи. Добавление фотографий. Выбор галереи

Рисунок 3.66. Фотогалереи. Добавление фотографий. Выбор галереи

При этом браузер перейдет в выбранную вами галерею. В верхнем меню необходимо выбрать пункт "Добавить фотографию".

Фотогалереи. Кнопка "Добавление фотографии"

Рисунок 3.67. Фотогалереи. Кнопка "Добавление фотографии"

При этом браузер перейдет к форме редактирования изображения .

Фотогалереи. Форма редактирования изображения

Рисунок 3.68. Фотогалереи. Форма редактирования изображения

При создании фотографии поля, названия которых помечены знаком "*", являются обязательными для заполнения.

К каждой фотографии можно добавить описание. Текст описания можно отредактировать с помощью встроенного редактора. Редактирование описания фотографии осуществляется аналогично редактированию описания фотогалереи.

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

Фотогалереи. Редактирование изображения. Выбор даты публикации

Рисунок 3.69. Фотогалереи. Редактирование изображения. Выбор даты публикации

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

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

Фотогалереи. Публикация

Рисунок 3.70. Фотогалереи. Публикация

Элемент поля редактирования фотографии "Положение" определяет положение фотографии в фотогалерее.

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

Фотогалереи. Выбор изображения

Рисунок 3.71. Фотогалереи. Выбор изображения

После чего браузер откроет окно, с помощью которого необходимо найти нужное изображение. Далее нажать кнопку "Открыть"

Фотогалереи. Выбор изображения

Рисунок 3.72. Фотогалереи. Выбор изображения

Редактирование фотографии

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

Фотогалереи. Редактирование фотографии

Рисунок 3.73. Фотогалереи. Редактирование фотографии

Удаление фотографии

Удалить фотографию из фотогалереи можно двумя способами.

  1. Необходимо выйти на форму редактирования изображения. В форме редактирования изображения поставить отметку в поле "удалить файл" и сохранить изменения с помощью кнопок или.

    Фотогалереи. Удаление изображений

    Рисунок 3.74. Фотогалереи. Удаление изображений

  2. Можно удалить изображение пользуясь браузером CMS. Для этого необходимо поставить отметку слева от названия фотографии. В нижнем выпадающем меню среди действий необходимо выбрать действие "удалить" и нажать кнопку "применить".

    Фотогалереи. Удаление изображений

    Рисунок 3.75. Фотогалереи. Удаление изображений

Ленты новостей

Для создания и последующего редактирования ленты новостей необходимо в разделе "Содержание" перейти в пункт "Ленты новостей".

Пункт "Лента новостей"

Рисунок 3.76. Пункт "Лента новостей"

Создание ленты новостей

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

Добавление ленты новостей

Рисунок 3.77. Добавление ленты новостей

Форма редактирования ленты новостей

Рисунок 3.78. Форма редактирования ленты новостей

Форма редактирования ленты новостей аналогична форме редактирования фотогалереи. см.Форма редактирования фотогалереи

Редактирование ленты новостей

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

Редактирование ленты новостей

Рисунок 3.79. Редактирование ленты новостей

Добавление записей

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

Выбор ленты новостей для добавления записи

Рисунок 3.80. Выбор ленты новостей для добавления записи

При этом браузер перейдет в выбранную вами ленту новостей. В верхнем меню необходимо выбрать пункт "Добавить новость".

Ленты новостей. Добавление новости

Рисунок 3.81. Ленты новостей. Добавление новости

При этом браузер перейдет к форме редактирования новости.

Ленты новостей. Форма редактирования новости

Рисунок 3.82. Ленты новостей. Форма редактирования новости

При создании записи поля, названия которых помечены знаком "*", являются обязательными для заполнения.

К каждой записи можно добавить описание. Текст новости можно отредактировать с помощью встроенного редактора. Часть компонент формы редактирования новости аналогичны компонентам формы редактирования фотогалереи. см.Форма редактирования фотогалереи

Так же имеются компоненты характерные лишь для редактирования записи.

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

Ленты новостей. Начало и конец публикации

Рисунок 3.83. Ленты новостей. Начало и конец публикации

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

Ленты новостей. Ссылка на полную новость

Рисунок 3.84. Ленты новостей. Ссылка на полную новость

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

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

После этого в заполняемом поле появится запись о выбранной странице сайта.

Так же можно заполнить поле "Ссылка на источник". Данное поле служит для отображения информации об источнике новости. Его заполнение происходит аналогично заполнению поля "Ссылка на полную новость".

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

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

Кроме этого необходимо загрузить изображение для новости на сервер.Загрузка изображения для новости на сервер осуществляется аналогично загрузке на сервер фотографии для фотогалереи.

Назначение клавиш , , аналогично назначению одноименных элементов формы редактирования фотогалереи

Удаление записи

Запись ленты новостей можно удалить пользуясь браузером CMS. Для этого необходимо поставить отметку слева от названия записи. В нижнем выпадающем меню среди действий необходимо выбрать действие "удалить" и нажать кнопку "применить".

Удаление записи

Рисунок 3.85. Удаление записи

Формы

В разделе "Формы" вы можете создавать разные виды форм, которые можно вставить на страницу сайта. При переходе в раздел формы вы увидите список созданных форм.

Список форм

Рисунок 3.86. Список форм

Для того чтобы создать новую форму нажмите ссылку "Добавить форму".

Редактирование формы

Рисунок 3.87. Редактирование формы

Форма "Редактирование формы" показана на рисунке. Она состоит из трех полей:

  • "Название формы" - в данном поле записывается название формы

  • "Описание формы" - в данном поле можно ввести описание для формы

  • "Использовать CAPTCHA" - флаг для формы.

    Если флаг установлен, то при заполнении пользователю будет показана картинка со случайным набором символов для распознования. Это необходимо, чтобы предотвратить автоматическое заполнение формы.

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

Список полей формы

Рисунок 3.88. Список полей формы

Чтобы создать новое поле, нажмите на ссылку "Добавить поле формы".

Редактирование поля формы

Рисунок 3.89. Редактирование поля формы

Форма "Редактирование поля формы" показана на рисунке. Она состоит из шести полей:

  • "Подпись" - подпись для поля формы вопроса.

  • "Порядок сортировки" - номер позиции вопроса в форме. Чем выше число, тем ниже будет вопрос.

  • "Описание вопроса" - дополнительное поле для описания вопроса.

  • "Поле обязательно для заполениея" - флаг для поля.

    Если флаг установлен, то значение этого поля не может быть пустым.

  • "Тип вопроса" - тип поля ввода ответа на вопрос.

  • "Параметры ответа" - дополнительный список полей для вопроса, зависящий

Параметры ответа

Рисунок 3.90. Параметры ответа

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

Список ответов

Рисунок 3.91. Список ответов

Форма обратной связи

Форма обратной связи

Рисунок 3.92. Форма обратной связи

Для того чтобы создать форму обратной связи нажмите ссылку "Добавить форму". В открывшейся панели "Редактирование формы" введите название формы, например, "Обратная связь", поставьте галочку "использовать CAPTCHA" и нажмите "сохранить".

Добавьте в форму необходимые поля, например, "Имя", "E-mail", "Сообщение", укажите, какие из них должны быть обязательно заполнены отправителем сообщения.

Размещение и настройка компонента

Рисунок 3.93. Размещение и настройка компонента

Перейдите в раздел "Файлы" и создайте (или найдите) страницу, на которой необходимо разместить форму обратной связи. Поместите на этой странице компонент "Формы сайта".

Свойства компонента «Формы сайта»

Рисунок 3.94. Свойства компонента «Формы сайта»

Теперь необходимо указать свойства компонента "Формы сайта". В списке форм выберите форму обратной связи, укажите текст для формы, который будет показан пользователю после того, как он нажмет кнопку "отправить" и Email для оповещения (электронный адрес, на который будут приходить оповещения о новых сообщениях).

Свойства компонента «Публикация форм»

Рисунок 3.95. Свойства компонента «Публикация форм»

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

    1. в списке форм выбрать форму обратной связи;

    2. в поле «Шаблон для списка», нужно указать используемый шаблон, например, как показано на рисунке (рис. 3.95) - <table>{Строка}</table>

    3. в поле «Шаблон для элемента списка» в фигурных скобках необходимо указать названия ваших полей формы, т.е.:

    <tr colspan="2"><td>{Дата}</td><td>{Имя}</td></tr>

    <tr><td>{Сообщение}</td></tr>

Редактирование сообщения

Рисунок 3.96. Редактирование сообщения

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

Структура

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

Пример структуры сайта

Рисунок 3.97. Пример структуры сайта

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

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

Набор кнопок при наведении на имя страницы.

Рисунок 3.98. Набор кнопок при наведении на имя страницы.

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

- Данная клавиша предназначена для быстрого перехода к редактированию страницы.

- При нажатии на данную клавишу страница становится неактивной, то есть закрывыется ссылка на выбранную страницу.

Кроме этого при наведении курсора мыши на папку появляется кнопка , позволяющая исключить подкаталог. То есть каталог исключается из главного меню и становится закрытым для пользователя.

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

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

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