Вправа 1. Форматування тексту

На сторінках, створених майстром web-узла, розташовані коментарі і текстові местозаполнітелі, які потрібно замінити реальним змістом. Давайте приведемо до належного вигляду деякі сторінки вузла. Решту файлів ви можете модифікувати самостійно.

1. Щоб відкрити web-узел, створений на попередньому занятті, виберіть команду Файл > Відкрити веб-вузол (File > Open Web), виділите у вікні діалогу відкриття вузла теку Corporate, назва якої збігається з ім'ям, даним вузлу, і клацніть на кнопці Відкрити (Open).

2. Клацанням на кнопці Переходи панелі режимів перейдіть в режим переходів.

3. Двічі клацніть на прямокутнику сторінки Товари. Вибрана web-страница відкриється в режимі Сторінка, який дозволяє змінювати зміст документів Web (мал. 23.1).

4.  Клацанням виділите коментар, розташований у верхній частині сторінки, і введіть текст Те в ари компанії Геркулес відрізняються високою якістю!

5.  Виділите слово Геркулес і клацніть на кнопці Напівжирний (Bold) панелі інструментів Форматування (Formatting).

6. Розкрійте палітру кнопки Колір тексту (Font Color) і виберіть в ній червоний квадрат.

Мал. 23.1. Початковий вид сторінки Товари

7.  У списку, що розкривається, Розмір шрифту (Font Size) виберіть пункт 4 (14pt). Тепер слово Геркулес виділено жирним великим шріфтом'красного кольору.

8. Клацніть правішим за знак оклику.

9.  Виберіть команду Вставка > Горизонтальна лінія (Insert > Horizontal Line). Текст першого абзацу виявиться відокремленим від решти змісту лінією. Горизонтальна лінія — це єдиний графічний елемент, який можна «намалювати» на web-странице. Будь-які інші фігури (похилі лінії, кола, прямокутники) розміщуються тільки у вигляді файлів формату GIF або JPG, підготовлених в графічному редакторові або за допомогою інструментів Frontpage.

10. Помістите текстовий курсор правіше за букву Н слова Назва.

11.  Введіть текст Труби металеві.

12.  Зітріть залишки слів Назва продукту!.

13.  Помістите курсор в початок рядка Опис продукту 1. Введіть текст Труби товсті і тонкі будь-якої довжини.

Примітка

Текст Назва продукту 1 — це гіперпосилання на іншу web-страницу. Щоб замінити її текст, потрібно вставляти нові символи всередину наявних слів (наприклад, правіше за букву Н), інакше букви, що додаються, можуть виявитися звичайним текстом сторінки, розташованим за межами посилання.

Мал. 23.2. Оновлений зміст

14. Натисненням клавіші Delete зітріть непотрібні символи. При редагуванні тексту будьте уважні. Видаливши цілий абзац, ви часто не зможете повернути те, що колишнє має в своєму розпорядженні рядків натиснення клавіші Enter. Відступи нового абзацу можуть виявитися іншими. Якщо помилково був стертий потрібний блок тексту, відновите його за допомогою команди Правка > Відмінити (Edit > Undo). Натискаючи клавішу Enter для додавання абзацу, майте на увазі, що відступи нових абзаців часто залежать від того, в якому місці знаходився текстовий курсор у момент натиснення цієї клавіші.

15. Повторюючи кроки 10-14, заміните текст решти абзаців сторінки, привівши його у відповідність з мал. 23.2.