Лабораторна робота № 17.
Тема. Розробка веб-сайту.
Мета. Створити сайт фірми.
Хід роботи
1.Запустіть програму М8 Wогd 2000 чи М8 Word ХР.
Якщо у вашому розпорядженні є М8 Word 97, то створіть багатосторінковий сайт без фреймів (головна сторінка навігаційна, а всі інші створюються аналогічно до неї).
2. Створіть новий веб-документ.
Для цього виконайте команди File => New => закладка веб-pages => New веб-pages.
3. Увімкніть панель інструментів Frames (Рамки) і створіть фрейм ліворуч (25% від розміру вікна).
Для цього клацніть на другій кнопці New frame left і пересуньте мишею межу фреймів вліво.
4. Проекспериментуйте з властивостями фреймів. Задайте межу фрейму невидимою, а смуги прокручування мають вмикатися за необхідністю. Дозвольте пересувати межу фреймів у броузері.
5. У лівому фреймі введіть у стовпець текст відповідно до зразка сюжету сайту (а ви введіть свій текст):
Фірма: Прізвище, ім’я студента
Візитка
Товари
та ін.
Тексти вирівняйте до лівого краю. Літери зробіть достатньо великими.
6. Задайте тло у лівому фреймі, вибравши текстуру «газетний папір» (першу у меню) чи «граніт» (рис. 17.1).
Для цього до лівого фрейму застосуйте команди Format => Background => Fill Effects => Техture => ОК.
7. Задайте сіре градієнтне тло у правому фреймі.
Для цього до правого фрейму застосуйте команди Format => Background => виберіть сірий колір. Ще раз застосуйте команди Format => Background => Fill Effects => Gradient => вигляд градієнтного кольороподілу виберіть до вподоби. Поекспериментуйте з усіма доступними радіокнопками, зокрема, з кнопкою Заготовка => ОК. Яке тло вам більше до вподоби?
8, У правому фреймі задайте тло «граніт».
9. Створіть сторінку Візитка.
Виокремте слово Візитка і виконайте команди Вставити => Гіперпосилання. Заповніть діалогове вікно: виберіть режим Create New Document, а також потрібну папку для сайту. Зверніть особливу увагу на вибір папки за допомогою команди Изменить.... Створіть, якщо треба, нову папку МуВеб (у власній папці). Введіть латинськими літерами назву файлу, наприклад раgе1. Увімкніть радіокнопку Edit the new document і задайте режим відображення нової та всіх інших сторінок у правому фреймі (у рамці 1). Створіть підказку на зразок «Наш офіс» тощо. Натисніть на кнопку ОК.
Рис. 17.1. Заливки кольорами і текстури
У вікні, що відкрилося, створіть сторінку Візитка відповідно до сценарію або на власний розсуд.
Закрийте вікно зі сторінкою Візитка (файл раgе1), щоб перейти до конструктора сайту.
Перевірте у конструкторі, чи працює гіперпосилання. Для цього натисніть на клавшу Сігі і клацніть мишею над гіперпосиланням.
Створіть сторінку Товари.
Для цього повторіть пункти 9—12. Текст придумайте самостійно.
Створіть сторінку Послуги.
Створіть сторінку Замовлення.
Виберіть у лівому фреймі слово Адреса і створіть гіперпосилання на власну електронну адресу. Створіть підказку: „Це моя електронна адреса".
Під час перевірки гіперпосилання може запуститися поштова програма. Закрийте її відразу.
17. Перемикайте сайт зі сторінки на сторінку і наповніть їх різними елементами: картинками, лініями, закладками, внутрішніми гіперпо-силаннями тощо.
Перейдіть у лівий фрейм, викличте його контекстове меню і збережіть фрейм у папці сайту, ввівши назву файлу латинськими літерами.
Запишіть створений основний файл на диск у папку сайту під назвою іпаех.Ьіт.
Закрийте програму Word і перегляньте створений сайт.
Для цього за допомогою програми Провідник чи іншої відкрийте папку з файлами та іншими службовими папками вашого сайту і двічі клацніть на файлі іпаех.ігіт.
Помандруйте сторінками сайту. Закрийте вікно броузера.
Модифікуйте (удоскональте) зовнішній вигляд вашого сайту на свій розсуд, а також за допомогою тем.
Для цього відкрийте у програмі Word свій сайт і для кожної сторінки задайте тему, яка вам найбільше сподобалася, командами Format => Themes. Увімкніть усі перемикачі у діалоговому вікні вибору теми. Якщо натиснете на кнопку За замовчуванням, то вибрана тема стане шаблоном у процесі роботи над наступним сайтом. Не натискайте на цю кнопку без потреби.
23. Збережіть модифіковані сторінки й основний файл у зовсім новій папці, наприклад МуВеб2, за допомогою команди Sаvе as...
24. Продемонструйте свій сайт оточуючим і візьміть участь у конкурсі на сторення ліпшого сайту.