? ЯК вставити картинки в рядок :: ПЗ

При створенні або редагуванні текстів на сайті часто виникає необхідність вставити якесь зображення в рядок. Це дозволяє надати статті більш привабливий вигляд і інформативність. На сайтах, що працюють на системах управління контентом (CMS), є візуальний редактор текстів, за допомогою якого можна додавати на сторінки свого ресурсу як текстову, так і графічну інформацію.

Вам знадобиться

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

Інструкція

Зайдіть в адміністративну панель управління сайтом і виберіть сторінку, яку збираєтеся редагувати. У деяких CMS достатньо клікнути на назві сторінки, щоб відкрився візуальний редактор, в інших випадках потрібно відзначити «галочкою» обрану сторінку і клацнути по кнопці «Редагувати».

У відкритому редакторі клікніть мишею в тому місці тексту, де ви збираєтеся вставити картинку. Повинен з'явитися миготливий курсор у вигляді вертикальної риси.

У верхній панелі візуального редактора знайдіть іконку, при наведенні на яку з'явиться спливаюча підказка «Вставити зображення», і клацніть по ній. Зазвичай така іконка присутня у вигляді картинки з деревом.

У новому вікні, у вкладці «Параметри зображення» правіше поля «Адреса» (в деяких редакціях - URL) натисніть на кнопку або іконку «Перегляд», - відкриється вікно управління папкою, в якій за замовчуванням зберігаються всі файли зображення для вашого сайту. Внизу цього вікна присутні дві кнопки: «Обзор» і «Завантажити». Натиснувши «Обзор», виберіть картинку для завантаження зі свого комп'ютера. Далі клацніть мишкою на кнопку «Завантажити», - вибрана картинка повинна з'явитися в папці збережених зображень.

Клікніть на який з'явився новому зображенні і натисніть кнопку «Вставити». Картинка повинна з'явитися в тому місці текстового рядка, де ви спочатку встановили миготливий курсор.

Якщо зображення занадто велике і ви хочете зробити його менше, то виділіть мишею тільки що вставлену картинку і у вкладці «Параметри зображення» знайдіть рядок «Розмір» з двома полями. У першому полі вказана ширина картинки в пікселях, у другому - висота. Змінюючи і варіюючи два ці параметра, добийтеся бажаного результату.