Работа с текстовым редактором

Текстовый редактор используется практически во всех модулях сайта, например, в модулях «Информация», «Каталог», «Новости» и т.д.

Существует 2 варианта работы с текстовым редактором:

• Редактор кода – используется только продвинутыми администраторами, знающими HTML и CSS.
• Визуальный редактор – рекомендован для использования администраторами, не имеющих навыков в программировании. Визуальный редактор используется по умолчанию.

Более подробно рассмотрим доступные операции в визуальном редакторе.

Для создания нового абзаца нажмите «Enter», а для того чтобы писать с новой строки без создания абзаца нажмите «Shift» + «Enter» (одновременно).

Операции с стилем текста:  Полужирный, курсив, подчеркнутый, перечеркнутый – преобразовать стиль шрифта выделенного текста. Например, выделяете часть текста (абзац или часть абзаца) и жмёте на кнопку «курсив», выделенная часть текста будет написана курсивом. 

Операции с выравниванием информации:  Выравнивание влево, выравнивание по центру, выравнивание по правому краю, выравнивание вправо – выровнять абзац. Выравнивание происходит по всему абзацу. Например, поставьте курсор в любом месте абзаца и нажмите на кнопку «выравнивание вправо», текст всего абзаца будет выравнен по правому краю.

Управлением форматом текста:

• Формат  – выбор одного из предложенных форматов текста. Выбранный формат применяется для всего абзаца. Например, поставьте курсор в любом месте абзаца и выберете формат «заголовок 1», весь абзац станет заголовком первого уровня (самый крупный размер текста).

• Нижний индекс и верхний индекс  – позволяет преобразовать текст в нижний и верхний индекс. Например, Вы хотите написать квадратный метр в виде (м2), для этого выделите «2» и нажмите кнопку «верхний индекс».

Операции с буфером обмена:  вырезать, копировать, вставить, вставить как простой текст, вставить из WORD – кнопки используются для работы с буфером обмена. Например, у Вас есть текст, набранный в файле .doc и Вы хотите разместить его на странице Вашего сайта, для этого скопируйте текст из документа .doc, поставьте курсор в визуальном редакторе в то место, куда хотите вставить скопированный текст и нажмите на кнопку «вставить». Описанный в данном примере способ крайне не рекомендован для копирования текста из файлов .doc, .xls и подобных. Рекомендуемый способ копирования из файлов .doc, .xls – использование кнопок «вставить как простой текст» и «вставить из WORD». Вместо того чтобы нажимать на кнопку «вставить» нажмите на кнопку «вставить как простой текст» и в открывшуюся форму вставьте этот текст.

Операции со списками:  Маркированный список и нумерованный список – создание списка для повышения удобочитаемости информации на странице сайта. Элементами списка могут быть только абзацы (создание нового абзаца – «Enter»). Для того чтобы не создавая нового элемента списка, начать писать с новой строки необходимо нажать «Shift» + «Enter» (одновременно).

Операции с отступом:  Уменьшить отступ, увеличить отступ – изменить отступ текста слева. Например, Вы хотите выделить часть текста или цитату — выделяете абзац или ставите курсор в любое место абзаца, и нажимаете на «увеличить абзац» столько раз, сколько необходимо.

Операции отмены действий  :

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

Операции с ссылками  :

• Вставить ссылку – позволяет установить ссылку. В качестве ссылки могут быть текст и изображения. Ссылаться можно на:

1. Любую страницу интернета – для этого необходимо вписать URL этой странице в поле «Адрес ссылки», URL может вести и на любую страницу Вашего сайта.

Например, Ваш партнер — «Яндекс», и Вы хотите его упомянуть на своем сайте, для этого пишите «Наш партнер – Яндекс», выделяете слово «Яндекс» и нажимаете на кнопку «добавить ссылку». В появившемся окне в поле «Адрес ссылки» вводите «http://yandex.ru».

2. Страницу Вашего сайта – для этого нажмите «выбрать» напротив «инфо блок». Выберите нужную страницу или раздел и нажимаете «сохранить».

Например, Вы на главной странице сайта пишите «Схему проезда к нашему офису Вы можете посмотреть на странице «контакты». Для этого выделяете слово «контакты», нажимаете на кнопку «вставить ссылку».

Нажмите на «Выбрать», откроется список всех страниц вашего сайта, сгруппированных по модулям, нажмите на «Информация» — появится список разделов и элементов модуля «Информация», выберите «Контакты» и нажмите на «сохранить». В окне «Вставить/редактировать ссылку» нажать кнопку «Вставить».

3. Изображение и файл – в поле «список ссылок» выберите нужное изображение или файл, их предварительно необходимо загрузить в файловый менеджер. При этом все изображения будут начинаться с images_, а файлы —  files_.

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

• Удалить ссылку – позволяет удалить ссылку. Установите курсор или выделите слово,  которое является ссылкой, и нажмите на кнопку «удалить ссылку».

Например, Вы установили ссылку на слово «Яндекс» в тексте «Наш партнер – Яндекс», и больше не хотите на него ссылаться. Для этого Вам необходимо установить курсор на слово «Яндекс» или выделить его. И нажать на кнопку «удалить ссылку».

Операции с изображением:  Вставить/редактировать изображение – на любую страницу сайта Вы можете вставить изображение. Для этого в нужное место на сайте установите курсор и нажмите на кнопку «Вставить/редактировать изображение». Откроется окно, в котором будет 3 вкладки:

1. Общие - это вкладка, на которой представлены основные свойства изображения. Содержит:

1.1. Адрес изображения – Вы можете установить в качестве изображения любое изображение, найденное в интернете, для этого в поле «Адрес изображения» вставьте полный URL к нему. Не рекомендуем так делать, т.к. сайт с которого Вы берете изображение может перестать существовать или администраторы того сайта могут удалить это изображение.

1.2. Список изображения – выбор изображения из списка добавленных в файловый менеджер. После выбора изображения поле «Адрес изображения» автоматически заполнится.

1.3. Описание изображения – используется для оптимизации сайта для поисковых систем.

1.4. Название – вводите название изображения, которое будет высвечиваться при наведении курсора мыши на изображение.

2. Внешний вид – вкладка изменения положения изображения на странице, содержит поля: (изменения значений полей изменяют положение тестового изображения справа в форме )

2.1. Выравнивание – выберете из списка подходящее, чаще всего используются «влево» и «вправо».

2.2. Размеры – Вы можете изменить размеры изображения, внося изменения в поля «ширина» и «высота». Если установлена галочка «сохранить пропорцию», при изменении одного из полей второе измениться автоматически, пропорционально изменению первого поля.

2.3. Вертикальное пространство – Вы можете установить отступ от других элементов страницы (текста или других изображений) по вертикали, рекомендуемое значение 0.

2.4. Горизонтальное пространство – Вы можете установить отступ от других элементов страницы (текста или других изображений) по горизонтали, рекомендуемое значение 10.

2.5. Граница – Вы можете установить границу, указав ширину. Например, если в поле «граница» установить «1», то вокруг изображения появится граница шириной в 1 пиксель.

2.6. Стиль – поле используется продвинутыми пользователями.

3. Дополнительные – вкладка содержит поля альтернативного изображения и дополнительные поля для продвинутых пользователей:

3.1. Альтернативное изображение – если установить галочку, то можно будет добавить альтернативное изображение, которое будет отображаться при «наведении» и «уведении» мышью посетителями сайта на изображение.

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

3.1.2. Список изображений – выбор изображения, на которое будет изменяться изображение при наведении мыши посетителями сайта из изображений, добавленных вфайловый менеджер. После выбора изображения поле «При наведении мыши» автоматически заполнится.

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

3.1.4. Список изображений – выбор изображения, на которое будет изменяться изображение при наведении мыши посетителями сайта из изображений, добавленных в файловый менеджер. После выбора изображения поле «При уведении мыши» автоматически заполнится.

3.2. Разное – поля используются продвинутыми пользователями.

Операции с медиа:  Вставить/редактировать медиа объект – на любую страницу сайта Вы можете вставить меда объект. Для этого в нужное место на сайте установите курсор и нажмите на кнопку «Вставить/редактировать медиа объект». Откроется окно, в котором Вы сможете добавить объекты типа:

• Flash
• QuickTime
• Shockwave
• Windows Media
• Real Media

И для каждого из типов есть возможность установить дополнительные параметры отображения на вкладке «дополнительные».

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

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

Операции с таблицами

1. Вставить/изменить таблицу  - чтобы создать таблицу, нажмите на эту кнопку. При нажатии откроется окно с двумя вкладками:

1.1. Общие – вкладка содержит основные свойства таблицы:

1.1.1. Столбцы и строки – поля задают количество столбцов и строк в создаваемой таблице.

1.1.2. Набивка ячеек – поле задает отступ внутри ячейки. Рекомендуемое значение – от «5» до «10».

1.1.3. Расстояние между ячейками – поле задает отступы между ячейками. Не рекомендуем заполнять это поле.

1.1.4. Выравнивание – поле задает выравнивание текста внутри ячеек таблицы, выбирается из: «по центру», «влево», «вправо».

1.1.5. Граница – поле задает толщину границы таблицы (не влияет на ширину границ ячеек). Цвет границы задается во вкладке «Дополнительные» в поле «Цвет границы».

1.1.6. Ширина и высота – поля задают ширину и высоту таблицы в пикселях. Если поле пустое, значит таблица будет занимать всю возможную ширину и необходимую высоту. Не рекомендуем заполнять эти поля.

1.1.7. Класс – поле необходимо для продвинутых пользователей.

1.1.8. Заголовок таблицы – поле позволяет добавить в отображение таблицы на сайте – «заголовок таблицы».

1.2. Дополнительные – вкладка содержит дополнительные свойства таблицы:

1.2.1. Идентификатор, Сводка, Стиль, Код языка, Фоновое изображение, Рамка, Линейки, Направление языка  – поля необходимы для продвинутых пользователей.

1.2.2. Цвет границы – поле позволяет задать цвет границы таблицы (не влияет на цвет границ ячеек). Ширина границы задается во вкладке «Общие» в поле «Граница». Выбор цвета границы осуществляется путем нажатия на кнопку «просмотреть» и выбора из открывшегося окна нужного цвета границы.

1.2.3. Цвет фона – поле позволяет задать цвет фона таблицы. Выбор цвета фона осуществляется путем нажатия на кнопку «просмотреть» и выбора из открывшегося окна нужного цвета фона.

Также в окне «Вставить/изменить таблицу» представлены:

1. Кнопка «Обновить» - при нажатии параметры таблицы применятся к выбранной или вновь создаваемой таблице и окно «Вставить/изменить таблицу» будет закрыто.

2. Кнопка «Отменить» - при нажатии параметры таблицы не применятся к выбранной таблице, или создаваемая таблица не будет создана и окно «Вставить/изменить таблицу» будет закрыто.

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

2.1.  Общие – вкладка содержит общие свойства ячеек строки:

2.1.1. Строка в части таблицы, Класс – поля необходимы для продвинутых пользователей.

2.1.2. Выравнивание – поле позволяет установить горизонтальное выравнивание в ячейках строки.

2.1.3. Горизонтальное выравнивание – поле позволяет установить вертикальное выравнивание в ячейках строки.

2.1.4. Высота – поле задает высоту ячеек в строке.

2.2. Дополнительные – вкладка содержит дополнительные свойства ячеек строки:

2.2.1. Идентификатор, Стиль, Направление языка, Код языка, Фоновое изображение – поля необходимы для продвинутых пользователей.

2.2.2. Цвет фона - поле позволяет задать цвет фона ячеек строки. Выбор цвета фона осуществляется путем нажатия на кнопку «просмотреть» и выбора из открывшегося окна нужного цвета фона.

Также в окне «Свойства строки» представлены:

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

4. Кнопка «Обновить» - при нажатии параметры строк применятся к выбранным строкам и окно «Свойства строки» будет закрыто.

5. Кнопка «Отменить» - при нажатии параметры строк не применятся и окно «Свойства строки» будет закрыто.

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

3.1.  Общие – вкладка содержит общие свойства ячеек строки:

3.1.1. Выравнивание – поле позволяет установить горизонтальное выравнивание в ячейках строки.

3.1.2. Горизонтальное выравнивание – поле позволяет установить вертикальное выравнивание в ячейках строки.

3.1.3. Тип ячейки, Пределы, Класс – поля необходимы для продвинутых пользователей.

3.1.4. Ширина – поле задает ширину ячейки.

3.1.5. Высота – поле задает высоту ячейки.

3.2. Дополнительные – содержит дополнительные свойства ячеек строки:

3.2.1. Идентификатор, Стиль, Направление языка, Код языка, Фоновое изображение – поля необходимы для продвинутых пользователей.

3.2.2. Цвет границы – поле позволяет задать цвет границы. Выбор цвета границы осуществляется путем нажатия на кнопку «просмотреть» и выбора из открывшегося окна нужного цвета границы.

3.2.3. Цвет фона - поле позволяет задать цвет фона ячеек строки. Выбор цвета фона осуществляется путем нажатия на кнопку «просмотреть» и выбора из открывшегося окна нужного цвета фона.

4. Операции вставки/удаления строк  :

4.1. Вставить строку перед – кнопка позволяет вставить строку перед строкой, в которой установлен курсор.

4.2. Вставить строку после – кнопка позволяет вставить строку после строки, в которой установлен курсор.

4.3. Удалить строку – кнопка позволяет удалить строку, в которой установлен курсор.

5. Операции вставки/удаления столбцов  :

5.1. Вставить столбец перед – кнопка позволяет вставить столбец перед столбцом, в котором установлен курсор.

5.2. Вставить столбец после – кнопка позволяет вставить столбец после столбца, в котором установлен курсор.

5.3. Удалить столбец – кнопка позволяет удалить столбец, в котором установлен курсор.

6. Операции объединения ячеек  :

6.1. Разделить слитые ячейки – кнопка позволяет разделить слитые ячейки. Кнопка становится активной в том случае, если курсор установлен в ячейке, состоящей из нескольких слитых ячеек.

6.2. Слить ячейки – кнопка позволяет слить ячейки. При нажатии на нее появляется окно, содержащее поля «столбцы» и «строки», задающие количество ячеек вправо и вниз от текущей ячейки, которые необходимо слить.

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

Другие операции  :

Вставить горизонтальную линию – кнопка вставляет горизонтальную линию по всей ширине страницы или ячейки, если курсор установлен в ячейке таблицы.

Убрать форматирование – кнопка позволять убрать форматирование выделенного фрагмента текста. Рекомендуется использовать, в случае если текст был вставлен из документа WORD или веб-странички.

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

Включить/выключить полноэкранный режим – позволяет расширить или сжать визуальный редактор во всю страницу.