E-commerce вход|регистрация
 Бесплатные магазиныУслугиДокументацияУправление магазиномСтатистикаДоска объявленийФорумКонтакты 

расширенный поиск
→ создать интернет-магазин
→ вопрос техподдержке
→ демо-режим
→ панель управления
→ примеры магазинов
→ FAQ
--->Настройки
--->Дизайн
--->Каталог
--->Оплата и доставка
--->Клиенты
--->Форум
--->Управление статьями
--->Вопросы(FAQ)
--->Новости(News)
--->Опросы
--->Сертификаты/Купоны
--->Локализация/Налоги
--->Отчеты
--->Партнерская программа



Как пользоваться визуальным HTML редактором

В панели управления интернет-магазином при создании в и редактировании товаров, новостей, статей, информационных страниц, писем для рассылок загружается визуальный HTML редактор вида:

Если Вы не видите в панели управления своим интернет-магазином визуальный HTML редактор, то необходимо включить в своем браузере JavaScript. Как это сделать читайте на странице http://7910.org/oscommerce_chapter1010.php

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

Содержание

Общий вид и список функций редактора TinyMCE

Редактирование страниц осуществляется с использованием визуального редактора.


ОБЩИЙ ВИД РЕДАКТОРА показан на рисунке:


Изображение:PanelTMCE.png

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

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


ОПИСАНИЕ ФУНКЦИЙ КНОПОК РЕДАКТОРА (в порядке расположения):


Кнопка Подсказка (в скобках – сочетание клавиш) Функция
Секция "Файл"
Изображение:SaveTMCE.png Save Сохранить файл
Изображение:NewTMCE.png New document Новый документ
Секция "Шрифт"
Изображение:BoldTMCE.png Bold (Ctrl+B) Полужирный
Изображение:ItalicTMCE.png Italic (Ctrl+I) Наклонный
Изображение:UnderTMCE.png Underline (Ctrl+U) Подчёркнутый
Изображение:StrikeTMCE.png Strikethrough Зачёркнутый
Секция «Выравнивание текста»
Изображение:AleftTMCE.png Align left По левому краю
Изображение:AcenterTMCE.png Align center По центру
Изображение:ArightTMCE.png Align right По правому краю
Изображение:AfullTMCE.png Align full По ширине колонки
Секция «Стиль абзаца»
Изображение:StylesTMCE.png Стиль оформления текста
Изображение:FormatTMCE.png Стиль оформления абзаца
Изображение:FontTMCE.png Тип шрифта
Изображение:FontzTMCE.png Размер шрифта
Секция «Управление фрагментами»
Изображение:CutTMCE.png Cut Вырезать
Изображение:CopyTMCE.png Copy Копировать
Изображение:Paste_TMCE.png Paste Вставить
Изображение:Paste_t_TMCE.png Paste as Plain Text Вставить как текст
Изображение:Paste_w_TMCE.png Paste from Word Вставить из Word
Секция «Поиск и замена текста»
Изображение:Find_TMCE.png Find Найти
Изображение:Find_r_TMCE.png Find/Replace Найти и заменить
Секция «Списки»
Изображение:List_TMCE.png Unordered list Маркированный список
Изображение:List_o_TMCE.png Ordered list Нумерованный список
Секция «Сдвиг»
Изображение:Odent_TMCE.png Outdent Сдвинуть влево
Изображение:Ident_TMCE.png Indent Сдвинуть вправо
Секция «Отмена - возврат»
Изображение:Undo_TMCE.png Undo Отмена последнего действия
Изображение:Redo_TMCE.png Redo Возврат отмены
Секция «Управление объектами и кодом»
Изображение:Link_TMCE.png Insert/edit link Вставить ссылку
Изображение:Image_TMCE.png Insert/edit image Вставить изображение
Изображение:Cleanup_3TMCE.png Cleanup messy code Вычистить грязный код
Изображение:Html_TMCE.png Edit HTML Source Редактировать код HTML
Секция «Цвета»
Изображение:Color_TMCE.png Select text color Выбор цвета текста
Секция «Таблицы»
Изображение:Table_Cr_TMCE.png Insert a new table Вставить новую таблицу
Изображение:Table_Rp_TMCE.png Table row properties Свойства строки
Изображение:Table_Cp_TMCE.png Table cell properties Свойства ячейки
Изображение:Table_Irb_TMCE.png Insert row before Вставить строку перед текущей
Изображение:Table_Ira_TMCE.png Insert row after Вставить строку после текущей
Изображение:Table_Dr_TMCE.png Delete row Удалить текущую строку
Изображение:Table_Icb_TMCE.png Insert column before Вставить столбец перед текущим
Изображение:Table_Ica_TMCE.png Insert column after Вставить столбец после текущего
Изображение:Table_Dc_TMCE.png Delete column Удалить столбец
Изображение:Table_Sc_TMCE.png Split table cells Разделить ячейки
Изображение:Table_Mc_TMCE.png Merge table cells Объединить ячейки

Описание операций, выполняемых в редакторе (по функциям)

Сохранение документа

Save - Сохранить файл

Изображение:SaveTMCE.png - Сохранить текущий вариант документа в файле

New document - Новый документ

Изображение:NewTMCE.png - Полностью очищает введенные данные. Ввод документа можно начать с чистого листа.

Управление фрагментами

Cut - Вырезать

Изображение:CutTMCE.png - вырезает часть документа и помещает в буфер обмена.

Copy - Копировать

Изображение:CopyTMCE.png - помещает часть документа в буфер обмена.

Paste – Вставить

Изображение:Paste_TMCE.png - помещает данные из буфера обмена в документ.

Paste as Plain text - Вставить как текст

Изображение:Paste_t_TMCE.png - Вставить обычный текст позволяет вставить данные из буфера обмена,предварительно очистив их от форматирования. При использовании Opera®, Firefox® или Mozilla® открывается форма, в которую пользователь вставляет текст из буфера обмена нажатием Ctrl+V. При установленном параметре «Keep linebreaks» (сохранить переносы строк), переносы строк оформляются в виде абзацев.

Изображение:PasteTMCE.png

После вставки текста в форму:

  • "Insert" - вставка текста из формы в редактируемый документ;
  • "Cancel" - отказ от вставки текста в документ.

Paste from Word - Вставить из Word

Изображение:Paste_w_TMCE.png - Вставить из Word позволяет вставить данные из Word, предварительно очистив их от лишнего форматирования. При использовании Firefox® или Mozilla® открывается форма, в которую пользователь вставляет текст из буфера обмена нажатием "Ctrl+V".

Изображение:PastewTMCE.png

После вставки текста в форму:

  • "Insert" - вставка текста из формы в редактируемый документ;
  • "Cancel" - отказ от вставки текста в документ.

Find - Найти

Изображение:Find_TMCE.png - позволяет осуществлять поиск в документе. При вызове функции, открывается форма «Find/Replace» (Поиск/Замена). Для поиска используется вкладка «Find» (Найти).

Изображение:FindTMCE.png

  • "Find what" - в это поле вводится искомое слово или фраза.
  • "Direction" - направление поиска от текущей позиции
    • Up — искать "Вверх"
    • Down – искать "Вниз"
  • "Match case" - поиск с учетом регистра (если поставить галочку).
  • "Find next" - найти следующее место в тексте, с тем же словом/фразой.
  • "Cancel" - отказ от поиска.

Find/Replace - Найти/заменить

Изображение:Find_r_TMCE.png - позволяет осуществлять поиск и замену в тексте документа. Используется та же форма, что и при поиске ("Find/Replace"), но вкладка "Replace" (Замена).

  • "Find what" - поле для ввода искомого слова/фразы.
  • "Replace with" - поле слова/фразы для замены.
  • Direction - направление поиска от текущей позиции
    • Up — искать "Вверх"
    • Down - искать "Вниз"
  • "Match case" - поиск с учетом регистра (поставить галочку).

Сначала выполняется поиск и отображение участка документа с выделенным искомым текстом.

  • "Replace" - замена найденного в данной позиции. Если в этом месте документа замена не нужна, можно продолжить поиск - нажать "Find next"</b>.
  • "Find next" - найти следующее место в тексте, с тем же словом/фразой.
  • "Replace all" - замена искомых слов/фраз по всему документу, автоматически, в заданном направлении от текущей позиции.
  • "Cancel" - отказ от поиска/замены.

Форматирование текста

Управление шрифтом

Bold - Полужирный
Изображение:BoldTMCE.png - выделяет текст полужирным.

Italic - Курсив
Изображение:ItalicTMCE.png - выделяет текст курсивом.

Underline - Подчеркивание
Изображение:UnderTMCE.png - выделяет текст подчеркиванием.

Strikethrough - Перечеркивание
Изображение:StrikeTMCE.png - выделяет текст перечеркиванием.

Управление выравниванием

Align left - Выравнивание влево
Изображение:AleftTMCE.png - текст выравнивается по левому краю.

Align center - Выравнивание по центру
Изображение:AcenterTMCE.png - текст выравнивается по центру.

Align right - Выравнивание вправо
Изображение:ArightTMCE.png - текст выравнивается по правому краю.

Align full - Выравнивание равномерно
Изображение:AfullTMCE.png- текст выравнивается по ширине.

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

Стиль
Изображение:StylesTMCE.png - позволяет для текста выбрать стиль отображения. Список стилей загружается из CSS-файла, соответствующего макету.

Формат
Изображение:FormatTMCE.png - позволяет выбрать формат отображения текста.

Параметр Функция (перевод) Вставляемый тег HTML
Paragraph Абзац <p></p>
Address Стиль адреса <address></address>
Preformatted Преформатированный <pre></pre>
Header 1 Заголовок 1 <h1></h1>
Header 2 Заголовок 2 <h2></h2>
Header 3 Заголовок 3 <h3></h3>
Header 4 Заголовок 4 <h4></h4>
Header 5 Заголовок 5 <h5></h5>
Header 6 Заголовок 6 <h6></h6>

Шрифт
Изображение:FontTMCE.png - позволяет для текста выбрать шрифт. При форматировании текста рекомендуется использовать CSS стили вместо явного указания размера и шрифта.

Размер шрифта
Изображение:FontzTMCE.png - позволяет задать для текста размер шрифта.

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

Unordered list
Изображение:List_TMCE.png - маркированный список, позволяет добавить на страницу маркированный список или представить в виде такого списка выделенный фрагмент текста.

Ordered list
Изображение:List_o_TMCE.png - нумерованный список, позволяет добавить на страницу нумерованный список или представить в виде такого списка выделенный фрагмент текста.

Горизонтальный сдвиг (отступ)

Outdent
Изображение:Odent_TMCE.png – сдвинуть влево (уменьшить отступ), сдвигает влево выделенный фрагмент (объект) относительно остального текста.

Indent
Изображение:Ident_TMCE.png – сдвинуть вправо (увеличить отступ), сдвигает вправо выделенный фрагмент (объект) относительно остального текста.

Отмена – возврат

Undo - Отмена Изображение:Undo_TMCE.png - отменить последнее действие.

Redo - Возврат Изображение:Redo_TMCE.png – выполнить ошибочно отменённое действие.

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

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

Вставить/изменить ссылку
Изображение:Link_TMCE.png - внедряет ссылку в текст (тег <a href="адрес ссылки">текст ссылки</a>). Содержит несколько вкладок.

Вкладка «General» (Основные)

Изображение:Link1TMCE.png

Поле Функция (перевод) Описание
Link URL Адрес ссылки Указывается адрес ссылки (тег <a href="адрес ссылки">текст ссылки</a>). При указании внутренних ссылок необходимо отображать путь с ведущим слэшем (знаком "/"), например /about_company/
Anchors Якоря Список доступных для выбора якорей
Target Открыть в… Выбирается способ открытия ссылки:
  • Open in this window/frame – открыть в текущем окне
  • Open in new window (_blank) – в новом окне
  • Open in parent window/frame (_parent) – в «родительском» окне/фрейме
  • Open in top frame (replaces all frames) (_top) – в самом верхнем кадре (с замещением всех кадров)
Title Заголовок Название ссылки (подсказка при наведении курсора мыши)
Class Класс (стиль) Доступные CSS классы (стили оформления), выбираемые из

выпадающего списка

Вкладка "Popup" (Всплывающие)

Для открытия ссылки во "всплывающем" окне с заданными параметрами (на Javascript). Настройки становятся доступны после установки галочки "Javascript popup".

Изображение:Link2TMCE.png

Поле Функция (перевод) Описание
Popup URL Адрес «всплывающей» ссылки Адрес открываемой страницы
Window name Имя окна Имя открываемого окна, только латинские символы
Size [ ] x [ ]px Размер Размер всплывающего окна в пикселях
Position (X/Y)

[ ] / [ ] (c/c=center)

Позиция окна Позиция всплывающего окна на экране по осям X и Y, от верхнего левого угла экрана. Если указать в обеих полях "c", то всплывающее окно будет в центре экрана.
Options Дополнительные параметры (опции) Для выбора дополнительных параметров всплывающего окна – установить галочки напротив требуемых опций:
  • Show location bar – показывать адресную строку
  • Show menu bar – показывать панель меню
  • Show toolbars – показывать панели инструментов
  • Show status bar – показывать строку статуса
  • Show scrollbars – показывать полосы прокрутки окна
  • Make window resizable – разрешить изменение размеров окна пользователем
  • Dependent (Mozilla/Firefox only) – зависимость от типа броузера (только для Mozilla и Firefox)
  • Insert 'return false' – вставить «возвращать отрицание»

Вкладка «Events» (События)

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

Изображение:Link3TMCE.png

Поле Событие Описание
onfocus Переход «фокуса» на объект Вызов обработки события «активизация объекта» (переход «фокуса» на объект)
onblur Уход «фокуса» с объекта Обработка события «дезактивизация объекта» (переход «фокуса» с объекта на другой объект)
onclick Клик на объекте Вызов обработки события «клик мышки на объекте»
ondblclick Двойной клик Обработчик события «двойной клик на объекте»
onmousedown Нажатие кнопки мыши Вызов обработчика нажатия кнопки мыши при её указателе над объектом.
onmouseup Отпускание кнопки мыши Обработчик события при отпускании кнопки мыши, с указателем над объектом.
onmouseover Указатель мыши – над объектом Действие при появлении указателя мыши над объектом.
onmousemove Перемещение указателя мыши над объектом Вызов ссылки при перемещении указателя мыши над объектом, в любом направлении.
onmouseout Уход указателя мыши с объекта Вызов ссылки при уходе указателя мыши с объекта.
onkeypress Нажатие и отпускание клавиши Обработчик события "нажатие и отпускание клавиши над объектом"
onkeydown Нажатие клавиши над объектом Вызов ссылки при нажатии клавиши над объектом
onkeyup Отпускание клавиши над объектом Вызов ссылки при отпускании клавиши над объектом

Вкладка «Advanced» (Расширенные)

Дополнительные свойства ссылки (атрибуты, добавляемые к тегу ссылки).

Изображение:Link4TMCE.png

Поле Функция (перевод) Описание
Id Идентификатор Индивидуальный идентификатор (имя) ссылки
Style Стиль Стиль ссылки (один из заданных для документа стилей CSS)
Classes Классы Класс (вариант) отображения ссылки (из используемых)
Target name "Имя цели" Наименование окна/фрейма в котором нужно открывать данную ссылку (место назначения ссылки)
Language direction Направление письма в языке документа ссылки Возможны варианты:
  • Non set – не задано
  • Left to right – слева-направо
  • Right to left – справа-налево (для восточных языков)
Target language Язык "цели" Язык, используемый в окне/фрейме, где будет открыта ссылка
Language code Языковой код Код языка документа ссылки
Target character encoding Целевая таблица символов Таблица символов, используемая в документе ссылки (номер).
Target MIME type Целевой MIME тип Тип файла ссылки, передаваемый в место назначения.
Relationship page to target Соотношение страницы (ссылки) и цели Чем является данная страница (открываемая по ссылке) для целевого окна/фрейма. Т.е. «прямая ссылка» - переход осуществляется на другую страницу (rel="…")
Варианты:
  • Not set – не задано
  • Lightbox – изображение, размещаемое в лайтбоксе
  • Alternate – другая версия документа
  • Designates – список обозначений
  • Stylesheet – таблица стилей в виде файла (CSS)
  • Start – стартовая страница
  • Next - следующая страница
  • Prev - предыдущая страница
  • Contents – страница с содержанием
  • Index – алфавитный указатель (оглавление)
  • Glossary – словарь терминов
  • Copyright – информация об авторских правах
  • Chapter – признак главы документа
  • Subsection – признак подраздела
  • Appendix - приложение
  • Help – справочные данные
  • Bookmark – закладка внутри документа
  • No Follow – не завершающая
  • Tag - тэг (команда)
Relationship target to page Соотношение цели и страницы (ссылки) Чем является целевое окно/фрейм для страницы (ссылки) Т.е. «обратная ссылка» - для перехода назад (rev="…")

Варианты:

  • Not set – не задано
  • Alternate – другая версия документа
  • Designates – список обозначений
  • Stylesheet – таблица стилей в виде файла (CSS)
  • Start – стартовая страница
  • Next – следующая страница
  • Prev - предыдущая страница
  • Contents - страница с содержанием
  • Index – алфавитный указатель (оглавление)
  • Glossary – словарь терминов
  • Copyright – информация об авторских правах
  • Chapter – признак главы документа
  • Subsection – признак подраздела
  • Appendix - приложение
  • Help – справочные данные
  • Bookmark – закладка
Tabindex Таблица указателя Атрибут, определяющий последовательность перехода по клавише "Tab"
Accesskey Клавиша быстрого доступа Назначить клавишу быстрого доступа к ссылке

MIME (Multipurpose Internet Mail Extensions) - стандарт для определения типа передаваемой информации и механизмов ее обработки.
Лайтбокс – специальне окно для просмотра изображений, с дополнительным интерфейсом. Реализуется на JavaScript.

Управление изображениями

Смотрите также Менеджер изображений в визуальном HTML редакторе

Insert/edit image - Вставить/изменить изображение
Изображение:Image_TMCE.png - позволяет управлять изображениями в документе. Окно имеет несколько вкладок:

Вкладка «Основные»

Изображение:Image1TMCE.png

Поле Функция (перевод) Описание
Image URL Адрес файла Адрес файла изображения (путь к файлу). При указании пути на сервере, перед именем папки вводить слэш (напр. /files/002b.jpg).
Image description Описание картинки Текст, который выводится при наведении указателя на картинку (атрибут alt=”…”).
Title Заголовок Название картинки – выводится в заголовке окна, если открыть картинку в отдельном окне.
Preview Предварительный просмотр В окне показывается картинка, после ввода её верного адреса (пути к файлу).

Вкладка «Appearance» (Визуализация)

Изображение:Image2TMCE.png

Поле Функция (перевод) Описание
Alignment Выравнивание Выравнивание изображения на странице.

Варианты:

  • Baseline - выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки
  • Top – выравнивание по верхнему краю
  • Middle – выравнивание по средине
  • Bottom – выравнивание по нижнему краю
  • Text top - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки
  • Absolute middle – выравнивает центр текущей текстовой строки с центром *Absolute bottom - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки
  • Left – выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа
  • Right – выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.
Dimensions Размеры Размеры изображения по высоте и ширине. Измеряется в пикселях.
Vertical space Вертикальный отступ Отступ по вертикали от картинки до ближайшего объекта (текста, таблицы и т.п.), в пикселях (значение атрибута vspace)
Horizontal space Горизонтальный отступ Отступ по горизонтали до ближайшего объекта, в пикселях (значение атрибута hspace)
Border Рамка Толщина рамки для изображения
Class Класс Установка доступного класса из CSS, выбирается из выпадающего списка
Style Стиль Стиль для изображения (значение атрибута style)

Вкладка «Advanced» (Расширенные)

Изображение:Image3TMCE.png

Имеется две панели:

"Swap image" (сменить картинку) – панель замены изображения на альтернативное при действиях с указателем мыши.

  • Alternative image (альтернативное изображение) – если установить галочку, то включается поддержка замены картинки на альтернативную при:
    • "for mouse over" – при наведении указателя мыши на картинку. В поле нужно вписать адрес (путь к файлу на сервере) альтернативной картинки.
    • "for mouse out" – смена изображения при уходе указателя мыши с картинки. В поле нужно вписать адрес изображения (путь к файлу на сервере).

Панель "Miscellaneous" (разное)

Поле Функция (перевод) Описание
Id Идентификатор Идентификатор картинки (значение атрибута id)
Language direction Направление письма в языке документа Возможны варианты:
  • Non set – не задано
  • Left to right – слева-направо
  • Right to left – справа-налево (для восточных языков)
Language code Языковой код Код языка документа (значение атрибута lang)
Image map Карта изображения Имя файла, определённого элементом «MAP», в котором задана карта расположения фрагментов изображения со ссылками с них (если есть в наличии) – значение атрибута usemap. В качестве значения задается имя карты с предшествующей ему решеткой. Например, если имя карты - "map1", то ссылка на нее будет выглядеть как "#map1".
Long description link Полное описание Ссылка на полное описание изображения (дополняет атрибут alt) - значение атрибута longdesc.

Вычистить грязный код

Cleanup messy code - Вычистить грязный код
Изображение:Cleanup_3TMCE.png – автоматическая корректировка кода с удалением лишних и ошибочных тегов.

Редактирование HTML-кода

Edit HTML Source - Редактировать HTML
Изображение:Html_TMCE.png - открывается Редактор html-кодов, в котором пользователь получает возможность корректировки html-кода.

Изображение:HTML_SeTMCE.png

Выбор цвета текста

Select text color - Выбор цвета текста

Изображение:Color_TMCE.png - предоставляет возможность выбора цвета текста из палитры. На кнопке, под символом шрифта (А) показывается текущий выбранный цвет. Его можно применить к выделенному тексту или нажать кнпку перед началом ввода текста с выбранным цветом. При нажатии на стрелку рядом с кнопкой, выводится таблица (40 цветов), в которой можно выбрать нужный цвет:

Изображение:Color1TMCE.png
Если цветов, представленных в этой таблице не достаточно, нужно нажать кнопку "More colors" под таблицей. При этом, откроется отдельное окно выбора цветов, с тремя вкладками. Для всех вкладок, кнопка "Apply" – применить выбранный цвет (окончание выбора).

Вкладка "Picker"

Вкладка "Picker" – "пипетка" позволяет выбрать произвольный цвет.

Изображение:Color2TMCE.png
Для выбора цвета – кликнуть в нужном месте радужной палитры, затем, в правом столбце выбрать его яркость. Внизу справа показывается код цвета, а также, прямоугольник, залитый выбранным цветом. В окне с кодом можно ввести нужный код цвета с клавиатуры, в 16-ричном (hex) коде.

Вкладка "Web safe"

Вкладка "Web safe" – веб-безопасные цвета. Выбор из палитры в 216 цветов, являющейся стандартной для всех программ инернет-браузеров (во всех браузерах отображаются одинаково).

Изображение:Color3TMCE.png
Для выбора цвета – кликнуть на нужном цветном квадратике.

Вкладка "Named"

Вкладка "Named" - именованные – таблица цветов, имеющих стандартные наименования (показываются внизу, под палитрой, при наведении курсора на цветные квадратики).


Выбор – аналогичен остальным вкладкам – кликнуть на нужном цвете, нажать кнопку "Apply" - применить.

Работа с таблицами

Вставить новую таблицу

Inserts a new table - Вставить новую таблицу


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

Вкладка "General"

Вкладка "General" (Основные):

Изображение:Table_1_TMCE.png


Поле Функция (перевод) Описание
Columns Колонки Количество колонок в таблице
Rows Строки Количество строк в таблице
Cellpadding Отступ в ячейках Отступ содержимого от границы, внутри ячеек, значение атрибута cellpadding (в пикселях)
Cellspacing Расстояние между ячейками Ширина промежутков между соседними ячейками, значение атрибута cellspacing (в пикселях)
Alignment Выравнивание В окне показывается картинка, после ввода её верного адреса (пути к файлу).
Border Рамка Горизонтальное выравнивание таблицы на странице, значение атрибута align

Варианты:

  • Center - по центру страницы
  • Left - по левому краю
  • Right - по правому краю
Width Ширина Ширина таблицы, в пикселях, значение атрибута width
Height Высота Высота таблицы, в пикселях, значение атрибута height
Class Класс Наименование класса из таблицы CSS стилей (из имеющихся)
Table caption Заголовок таблицы Резервирование места под заголовок, над таблицей

Вкладка "Advanced"

Вкладка "Advanced" - (Расширенные):

Изображение:Table_2_TMCE.png

Поле Функция (перевод) Описание
Id Идентификатор Идентификатор таблицы (значение атрибута id)
Summary Краткое описание Краткое описание таблицы (значение атрибута summary)
Style Стиль Стиль таблицы (значение атрибута style)
Language direction Направление письма в языке таблицы Возможны варианты:
  • Non set - не задано
  • Left to right - слева-направо
  • Right to left - справа-налево (для восточных языков)
Language code Языковой код Код языка (значение атрибута lang)
Background image Фоновое изображение Фоновое изображения таблицы (адрес файла изображения)
Border color Цвет рамки Цвет рамки из палитры цветов (при нажатии на кнопку Изображение:Table_Csel_TMCE.png вызывается окно выбора цветов, описанное в выборе цвета текста.
Background color Цвет фона Цвет фона из палитры цветов (при нажатии на кнопку Изображение:Table_Csel_TMCE.png вызывается окно выбора цветов, описанное в выборе цвета текста.
Class Класс Наименование класса из таблицы CSS стилей (из имеющихся)
Table caption Заголовок таблицы Резервирование места под заголовок, над таблицей


Параметры строки таблицы

Table row properties - Параметры строки таблицы

Изображение:Table_Rp_TMCE.png - позволяет управлять параметрами и атрибутами строк и содержит две вкладки.

В нижней части окна находится поле выбора строк, к которым будут применены выбранные параметры и атрибуты:

  • Update current row - применить к текущей строке.
  • Update odd rows in table - применить к нечётным строкам таблицы
  • Update even rows in table - применить к чётным строкам таблицы
  • Update all rows in table - применить ко всем строкам таблицы

Выбранные параметры вступают в силу после нажатия кнопки "Update". При отказе от применения параметров - нажать "Cancel".

Вкладка "General"

Вкладка "General" (Основные):

Изображение:Table_3_TMCE.png

Поле Функция (перевод) Описание
Row in table part Строка в части таблицы Расположение строки в таблице.

Варианты:

  • Table Head - в верхней части таблицы (в "голове")
  • Table Body - в средине таблицы (в "теле")
  • Table Foot - в нижней части таблицы (в "ногах")
Alignment Выравнивание в строке Выравнивание информации в строке (значение атрибута align)

Варианты:

  • Not set - не установлено
  • Center - по центру
  • Left - по левому краю
  • Right - по правому краю
Vertical alignment Вертикальное выравнивание Выравнивание информации по вертикали (значение атрибута valign)

Варианты:

  • Top - по верхнему краю
  • Center - по центру
  • Bottom - по нижнему краю
Class Класс Доступные CSS стили, выбираемые из выпадающего списка
Height Высота Высота строки, в пикселях

Вкладка "Advanced"

Вкладка "Advanced" (Расширенные):

Изображение:Table_4_TMCE.png

Поле Функция (перевод) Описание
Id Идентификатор Идентификатор строки таблицы
Style Стиль Стиль строки таблицы (CSS), значение атрибута style
Language direction Направление письма в языке таблицы Возможны варианты:
  • Non set - не задано
  • Left to right - слева-направо
  • Right to left - справа-налево (для восточных языков)
Language code Языковой код Код языка (значение атрибута lang)
Background image Фоновое изображение Фоновое изображение для строки (адрес файла изображения)
Background color Цвет фона Цвет фона из палитры цветов (при нажатии на кнопку Изображение:Table_Csel_TMCE.png вызывается окно выбора цветов, описанное в выборе цвета текста.

Параметры ячейки таблицы

Table cell properties - Параметры ячейки таблицы

Изображение:Table_Cp_TMCE.png - открывает окно, которое содержит две вкладки и позволяет задать параметры и атрибуты для ячейки таблицы. В нижней части окна находится поле выбора ячеек, к которым будут применены выбранные параметры и атрибуты:

  • Update current cell - применить к текущей ячейке
  • Update all cells in row - применить ко всем ячейкам в текущей строке
  • Update all rows in table - применить ко всем строкам таблицы

Выбранные параметры вступают в силу после нажатия кнопки "Update". При отказе от применения параметров - нажать "Cancel"

Вкладка "General"

Вкладка "General" (Основные):

Изображение:Table_5_TMCE.png

Поле Функция (перевод) Описание
Alignment Выравнивание в ячейке Выравнивание информации в ячейке (значение атрибута align)

Варианты:

  • Not set - не установлено
  • Center - по центру
  • Left - по левому краю
  • Right - по правому краю
Cell type Тип ячейки Тип ячейки по содержимому:
  • Data - данные
  • Header - заголовок
Vertical alignment Вертикальное выравнивание Выравнивание информации по вертикали (значение атрибута valign)

Варианты:

  • Top - по верхнему краю
  • Center - по центру
  • Bottom - по нижнему краю
Scope Рассматривать Круг рассматриваемых объектов:
  • Col - колонка
  • Row - строка
  • Row group - группа строк
  • Col group - группа колонок
Width Ширина Ширина ячейки, в пикселях
Height Высота Высота строки, в пикселях
Class Класс Доступные CSS стили, выбираемые из выпадающего списка


Вкладка "Advanced"

Вкладка "Advanced" (Расширенные):

Изображение:Table_6_TMCE.png

Поле Функция (перевод) Описание
Id Идентификатор Идентификатор ячейки (значение атрибута id)
Style Стиль Стиль таблицы (значение атрибута style)
Language direction Направление письма в языке таблицы

Возможны варианты:

  • Non set - не задано
  • Left to right - слева-направо
  • Right to left - справа-налево (для восточных языков)
Language code Языковой код Код языка (значение атрибута lang)
Background image Фоновое изображение Фоновое изображения таблицы (адрес файла изображения)
Border color Цвет рамки Цвет рамки из палитры цветов (при нажатии на кнопку Изображение:Table_Csel_TMCE.png вызывается окно выбора цветов, описанное в выборе цвета текста.
Background color Цвет фона Цвет фона из палитры цветов (при нажатии на кнопку Изображение:Table_Csel_TMCE.png вызывается окно выбора цветов, описанное в выборе цвета текста.


Вставить строку перед

Insert row before - Вставить строку перед

Изображение:Table_Irb_TMCE.png - добавляет в таблицу строку перед выделенной/активной ячейкой.

Вставить строку после

Insert row after - Вставить строку после

Изображение:Table_Ira_TMCE.png - добавляет в таблицу строку после выделенной/активной ячейки.

Удалить строку

Delete row - Удалить строку

Изображение:Table_Dr_TMCE.png - удаляет строку с выделенной/активной ячейкой.

Вставить колонку перед

Insert column before - Вставить колонку перед

Изображение:Table_Icb_TMCE.png - добавляет в таблицу колонку перед выделенной/активной ячейкой.

Вставить колонку после

Insert column after - Вставить колонку после

Изображение:Table_Ica_TMCE.png - добавляет в таблицу колонку после выделенной/активной ячейки.

Удалить колонку

Remove column - Удалить колонку

Изображение:Table_Dc_TMCE.png - удаляет колонку с выделенной/активной ячейкой.

Объединить ячейки таблицы

Merge table cells - Объединить ячейки таблицы

- объединяет ячейки таблицы, в количестве, заданном в окне:

Изображение:Table_7_TMCE.png

С текущей ячейкой объединяются ячейки справа и ниже. Количество объединяемых ячеек указывается:

  • Columns - количество объединяемых колонок, включая текущую (количество ячеек по горизонтали, вправо от текущей).
  • Rows - количество объединяемых строк, включая текущую (количество ячеек по вертикали, вниз от текущей).

Разделить ячейки таблицы

Split table cells - Разделить ячейки таблицы

Изображение:Table_Sc_TMCE.png - разделяет выделенную ячейку таблицы, если она создана объединением нескольких ячеек. Одиночная ячейка не разделяется.

Вставка flash клипа

Insert Embedded Media - Вставка flash клипа

Изображение:Flash1_TMCE.png

Для вставки flash ролика в визуальном редакторе нажмите кнопку Добавить/изменить клип. В выпадающем меню Тип: выберите "flash", в поле Адрес: добавьте ссылку на flash ролик. По желанию можно установить желаемые размеры клипа (ширина х высота).

Изображение:Flash2_TMCE.png




Распечатать
Смотрите также:
Общие графические настройкиУстановка лого-изображенияГде искать лого изображения, фоновые рисунки, рисунки для папок, иконки
Дизайн форумаУстановка лого-изображения в форумеКатегории и товары
СкладОтчет по складуДобавление товаров
Менеджер изображений в визуальном HTML редактореИнформационные страницыПриветственные сообщения


Скачать руководство пользователя по работе с панелью управления интернет-магазином:
*.chm в формате Microsoft HTMLHelp (10.3Mb) *.docx в формате Microsoft Word 2007 (19.1Mb)
*.doc в формате Word 97-2003 (22.2Mb) *.pdf в формате Adobe Acrobat (15.2Mb)
конструктор интернет-магазинов|система управления интернет-магазином|сервис интернет-статистики|доска объявлений|форум|контакты
7910 e-commerce ©2007-2013 Все права защищены.