Z417310586352
Уроки Администрирование joomla Работа с изображениями в редакторе TinyMCE
| Работа с изображениями в редакторе TinyMCE |
 |
 |
|
В этом уроке мы рассмотрим особенности добавления и редактирования изображений с помощью текстового редактора TinyMCE на joomla-сайте. Стандартный текстовый редактор TinyMCE, который входит в дистрибутив joomla 1.5, имеет возможность добавления и редактирования свойств изображений, которые Вы хотите показывать на страницах сайта. В первую очередь изображения нужно предварительно обработать на локальном компьютере, чтобы оптимизировать их параметры для интернет. В первую очередь нужно уменьшить размер изображения к размерам интернет-страницы. Для ВЕБ-страниц принятые два стандартные размеры: крупный – 640х480 пикселей, мелкий – 448х336 пикселей. Конечно, можно использовать другие размеры для улучшенного размещения на странице. Также необходимо оптимизировать качество изображений с точки зрения объем – допустимое качество. Добавлять изображения в редакторе TinyMCE очень просто. Для этого нужно навести курсор в место, где Вы хотите добавить изображение, и нажать кнопку «Изображения», которая находится снизу окна редактора (рис. 1). Откроется папка, которая содержит ранее загруженные изображения. Чтобы загрузить с локального компьютера новое изображение, нужно снизу нажать кнопку «Выбрать…», указать путь к изображению и после этого нажать кнопку «Загрузить» (рис. 2). После загрузки наше изображение появится в списке вместе с другими изображениями. Если изображений много, то нужное изображение можно найти с помощью прокрутки.   Чтобы добавить наше изображение на страницу, нужно его выбрать со списка (левая кнопка мыши) и указать следующие параметры: «Детали картинки», «Заголовок» и «Выравнивание», а также поставить галочку напротив «Подпись», если мы хотим, чтобы под изображением была подпись (рис. 3). Теперь нажимаем кнопку «Вставить» и наша картинка появится в редакторе. Заметьте, что параметр «Адрес (URL) картинки» добавляется автоматически при выборе изображения.  Для дополнительной настройки параметров изображения в редакторе есть кнопка «Insert/Edit Image», которая находится сверху среди других кнопок панели редактирования (рис. 4). Чтобы редактировать изображение, нужно выбрать нужное изображение в редакторе и нажать на эту кнопку. Появится окно «Insert/Edit Image», которое имеет три закладки: General, Appearance и Advanced.  В закладке «General»можно изменить Image URL (адрес картинки), Image description (описание картинки) и Title (название). В закладке «Appearance» настраиваем Alignment (расположение относительно текста), Dimensions (размеры картинки), Vertical space (вертикальны отступ), Horizontal space (горизонтальный отступ), Border (граница картинки). В закладке «Advanced» можно настроить дополнительные параметры, такие как альтернативное изображение при наведении мыши на картинку и некоторые другие параметры, связанные с системой. |