Location: PHPKode > projects > Energine > energine-2.2/doc/user-guide/04_ControlPanel.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="main.css" rel="stylesheet" type="text/css" />
<title>Energine Content Management Framework - Control Panel</title>
</head>

<body>
<a href="../../"><img src="../../images/energine.gif" width="223" height="74" alt="Energine content management framework" align="right" border="0"/></a>

 <h1><a name="_Toc171156620">Работа с панелью управления</a></h1>
 <p>Панель управления предназначена для быстрого редактирования текстовых и
 графических элементов страницы, создания новых страниц, изменения их свойств. С
 помощью панели инструментов также можно зайти в редактор разделов и редактор
 шаблонов.</p>
 <p>Панель управления появляется вверху страницы после авторизации, если у
 пользователя на данную страницу выставлен уровень прав
 "Редактирование" и выше – см. главу <a
href="11_UserRoles.html#_Toc171156649">Управление пользователями и контроль прав</a>.</p>

 <p><img src="images/image010.jpg"> </p>

 <p>На панели управления расположены следующие элементы:</p>
 <p><img src="images/image012.jpg"> </p>

 <p><b>Режим
 редактирования</b> – переключает страницу в
 режим редактирования (наполнения) текстовых блоков.</p>
 <p><b>Добавить страницу</b> - открывает
 диалоговое окно создания новой страницы.</p>
 <p><b>Редактировать страницу</b> (свойства страницы) - открывает форму редактирования свойств текущей
 страницы.</p>
 <p><b>Редактор разделов</b> - открывает
 диалоговое окно редактора разделов, основной функциональностью которого
 является управление древовидной структурой сайта. Пользователь может добавлять,
 изменять и удалять узлы этого дерева, изменяя тем самым разделы сайта.</p>
 <p><b>Редактор шаблонов</b> - открывает
 диалоговое окно редактора шаблонов, который позволяет управлять имеющимися
 наборами общих для группы страниц компонент.</p>
<div class="toContents"><a href="#_Toc171156620">Наверх</a></div>
 
 <h2><a name="_Toc171156621">Визуальный редактор текста</a></h2>
 <p>Визуальное редактирование текста давно уже стало неотъемлимой частью
 современных систем управления содержанием. Для редактирования текста страниц в
 CMS Energine предусмотрен встроенный WYSIWYG (What You See Is What You Get) редактор, не
 только упрощающий редактирование текста, но и позволяющий увидеть, как будет
 выглядеть на странице
 введенный пользователем текст, насколько правильно размещены рисунки и прочее.</p>
 <p>Особое внимание
 было уделено возможности копирования текста из текстового процессора (Microsoft
 Word, OpenOffice.org Writer) в редактор текста, поскольку пользователю намного
 удобнее работать с документами в привычной для него среде, а реализовать все возможности
 текстового процессора в редакторе текста - задача чересчур трудоемкая и
 неблагодарная.</p>
 <p>Для особо сложных
 случаев предусмотрена возможность редактирования HTML разметки страницы.</p>
 <p><b>Внимание</b>: пользователям Firefox. При работе в режиме
 редактирования текста в Firefox при активизации текстового блока происходит
 открытие окна редактирования исходного кода блока, где текст необходимо вводить
 в HTML разметке. WYSIWYG возможности редактирования текста в этом браузере -
 недоступны. </p>
 <div class="toContents"><a href="#_Toc171156620">Наверх</a></div>
 
 <h2><a name="_Toc171156622">Режим редактирования текста</a></h2>
 <p>В режиме редактирования текста пользователь получает возможность
 редактировать содержимое страницы, а именно содержимое текстовых блоков.</p>
 <p><img src="images/image014.jpg"></p>
 <p>Для
 перехода в режим редактирования необходимо нажать кнопку &quot;Режим
 редактирования&quot; на панели управления. Панель инструментов появляется в
 верхней части страницы.</p>
 <p><img src="images/image016.jpg"> </p>
 <p>Редактировать можно текстовые блоки страницы. Они выделяются красными
 пунктирными линиями, что означает, что данный блок сейчас в неактивном
 состоянии. Чтобы перевести блок в активное состояние, необходимо кликнуть на
 нем мышкой, после чего он станет зеленым.</p>
 <p>После окончания редактирования текста желательно сохранить сделанные Вами
 изменения. Чтобы выйти из режима редактирования нажмите на «Режим просмотра» в
 панели инструментов. Если вы не сохранили изменения, система предложит это
 сделать.</p>
 <div class="toContents"><a href="#_Toc171156620">Наверх</a></div>
 
 <h3><a name="_Toc171156623">Элементы панели инструментов</a></h3>
 <p>Большинство кнопок, размещенных на панели инструментов знакомы пользователю
 текстового редактора. Специфичными являются кнопки редактирования HTML кода,
 вставка изображения, вставка ссылки на файл. Если Вы работаете с Internet
 Explorer, работа с панелью инструментов Вам будет доступна в режиме WYSIWYG.
 Перечень элементов панели инструментов приведен ниже:</p>
 <ul type="disc">
 <li><img src="images/image018.jpg"> <b>Сохранить</b> – позволяет сохранить
 изменения на странице. Если Вы забыли сохранить изменения – программа
 предложит вам это сделать при возврате в режим просмотра.</li>
 <li><img 
 src="images/image020.jpg" > <b>Полужирный</b> – полужирное начертание. Для
 того чтобы сделать текст полужирным, выделите его мышкой и нажмите кнопку <img 
 src="images/image020.jpg" >.</li>
 <li><img 
 src="images/image022.jpg" > <b>Курсив</b> - Для того чтобы сделать текст
 курсивом, выделите его мышкой и нажмите кнопку <img 
 src="images/image022.jpg" >.</li>
 <li><img 
 src="images/image024.jpg" > <b>Нумерованный список</b> – Для того чтобы
 строка стала нумерованным списком, достаточно чтоб курсор мыши стоял в
 тексте этой строки.</li>
 <li><img 
 src="images/image026.jpg" > <b>Маркированный список</b> – для того чтобы
 строка стала маркированным списком, достаточно чтоб курсор мыши стоял в
 тексте этой строки.</li>
 <li><img 
 src="images/image028.jpg" > <a name="_Toc171156624b"><b>Гиперссылка</b></a> – вставить гиперссылку.
 Открывается окно вставки ссылки. См. <a href="#_Toc171156624">Гиперссылки</a>.</li>
 <li><img 
 src="images/image030.jpg" > <b>По левому краю</b> – форматирование абзаца
 по левому краю.</li>
 <li><img 
 src="images/image032.jpg" > <b>По центру</b> – форматирование абзаца по
 центру.</li>
 <li><img 
 src="images/image034.jpg" > <b>По правому краю</b> – форматирование абзаца
 по правому краю.</li>
 <li><img 
 src="images/image036.jpg" > <b>По ширине</b> – форматирование абзаца по
 ширине.</li>
 <li><img 
 src="images/image038.jpg" > <a name="_Toc171156625b"><b>Просмотр и редактирование HTML кода текстового блока </b></a>- открывается окно
 редактирования исходного кода. См. <a href="#_Toc171156625">HTML код</a>.</li>
 <li><img 
 src="images/image040.jpg" > <a name="_Toc171156626b"><b>Вставка изображения</b></a> - по нажатию этой кнопки открывается окно вставки
 изображения на страницу. См. <a href="#_Toc171156626">Вставить изображение</a>.</li>
 <li><img 
 src="images/image042.jpg" > <a name="_Toc171156627b"><b>Вставка ссылки на файл</b></a> - загружает файл на сервер и вставляет на него
 ссылку. См. <a href="#_Toc171156627">Вставить ссылку на файл</a>. Открывается окно библиотеки файлов. Подробнее см. главу <a
href="05_FileManager.html#_Toc171156628">Работа с менеджером файлов и изображений</a>.</li>
 </ul>
 <div class="toContents"><a href="#_Toc171156620">Наверх</a></div>

 <h4><a
name="_Toc171156624">Гиперссылки</a></h4>
 <p>При нажатии на кнопку «Гиперссылка», откроется диалог, в котором необходимо
 ввести URL страницы, на которую Вы хотите сослаться.</p>
 <p><img 
src="images/image044.jpg" > </p>
 <p><b>Замечание</b>: в текстовом
 блоке страницы выделите слово или несколько слов, а затем кликните на кнопку
 «Гиперссылка», чтоб сделать гиперссылкой выделенный текст. Если в текстовом
 блоке просто нажать кнопку «Гиперссылка», то URL с данной ссылкой появится прямо
 в тексте.</p>
  <div class="toContents"><a href="#_Toc171156624b">К списку</a></div>
  
 <h4><a
name="_Toc171156625">HTML код</a></h4>
 <p>При нажатии на кнопку <img 
src="images/image038.jpg" > - просмотр и редактирование HTML кода
 текстового блока - открывается окно редактирования исходного кода. Функции
 элементов диалога полностью соответствуют тем, которые выполняют  кнопки панели инструментов. Различие в том,
 что текст будет представлен в виде HTML разметки. Подробнее о HTML Вы можете
 почитать в соответствующих справочниках и руководствах.</p>
 <p><b>Внимание</b>: для браузеров Firefox
 доступен только режим редактирования HTML кода.</p>
 <p><img 
src="images/image046.jpg" > </p>
 <p>Кнопки в нижней части диалогового окна позволяют:</p>
  <ul type="disc">
 <li><b>Сохранить изменения </b>– сохранить
 изменения HTML кода.</li>
<li><b>Отменить</b> – выйти из режима
 просмотра и редактирования HTML кода, не сохраняя изменений.</li>
 </ul>
     <div class="toContents"><a href="#_Toc171156625b">К списку</a></div>
 
 <h4><a
name="_Toc171156626">Вставить изображение</a></h4>
 <p>Для работы с рисунками в CMS Energine используется менеджер изображений.
 Для того чтобы вставить изображение, кликните мышью на кнопке «Вставка
 изображения» на панели инструментов. По нажатию этой кнопки открывается окно
 вставки изображения на страницу.</p>
 <p><img 
src="images/image048.jpg" > </p>
 <p>Основные поля менеджера изображений приведены ниже:</p>
 <ul type="disc">
 <li><b>Вставить превью</b> – флаг, указывающий
 на то, что в тексте используется уменьшенное изображение.</li>
 <li><b>Имя файла</b> – после выбора
 изображения из библиотеки поле имени файла (а именно путь к файлу) заполнится
 автоматически.</li>
 <li><b>Ширина</b> – ширина
 изображения, по умолчанию будет задана текущая ширина изображения, однако
 ее можно изменить, указав нужное значение в этом поле.</li>
 <li><b>Высота</b> - высота
 изображения, по умолчанию будет задана текущая высота изображения, значение
 можно изменить.</li>
 <li><b>Горизонтальный отступ</b> – в данном поле
 можно задать отступ от левого края абзаца, значение по умолчанию 0.</li>
 <li><b>Вертикальный отступ</b> - в данном поле
 можно задать отступ от верхнего края абзаца, значение по умолчанию 0.</li>
 <li><b>Выравнивание</b> – положение картинки
 в тексте. Возможные значения: внизу, посредине, вверху, слева, справа.</li>
 <li><b>Альтернативный текст</b> – текст, видимый в
 браузере при наведении мышью на изображение, либо замещающий изображение,
 если в настройках браузера отключен режим вывода изображений. По умолчанию
 – название файла.</li>
 </ul>
 <p><b>Замечание</b>: все поля, отмеченные
 полужирным шрифтом обязательны для заполнения.</p>
 
 <p>Кнопки в нижней части окна менеджера изображений позволяют:</p>
 <ul type="disc">
 <li><b>Вставить изображение</b> – нажатие кнопки
 «Вставить изображение» вставляет выбранную из библиотеки картинку. </li>
 <li><b>Библиотека изображений</b> – нажатие
 кнопки открывает библиотеку изображений, функциональность которой
 аналогична работе с библиотекой файлов и описана в разделе <a
href="05_FileManager.html#_Toc171156628">Работа с менеджером файлов и изображений</a>. Для того чтобы выбрать изображение – нажмите кнопку «Открыть». В
 диалоге библиотеки изображений.</li>
 <li><b>Закрыть</b> – выйти из диалога,
 не сохраняя изменений.</li>
 </ul>
 <p><img 
src="images/image050.jpg" > </p>
 
   <div class="toContents"><a href="#_Toc171156626b">К списку</a></div>
   
 <h4><a
name="_Toc171156627"><span>Вставить ссылку на файл</span></a></h4>
 <p>Всеми файлами (как и файлами, содержащими изображения) можно управлять с
 помощью специализированного менеджера файлов. При нажатии на кнопку <img 
src="images/image042.jpg" > «Вставить ссылку на файл», откроется окно
 Менеджера файлов.</p>
 <p><img 
src="images/image052.jpg" > </p>
 <p><b>Замечание</b>: в текстовом
 блоке страницы выделите слово или несколько слов, а затем кликните на кнопку
 «Вставить ссылку на файл», чтоб сделать гиперссылкой выделенный текст. Если в
 текстовом блоке просто нажать кнопку «Вставить ссылку на файл», то URL с данной
 ссылкой появится прямо в тексте.</p> 
    <div class="toContents"><a href="#_Toc171156627b">К списку</a></div> 
	 <div class="toContents"><a href="index.html">К оглавлению</a></div>
</body>
</html>
Return current item: Energine