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

 

Важно! Размещать на сайте необходимо заранее подготовленное изображение. Как подготовить?

 

Важно! Изображения для модулей  (интернет-магазин, портфолио, новости) необходимо загружать в справочник изображения

 

 

 

 

Кнопки редактирования графических изображений.

 

 

Кнопка "Вставить/Редактировать изображение":

 

 

 

Вкладка "Информация о изображении"

 

 



 

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

 

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

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

     Граница – размер рамки вокруг рисунка в пикселях.

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

     Выравнивание – местоположение рисунка относительно текста.

 

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

 

 

 

Кнопка "Выбор  на сервере"

 

 

 

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

 

     В открывшемся окне выберите нужное изображение:

 

 

 

     Для загрузки изображения с компьютера нажмите Загрузка:

 

 

 

 

 

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

 

 

 

Вкладка "Ссылка".

 

 

 
     Поле "URL" - поле адреса.


     Меню "Цель". Выбор окна, в которое будет загружен вызванный по ссылке объект.

 

 

Вкладка "Закачать"

 

 

 

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

 

Вкладка "Расширенный".

 

 
 

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

* Нужные скрипты должны быть прописаны в  коде сайта.

Эффект всплывающего окна при раскрытии увеличенного изображения при одновременном затемнении остального фона:

указать класс CSS: lightbox

 

 

 

Кнопка "Вставить/Редактировать Flash"

 

 

 

Вкладка "Информация"

 

 

 

     Поле "URL" - поле адреса.


     Поля "Ширина" и "Высота" задают размер окна для проигрывания флеш-ролика.


     В поле "Предварительный просмотр" демонстрируется флеш-ролик.


     Вкладка "Закачать".

 

Вкладка "Расширенный". Дополнительные свойства флеш-ролика

 

 

 

Другие кнопки:

 

 
 

Кнопка "вставить таблицу" - работа с таблицами

 

Кнопка "Вставить горизонтальную линию". Вставляет горизонтальную линию через всю страницу.

 

Кнопка "Вставить смайлик". Вызывает диалоговое окно, в котором можно выбрать смайлик.

 

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

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

 

 

Кнопка "Вставить IFrame". Вставляет iFrame код, например код ролика Youtube