Инструкция по работе с «Системой управления содержимым типового сайта» (cms)

Количество строк и столбцов в таблице. Размеры таблицы. Они указываются либо в пикселях (ширина и высота), либо в числах с корректной единицей меры CSS. Рекомендуем устанавливать размер, равный 100%, это сделает таблицу «резиновой», и она будет автоматически подстраивается под разрешение экрана. Для того, чтобы сделать таблицу со значением 100%, нужно в поле «Ширина» установить значение «100%». Указать заголовок. Данная функция автоматически выделяет текст. Можно назначить первую строку, первый столбец, оба варианта или вообще оставить таблицу без заголовка (вариант по умолчанию). Указать размер границ. Граница – это внешняя линия, которая окаймляет таблицу, ее толщина измеряется в пикселях. Доступны значения: 0 (бордюра нет вообще), 1 (по умолчанию) и т.д. Указать выравнивание таблицы. По умолчанию установлено выравнивание по левому краю, т.е. таблица располагается в левой части сайта. Так как размер таблицы чаще задается процентами, эта функция практически не используется. Внешний отступ ячеек – устанавливается промежуток между ячейками таблицей. Внутренний отступ ячеек – устанавливается отступ от края ячейки до текста. В поле «Заголовок» можно указать название таблицы, и оно будет автоматически размещено поверх таблицы. Итоги. Здесь вы можете повторно указать название таблицы либо дать краткое описание таблицы. На сайте этот текст не будет виден, но он будет в коде, что важно для поисковика и продвижения сайта. 10.3.3 Редактирование таблицы Для того, чтобы отредактировать таблицу, нужно открыть соответствующий раздел во вкладке «Редактор», нажать на таблицу правой кнопкой мыши и выбрать нужную функцию. 10.3.4 Редактирование ячейки Вставка Вы можете вставить дополнительную ячейку. Есть варианты «Вставить ячейку справа», т.е. справа от выбранной ячейки, и «Вставить ячейку слева». Однако проще будет добавить строку или колонку, миновав эту функцию. Удаление Удаляет выбранную ячейку. Данная функция бывает полезной в крайне редких случаях, гораздо проще воспользоваться удалением строки или колонки. Соединение Эта функция позволяет объединить ячейки таблицы. Есть следующие варианты: соединить ячейки – для случая, когда выделено от 2 и более ячеек; объединить с правой – объединяет с ячейкой, находящейся справа от выделенной; объединить с нижней – объединяет с ячейкой, находящейся под выделенной. Разбиение Вы можете разбить выделенную ячейку. Эта функция позволяет разбить ее как по горизонтали, так и по вертикали. «Раскраска» таблицы Меню «Свойства ячейки» открывает вам расширенные функции настройки ячейки. Эти функции требуются крайне редко. Чтобы изменить цвет выделенной ячейки (или ячеек), необходимо нажать правой кнопкой мыши по выделению, выбрать «Ячейка», потом «Свойства ячейки». После этого откроется дополнительное окно. Для редактирования цвета в нем необходимо выбрать «Цвет фона» рядом с «Цветом границ». Откроется такой же выбор цветов, как и при изменении цвета и фона текста. Можно выбрать нужный из имеющихся цветов или вставить его код - и ячейка или рамка изменит цвет. 10.3.5 Редактирование строки Вставка Вы можете вставить строку как сверху, так и снизу. Добавляется целая строка. Удаление Удаляется выделенная строка. 10.3.6 Редактирование колонки Вставка Вы можете вставить колонку как до выделенной колонки, так и после. Удаление Удаляется выделенная колонка. 10.3.7 Удаление таблицы Выбрав этот пункт меню, вы можете удалить всю таблицу. 10.3.8 Свойства таблицы При выборе данного пункта меню открывается такое же окно, как и при создании таблицы, но в нем заблокированы функции изменения количества ячеек и строк. Подробное описание этой функции можно посмотреть в пункте 10.3.2. Внимание! Не рекомендуется копировать сложные таблицы из других источников (Excel, Word, страница сайта и т.д.). Такие таблицы лучше прикреплять в виде файлов (п. 10.5). При вставке широких таблиц рекомендуется изменить ширину таблицы на процентное соотношение – правая кнопка мыши, «Свойства таблица», в значении «Ширина» указать 100% или 90%. 10.4 Размещение и оформление изображений в визуальном редакторе Визуальный редактор, встроенный в CMS, позволяет работать с изображениями. 10.4.1 Добавление изображения Для того чтобы вставить изображение в текст, необходимо: Открыть вкладку «Редактор», в разделе, где нужно разместить изображение. Установить курсор в месте, где будет картинка. Нажать на иконку «Изображение». В открывшемся окне нажать на кнопку «Выбор на сервере». В открывшемся окне файлового менеджера в правой его части нажать кнопку «Добавить». В появившемся форме «Загрузка файлов» нажать на кнопку «Выбрать», в открывшемся окне выбрать нужную картинку. Выделите его и нажмите «Открыть», либо дважды щелкните по нему мышкой. После того, как в поле «Файл» появится путь, нажмите кнопку «Загрузить». После загрузки изображения нужно нажать на него (чтобы выделить) и нажать на кнопку «Выбрать» или дважды щелкнуть по изображению мышкой. Окно закроется. Изображение добавлено, теперь рекомендуется настроить параметры изображения. Если нужно добавить сразу несколько изображений, то в форме «Загрузка файлов» нажмите на кнопку «Добавить поле», появится дополнительно поле для загрузки. Добавьте столько полей сколько нужно, и в каждую загрузите по изображению. Потом нажмите копку «Загрузить». Изображения добавятся на сервер. В дальнейшем можно добавлять их в текст с помощью кнопки «Выбор на сервере». Внимание! К каждому разделу автоматически создается своя папка для хранения изображений и файлов. 10.4.2 Настройка параметров изображения Размеры По умолчанию указываются максимальные размеры изображения. Для сайта не рекомендуется использовать большие размеры. Также следует обратить внимание на значок замка возле размеров: если он закрыт, то размеры будут изменяться пропорционально (измените один - второй изменится автоматически), если открыт, то изменится только редактируемое значение. Во избежание искажения картинки рекомендуется оставлять данный «замок» всегда закрытым. Граница Граница - это рамка, которая будет окаймлять картинку. По умолчанию рамка отключена. Размеры отступов изображения Их два – горизонтальный отступ и вертикальный. По умолчанию они не указаны, но рекомендуется устанавливать отступы, равные 5. Выравнивание По умолчанию его нет, т.е. если вы вставляете картинку в текст, то она его разделит на 2 части по горизонтали. При установлении выравнивания текст обтекает картинку. 10.4.3 Дополнительные функции При работе с изображениями предусмотрены дополнительные функции. Альтернативный текст Данная функция позволяет ввести дополнительное название изображения, которое не видно на сайте (оно вставляется в код), но важно для продвижения сайта. Сброс размера Данная функция позволяет вернуться к первоначальным значениям размера картинки. Ссылка Это функция позволяет указать определенные действия, которые произойдут при нажатии на изображение. Для установки определенных свойств необходимо выполнить следующие действия: выделить изображение, нажать на иконку изображения; перейти на вкладку «Ссылка»; в этой вкладке можно добавить либо эту же картинку, либо другую; с помощью пункта меню «Цели» можно выбрать эффект, который произойдет при нажатии на выбранную картинку. Дополнительно Данная вкладка отвечает за подробные настройки изображения, которые на сайте не отображаются, но играют определенную роль для поисковиков. Пользоваться ими без специальных знаний не рекомендуется. 10.5 Размещение и оформление файлов в визуальном редакторе Визуальный редактор, встроенный в CMS, позволяет работать с различными файлами. С помощью этой функции можно размещать различные файлы для скачивания на странице. 10.5.1 Размещение файлов Для того, чтобы разместить файл, необходимо проделать следующие действия: Откройте вкладку «Редактор» в разделе, где нужно файл на скачивание. Напишите слово или словосочетание, при нажатии на которое будет открываться (закачиваться) файл. Обычно пишут «Документ можно скачать здесь» или название документа. Выделите слово и нажмите на иконку «Вставить ссылку» . В открывшемся окне «Ссылка» нажмите на кнопку «Выбор на сервере». В открывшемся окне файлового менеджера в правой его части нажмите кнопку «Добавить». В появившемся форме «Загрузка файлов» нажмите на кнопку «Выбрать», в открывшемся окне выберите нужный документ. Выделите его и нажмите «Открыть» либо дважды щелкните по нему мышкой. После того, как в поле «Файл» появится путь, нажмите кнопку «Загрузить». После загрузки документа нужно нажать на него (чтобы выделить) и нажать на кнопку «Выбрать» или дважды щелкнуть по документу мышкой. Окно закроется. В форме «Ссылка» вы увидите, что в поле «URL» появится ссылка на файл. Нажмите «ОК». Теперь ссылка на файл добавлена, только не забудьте сохранить изменения на странице. 10.5.2 Дополнительные возможности Цель В форме «Ссылка» есть вкладка «Цель», которая позволяет настроить параметры открытия окна. Присутствуют следующие варианты: «Фрейм» - при установке данного значения вы можете в окне «Имя фрейма» указать специальную команду. «Всплывающее окно» - ссылка откроется во всплывающем окне. «Новое окно» - ссылка откроется в новом окне. «Главное окно». «Текущее окно» - ссылка откроется в том же окне. «Родительское окно». Дополнительно Данная вкладка отвечает за подробные настройки ссылки на документ, которые на сайте не отображаются, но играют определенную роль для поисковиков. Пользоваться ими без специальных знаний не рекомендуется. 10.6 Размещение и оформление мультимедийного контента в визуальном редакторе Визуальный редактор, встроенный в CMS, позволяет работать с различными мультимедийным контентом. 10.6.1 Добавление ролика из Youtube Чтобы добавить видео ролик из Youtube, нужно сделать следующее: Открыть вкладку «Редактор» в разделе, где нужно добавить видеоролик. Установить курсор в место вставки ролика и набрать пару цифровых символов (например, 123), желательно сразу их отцентрировать. Перейти на нужный ролик на Youtube. Нажать на кнопку «Поделиться», она находится под роликом. В открывшейся дополнительной части экрана нажать на кнопку «Сгенерировать HTML-код». Скопировать появившийся текст. В редакторе нажать на кнопку «Источник». Найти в данном тексте введенное число (в примере это «123»). Выделить его и вставить вместо него код, который был скопирован со страницы ролика. Нажать еще раз на кнопку «Источник», чтобы ее закрыть, и сохранить изменения страницы. Добавленный ролик отобразится на странице сайта. Внимание! Если вы не знаете основ Html, не пользуйтесь панелью «Источник». 10.7 Размещение и оформление ссылок в визуальном редакторе Визуальный редактор, встроенный в CMS, позволяет добавлять различные виды ссылок. Существует три типа ссылок: Ссылка - внешняя ссылка. Ссылка на якорь на странице - ссылка на страницу внутри страницы. Задается с помощью ярлыка "Вставить/редактировать ссылку". Email - ссылка на e-mail. 10.7.1 Добавление внешней ссылки Для добавления внешней ссылки необходимо выполнить следующий ряд действий: Открыть вкладку «Редактор» в разделе, где нужно разместить ссылку. Выделить слово или словосочетание, на которое будет добавлена ссылка. Нажать на значок ссылки . Указать тип ссылки. В данном случае это «Ссылка», и он выбран по умолчанию. Указать тип протокола. В данном списке представлено пять основных типов протоколов. Протокол - это начало ссылки. Например, для ссылки http://www.yandex.ru/ протоколом является http://. Вставить ссылку в поле «Ссылка». В этом поле протокол автоматически убирается, но возможны случаи, когда этого не происходит, поэтому необходимо это обязательно проверить, иначе ссылка будет нерабочей. Нажать «ОК» и сохранить изменения. 10.7.2 Дополнительные возможности Цель В форме «Ссылка» есть вкладка «Цель», которая позволяет настроить параметры открытия окна. Присутствуют следующие варианты: «Фрейм» - при установке данного значения вы можете в окне «Имя фрейма» указать специальную команду. «Всплывающее окно» - ссылка откроется во всплывающем окне. «Новое окно» - ссылка откроется в новом окне. «Главное окно». «Текущее окно» - ссылка откроется в том же окне. «Родительское окно». Дополнительно Данная вкладка отвечает за подробные настройки ссылки, которые на сайте не отображаются, но играют определенную роль для поисковиков. Пользоваться ими без специальных знаний не рекомендуется. 10.7.3 Добавление ссылки на якорь Добавление ссылки на якорь делится на две части: добавление якоря и добавление ссылки. Добавление якоря: Установить курсор на ту часть текста, где нужно установить якорь. Например, на начало нового абзаца. Нажать на иконку «Якорь» . Задать имя якоря и нажать «OK». Якорь установлен. Добавление ссылки на якорь: Выделить слово или словосочетание, с которого идет ссылка (только на этой странице). Нажать на иконку ссылки . Выбрать тип ссылки «Ссылка на якорь в тексте». В открывшемся окне в поле «По имени» выбрать установленный якорь Нажать «ОК» и сохранить изменения. 10.7.4 Добавление ссылки на e-mail Для добавления ссылки на электронный адрес необходимо: Открыть вкладку «Редактор» в разделе, где нужно разместить ссылку Выделить слово или словосочетание, с которого идет ссылка. Нажать на иконку ссылки. Выбрать тип ссылки «E-mail». В открывшемся окне в поле «Адрес эл. почты» указать e-mail. Также можно дополнительно указать тему сообщения и текст сообщения (это текст, который будет в самом письме - например, «Обращение»). Нажать «ОК» и сохранить изменения. Дополнительно Данная вкладка отвечает за подробные настройки ссылки, которые на сайте не отображаются, но играют определенную роль для поисковиков. Пользоваться ими без специальных знаний не рекомендуется.

Похожие:

	Исследование имеющегося содержания существующего сайта припит и информационных... Модернизация сайта припит с использованием системы управления содержимым сайта (cms)		Концепция сайта Пермского государственного гуманитарно-педагогического... Взаимодействие сайта с информационной системой управления учебным процессом, с системой дистанционного обучения
	Техническое задание на разработку веб-сайта Ресурс – разрабатываемая информационная система, представленная в виде web-сайта и онлайновой системы управления web-сайтом (cms),...		Инструкция по работе с Краевой Информационной Автоматизированной... Краевая информационно-аналитическая система управления образованием (далее – киасуо) предназначена для сбора, хранения и обработки...
	Инструкция для заказчиков по работе с системой торгов Управления государственных закупок КС". В своей работе государственным заказчикам Брянской области следует руководствоваться самой последней версией регулярно публикуемой...		Новости 14 Система управления сайтами diafan. Cms предназначена для создания и управления интернет-проектами
	Краткая инструкция по работе врача стационарного отделения Общая...		Инструкция по работе с Системой (Инструкция) документ, разрабатываемый... Условия обслуживания физических лиц в рамках системы удаленного доступа «интернет-сервис»
	Методические рекомендации по работе с автоматизированной информационной... Методические рекомендации по работе с автоматизированной информационной системой		Система управления сайтом abo. Cms версия 4 Руководство пользователя Москва 2010