OsnovyWebDis

діалогове вікно, що дає змогу встановлювати всі параметри символів.

Можна вставляти на сторінку текстові фрагменти, створені в ін­ ших програмах Microsoft Office, оскільки FrontPage розпізнає їхні формати даних та конвертує їх у HTML-код. Для перенесення тексту використовують стандартні засоби копіювання (переміщен­ ня) тексту через буфер обміну. FrontPage намагається, наскільки це можливо, зберегти форматування такого тексту.

Розміщення і настроювання зображень

Для розміщення на сторінці зображення з файлу слід виконати одну з таких дій:

•у меню Вставка (Вставка) вибрати команду Рисунок • Из файла (Малюнок • З файлу);

•клацнути кнопку Добавить рисунок из файла (Додати малюнок із файлу) на стандартній панелі інструментів;

•клацнути таку саму кнопку на панелі інструментів Рисунки (Малюнки); її можна вивести на екран за допомогою команди Вид • Панели инструментов • Рисунки (Вигляд • Панелі інстру­ ментів • Малюнки).

Удіалоговому вікні, яке відкриється, необхідно знайти потрібний графічний файл і клацнути кнопку ОК. Малюнок буде вставлено в позицію курсору.

Розмістивши зображення на веб-сторінці, можна настроїти його властивості. Для цього використовують діалогове вікно Свойства рисунка (Властивості малюнка). Щоб відкрити його, слід виділити малюнок за допомогою миші та виконати одну з таких дій:

•у меню Формат (Формат) вибрати команду Свойства (Власти­ вості);

•відкрити контекстне меню і вибрати команду Свойства рисунка (Властивості малюнка);

•натиснути клавіші Alt+Enter.

Діалогове вікно Свойства рисунка (Властивості малюнка) має три вкладки: Вид (Вигляд), Общие (Загальні) та Видеозапись (Відеозапис).

Розташування і масштабування зображень

Вкладка Вид (Вигляд) (рис. 4.3) містить елементи керування, за допомогою яких задають розташування малюнка на сторінці. Роз­ глянемо їхнє призначення.

Рис. 4.3. Вкладка Вид (Вигляд) діалогового вікна властивостей малюнка

Список Выравнивание (Вирівнювання) в області Положение (Розта­ шування) містить значення, які визначають розташування зобра­ ження відносно тексту, зокрема:

•по умолчанию (за умовчанням) — буде застосовано стандартні параметри вирівнювання;

•по левому краю (за лівим краєм) — зображення розташоване в лівій частині сторінки, текст обтікає його праворуч;

•по правому краю (за правим краєм) — зображення розташоване у правій частині сторінки, текст обтікає його ліворуч;

•по верхнему краю (за верхнім краєм) — обтікання немає, зобра­ ження розташоване в тексті, відповідний рядок якого вирів­ няно за верхньою межею малюнка;

•по середине (по середині) — обтікання немає, зображення роз­ ташоване в тексті, відповідний рядок якого вирівняно по се­ редній лінії малюнка;

•по нижнему краю (за нижнім краєм) — обтікання немає, зобра­ ження розташоване в тексті, відповідний рядок якого вирів­ няно за нижньою межею малюнка.

Для вирівнювання зображення з обтіканням його текстом можна також використовувати елементи області Обтекание (Обтікання) і кнопки панелі форматування По левому краю (За лівим краєм) та По правому краю (За правим краєм).

Окрім цього, в області Положение (Розташування) можна задати:

•Толщина границы (Товщина межі) — товщину рамки навколо зображення у пікселах;

•Интервал по горизонтали (Інтервал по горизонталі) — відстань (у пікселах) по горизонталі від зображення до тексту, що його оточує;

•Интервал по вертикали (Інтервал по вертикалі) — відстань (у пік­ селах) по вертикалі від зображення до тексту, що його оточує.

Поля Ширина (Ширина) та Высота (Висота) в області Размер (Роз­ мір) призначені для того, щоб задавати розміри зображення у пікселах або у відсотках від розміру вікна браузера. Не забудьте попередньо встановити прапорець Задать размер (Задати розмір). Використовуйте прапорець Сохранять пропорции (Зберігати про­ порції) для того, щоб зберегти пропорції зображення. Змінювати ширину і висоту малюнка можна також за допомогою миші ана­ логічно до того, як це роблять у текстовому процесорі Word.

Загальні параметри зображень

У верхній частині вкладки Общие (Загальні) (рис. 4.4) розташова­ не поле Рисунок (Малюнок), в якому зазначена URL-адреса малюн­ ка. Тут також розташовані кнопка Обзор (Огляд), за допомогою якої можна вибрати інше зображення для розміщення на веб-сто- рінці, та кнопка Изменить (Змінити), скориставшись якою можна відредагувати поточний графічний файл.

Кнопка Тип графических файлов (Тип графічних файлів) відкриває діалогове вікно для вибору формату графічного зображення — GIF, JPEG або PNG. Якщо малюнок має інший формат, то програма пе­ ретворює його на один із цих трьох.

Область Альтернативные представления (Альтернативні подання) містить поля, за допомогою яких задають параметри, які буде ви­ користано у разі перегляду веб-сторінки в режимі відключення

графіки або на моніторі з низькою роздільною здатністю. У ряд­ ку Низкое разрешение (Низька роздільна здатність) можна вибра­ ти адресу файлу, який буде завантажуватися замість поточного в режимі з низькою роздільною здатністю. У рядку Текст (Текст) задають короткий опис, що з'являтиметься після наведення на малюнок вказівника миші.

Рис. 4.4. Вкладка Общие (Загальні) діалогового вікна властивостей малюнка

Зображення можна використовувати як гіперпосилання — для цьо­ го призначене поле Расположение (Розташування) в області Гиперс­ сылка по умолчанию (Гіперпосилання за умовчанням). За допомо­ гою кнопки Обзор (Огляд) вибирають веб-сторінку, пов'язану з та­ ким посиланням. Поле Конечная рамка (Цільовий фрейм) визначає фрейм для відображення файлу, пов'язаного з гіперпосиланням.

Вкладка Видеозапись (Відеозапис) дає змогу вставити у веб-сто­ рінку аудіочи відеозапис; зображення при цьому використову­ ватиметься як заставка під час завантаження мультимедійного файлу.

Редагування зображень

У програмі FrontPage можна виконувати кілька найтиповіших операцій з редагування зображень, не застосовуючи спеціалізовані

графічні редактори. Для цього слід скористатися панеллю інстру­ ментів Рисунки (Малюнки), яка містить, зокрема, такі кнопки:

Кнопка Операція

Відкриття діалогового вікна для вибору малюнка та розміщення його на сторінці

Введення тексту на малюнку

Поворот малюнка за або проти годинникової стрілки

Дзеркальне відображення малюнка по горизонталі та вертикалі

Збільшення та зменшення контрастності малюнка

Збільшення та зменшення яскравості малюнка

Обтинання малюнка

Задания прозорості одного з кольорів GIF-зображення

Інструмент для виділення графічних об'єктів

Інструменти для створення на зображенні гарячих областей заданої форми та призначення гіперпосилань для карти посилань

Відображення всіх гарячих областей на карті посилань

Відновлення початкових параметрів зображення

Створення таблиць

Для створення таблиці слід встановити курсор у місце, де вона має міститися, і в меню Таблица (Таблиця) вибрати команду Вста­ вить • Таблица (Вставити • Таблиця). Відкриється діалогове вікно

Вставка таблицы (Вставлення таблиці) (рис. 4.5), в якому можна визначити всі параметри таблиці.

Рис. 4.5. Діалогове вікно для вставлення таблиці

В області Размер (Розмір) цього вікна потрібно задати кількість рядків Строк (Рядків) та стовпців Столбцов (Стовпців). В області Положение (Розташування) слід визначити розташування таблиці на сторінці, вибравши у списку Выравнивание (Вирівнювання) од­ не зі значень:

•по умолчанию (за умовчанням) — до HTML-коду не буде додано тегів, що керують вирівнюванням таблиці;

•по левому краю (за лівим краєм) — вирівнювання за лівим краєм сторінки;

•по правому краю (за правим краєм) — вирівнювання за правим краєм сторінки;

•по центру (по центру) — вирівнювання по центру сторінки.

За допомогою прапорця Задать ширину (Задати ширину) та поля під ним можна зафіксувати ширину таблиці в пікселах або відсотках від ширини вікна. Введенням потрібного значення у поле Размер (Розмір) області Границы (Межі) задають товщину меж таблиці.

Після натискання кнопки ОК таблицю буде вставлено на сторінку в позицію курсору. Варто також зазначити, що всі параметри таблиці можна змінити у діалоговому вікні Свойства таблицы (Властивості таблиці), яке відкривають за допомогою команди Таблица • Свойст­ ва таблицы • Таблица (Таблиця • Властивості таблиці • Таблиця) або однойменної команди контекстного меню таблиці.

Швидко створити таблицю можна за допомогою кнопки Добавить таблицу (Додати таблицю), яка розміщена на панелі інструментів Стандартная (Стандартна). Для цього слід натиснути цю кнопку і, не відпускаючи лівої кнопки миші, вибрати необхідну кількість рядків та стовпців таблиці.

Створення гіперпосилань

Щоб створити гіперпосилання, необхідно виділити фрагмент тек­ сту або зображення і виконати одну з таких дій:

•вибрати команду Гиперссылка (Гіперпосилання) у меню Встав­ ка (Вставка);

•відкрити контекстне меню і вибрати у ньому команду Гипер­ ссылка (Гіперпосилання);

•натиснути клавіші Ctrl+K;

•клацнути кнопку Добавление гиперссылки (Додання гіперпоси­ лання) на панелі інструментів Стандартная (Стандартна).

Відкриється діалогове вікно (рис. 4.6), в якому слід виділити об'єкт, на який вказуватиме посилання, і клацнути кнопку ОК.

Гіперпосилання може вказувати, зокрема, на такі об'єкти:

•веб-сторінку поточного сайту — якщо в цей момент у програ­ мі відкритий веб-сайт, то в діалоговому вікні можна вибрати одну з його сторінок;

•веб-сторінку, що міститься за будь-якою URL-адресою — її можна безпосередньо ввести в поле Адрес (Адреса) або клацнути

кнопку Интернет (Інтернет) із зображенням глобуса і знайти сторінку в Інтернаті за допомогою браузера;

• файл, що міститься на диску комп'ютера — необхідно клацну­ ти кнопку Поиск файла (Пошук файлу) із зображенням папки

і в діалоговому вікні вибрати потрібний файл;

•адресу електронної пошти — таке посилання дає змогу відвіду­ вачам сайту відіслати електронний лист; для його створення слід клацнути значок электронной почтой (електронною пош­ тою) у лівій частині діалогового вікна і в полі Адрес эл. почты (Адреса електронної пошти) ввести адресу отримувача.

•якір — якщо на веб-сторінці є якорі (їх можна створити за до­ помогою команди Закладка (Закладка) меню Вставка (Вставка), попередньо виділивши фрагмент тексту), то гіперпосилання на них формують вибором імені якоря зі списку, що відкри­ вається за допомогою кнопки Закладка (Закладка) або значка местом в документе (місцем у документі) у лівій частині діало­ гового вікна.

Рис. 4.6. Діалогове вікно для створення гіперпосилань

Якщо посилання потрібно відкрити в іншому фреймі, використо­ вують кнопку Выбор рамки (Вибір фрейму), яка відкриває спеці­ альне діалогове вікно.

Для видалення наявного гіперпосилання слід виділити його, від­ крити описане раніше діалогове вікно і клацнути кнопку Удалить ссылку (Видалити посилання).

Вправа 4.1

Створимо веб-сторінку, що міститиме відформатований текст.

1.Створіть папку, наприклад my_web, в якій ви зберігатимете розроблені за допомогою FrontPage веб-сторінки. Відкрийте її у програмі як веб-сайт.

2.Створіть нову веб-сторінку, клацнувши кнопку Создание новой обычной страницы (Створення нової звичайної сторінки) на па­ нелі інструментів Стандартная (Стандартна).

3.Введіть наведений нижче текст у вікно веб-сторінки в режимі Конструктор (Конструктор) (рис. 4.7),

Троянда столиста Граціозні форми, ніжне забарвлення, витончений аромат тро­

народилася з пуп'янка троянди.

Зауважте, що після переходу на новий абзац він буде відділе­ ний від попереднього відступом.

Рис. 4.7. Введений текст поділено на абзаци

4.Користуючись панеллю інструментів Форматирование (Форма­ тування), внесіть зміни, показані на рис. 4.8.