Завдання для самостійного виконання

1. Переглянути вже створені Web-сторінки (лабораторні роботи № 2—5), використовуючи редактор Web-сторінок Mozilla. Порівняти тексти створених сторінок за допомогою Mozilla i « руч­ного кодування» засобами Блокнота.

2. Використовуючи засоби редактора Web-сторінок Mozilla, розробити свою домашню сторінку з інформацією про себе (резю­ме). Використати yci відомі елементи форматування HTML-сторінок.

3. Розробити сайт фірми, галузь діяльності фірми обрати самостійно. Розроблювані Web-сторінки сайту мають містити 3 сторінки, пов'язані гіперпосиланнями:

1) назва фірми, галузь діяльності, логотип фірми, контактна адреса — головна сторінка має містити відомості; коротка анотація товару або групи товарів: короткий опис, фотографія, рисунок, перелік основних властивостей;

2. таблиця з відомостями про назву товару (10—15 найменувань), наявність на складі, роздрібна ціна, гуртова ціна (прайс-лист).

Запитання для контролю

1. Назвати засоби створення HTML-сторінок.

2. Порівняти можливості розробки НТМL-сторінок MS Word та Конструктора (Web-редактора Mozilla).

3. Режими редагування та відображення вихідного HTML-тек­сту в Конструкторі.

4. Створення списків засобами Конструктора.

5. Створення таблиць засобами Конструктора.

6. Форматування тексту (шрифтове оформления) засобами Конструктора.

7. Додавання зображень у HTML-сторінки, використовуючи Конструктор.

Лабораторна робота № 10

Тема. Розробка Web-сторінок з використанням програми MS Word 2000.

Мета: формувати практичні уміння та навички створення простих Web-сайтів (сторінок), використовуючи програму MS Word 2000.

Час виконання: 2 год.

Завдання для виконання

1. Відкрити вікно MS Word 2000 або MS Word XP.

2. Створити новий web-документ.

Використати послугу Файл / Создать / закладка Web-сторінки/ New web-page.

3. Увімкнути панель інструментів Рамки (Frames) i створити фрейм ліворуч (25% від розміру вікна).

Для цього клацніть на другій кнопці Новая рамка слева i пере­суньте мишкою межу фреймів ліворуч.

4. Викликати Діалогове вікно властивостей фрейму послугою контекстного меню фрейму Свойства рамки.

Встановити параметри: межа фрейму невидима, смуги прокрут­ки вмикаються за необхідності, увімкнути переміщення межа фреймів у броузері.

5. У лівому фреймі ввести у колонку текст відповідно до змісту створюваного сайту, наприклад:

Фірма «Зодіак»

Візитка

Товари

Адреса

Ввімкнути вирівнювання тексту за лівим краєм.

6. Задати фон лівого фрейму, вибравши текстуру Газетная бумага або Гранит.

До лівого фрейму застосувати послугу головного меню Формат / Фон / Способы заливки, у відкритому діалоговому вікні Способы заливки перейти на вкладку Текстура, вибрати з наведених зразків текстуру i натиснути на кнопку ОК.

7. Задати сірий градієнтний фон правого фрейму подібно до попереднього пункту, у відкритому діалоговому вікні Способы заливки перейти на вкладку Градиентная. Дослідити кілька доступних варіантів градієнтних заливок.

8. Для правого фрейму задати фонове заповнення сторінки Гранит.

9. Створити сторінку Визитка.

Виділити слово Визитка i використати послугу головного меню Вставить / Гиперссылка. У діалоговому вікні Добавление гиперс­сылки вибрати режим Связать с новим документом, а також вказати потрібну папку для зберігання сайту.

Звернути увагу на вибір папки за допомогою команди Изме­нить... — (створити, за необхідності, нову папку My_Web y домашньому каталозі). Ввести латинськими літерами назву файла, наприклад page_l.

Увімкнути режим редагування Сейчас i режим вадображення нової та всіх інших сторінок у правому фреймі (рамка 1). Ввести підказку на зразок Наш офис тощо. Натиснути на кноп­ку ОК.

10. У відкритому вікні створити сторінку Визитка відповідно до теми сайту.

11. Закрити вікно із сторінкою Визитка (файл page_l).

12. Перейти у вікно розробки сайту i перевірити роботу гіперпосилання. Для перевірки необхідно, утримуючи натисненою клавшу Ctrl, навести курсор на створене гіперпосилання i клацнути лівою кноп­кою мишки.

13. Розробити сторінку Товари, повторивши пункти 9 - 12. Текст скласти самостійно.

14. Для слова Адреса створити гіперпосилання на власну електронну адресу, додати підказку: Це моя електронна адреса. Використати Діалогове вікно Добавление гиперссылки, увімкнути режим Электронной почтой.

Під час перевірки гіперпосилання може запуститися поштова програма. Закрийте ïï одразу.

15. Завантажити створені сторінки i наповнити ïx різними елементами: лініями, елементами WordArt, малюнками, закладка­ми, внутрштми гіперпосиланнями.

16. Зберегти створений основний файл надискупапку сайту з назвою файла index.htm.

17. Закрити програму MS Word, переглянути створений сайт інтернет-переглядачем.

Для цього за допомогою Провідника відкрити папку з файлами створеного сайту i двічі клацнути на файлі index.htm.

18. Перевірити правильність зроблених гіперпосилань та коректність відображення сторінок у переглядачі.

19. Змінити (удосконалити) зовнішній вигляд сайту за власним бажанням.

Відкрити у програмі MS Word створений сайт (файл index.htm). Для кожної сторінки створеного сайту вибрати тему, використовуючи Діалогове вікно Тема за допомогою послуги головного меню Формат/Тема....

Послуга За замовчуванням встановить обрану тему як шаблон для розробки наступного сайту. Не використовувати послугу без потреби.

20. Зберегти модифіковані сторінки й основний файл у новій папці, наприклад MyWeb2, за допомогою послуги головного меню Файл/ Сохранить как....

21. Виконати завдання для самостшної роботи.