Для того щоб розмістити зображення, його потрібно попередньо відредагувати. Для цього можна використовувати редактор FrontPage. він дозволяє вставити картинку в html правильно з файлів різних графічних форматів: BMP, JPEG, GIF, TIFF і інших. Крім того, що можна використовувати зображення з диска комп`ютера, або завантажуються з Інтернету, в програмі також міститься і своя бібліотека картинок.
Відкриваємо свій сайт і запускаємо редактор. Вибираємо команду на панелі завдань «Вид», потім «Папки» щоб відкрити режим перегляду файлів на сайті. Подвійним клацанням відкриваємо перелік файлів. Відкриється сторінка tour2.html в режимі редагування. Встановлюємо курсор на сторінці, де будемо розміщувати картинку, і клацанням миші активуємо кнопку вставки малюнка на панелі інструментів «Стандартна». Відкриється діалогове вікно - Picture. Щоб вставити картинку в html, вказуємо шлях для завантаження на жорсткому диску, і натискаємо кнопку Insert. Зображення з файлу відобразиться на сторінці сайту.
Тепер потрібно картинку відредагувати. У такому вигляді вона може перекривати наявні елементи або розташовуватися дуже близько до тексту і, відповідно, зливатися з ним. Щоб змінити розмір картинки, клацаємо мишею на ній. Навколо картинки з`явиться кадр. Тепер можна перетягувати за допомогою миші картинку за будь-який з кутів.
На панелі інструментів (Toolbars) вибираємо команду «Картинки» (Pictures). На екрані з`явиться панель інструментів - Pictures, за допомогою якої можна:
- помістити текстовий матеріал поверх картинки формату GIF-
- перемістити картинку на задній план-
- повертати картинку за годинниковою стрелке-
- застосовувати дзеркальне відображення і т.д.
Також з переліку команд можна активувати функцію «Вирівнювання», за допомогою якої можна відрегулювати розміщення картинки відносно близько розташованого тексту. Для цього в поле введення «Товщина кордону» потрібно вказати цифрове значення, яке задасть товщину рамки навколо нього.
Якщо рамка не потрібна, тоді можна встановити значення в поле Horizontal spacing і Vertical spacing, наприклад - 10. Це розмір відступу, вимірюваний в пікселях від картинки до інших елементів сторінки html. Встановлюємо прапорець навпроти «Задати розмір» (Specify size), і вводимо величину для ширини і висоти. Зберігаємо внесені зміни і перевіряємо, як виглядає картинка на сторінці.
