Sapphire Radeon X1900GT | 1800 | Radeon X1900GT

eVGA GF 7900GT | 2000 | GF 7900GT

Завдання 4. Створення Web-документа за допомогою редактора FrontPage2003

Найбільш поширеними HTML-редакторами є FrontPage, HotDog. Розглянемо створення Web-документа, використовуючи редактора FrontPage 2003.

1. Запустіть програму FrontPage 2003

2. Виконайте команду Файл > Створити. У списку, з правого боку, в розділі Створити сторінку активізуємо пункт Порожня сторінка.

Відкривається порожня сторінка, на якій потім створюватиметься веб-сторінка.

3. Виконуємо команду Файл > Зберегти як.

4. Заповнення веб-сторінки.

1). Вставка горизонтальної лінії. У полі Вставка вибираємо Горизонтальна лінія.

Встановлюємо курсор на горизонтальній лінії, що з'явилася, і натискаємо праву клавішу миші. У контекстному меню, що з'явилося, вибираємо Властивості горизонтальної лінії і натискаємо ліву клавішу миші. У діалоговій панелі Властивості горизонтальної лінії відредагувати ширину, висоту, вирівнювання, колір.

2). Вставка малюнка. Виконати команди Вставка > Малюнок > З файлу. У діалоговому вікні Малюнок знайти свою папку та вказати ім'я малюнка і натиснути кнопку Вставити. Вибраний малюнок буде поміщений після зеленої лінії.

3). Редагування розміщення малюнка. Для цього покажчик курсора навести на малюнок, натиснути праву клавішу миші і в контекстному меню, що з'явилося, вибрати пункт Властивості малюнка. У діалоговому вікні Властивості малюнка натискаємо клавішу Вигляд і вибираємо Обтікання (можна вибрати Немає, Зліва, Справа). У розділі Положення вибираємо По середині. У розділі Розмір проставляється галочка у віконці Задати розмір. У розділах Ширина і Висота указуємо ширину і висоту малюнка в крапках або відсотках (приймемо у відсотках і вкажемо 100 і 200). Натискається кнопка ОК.

4). Вставка таблиці. Для цього:–

Поставте курсор в задане місце документу і виконайте команди Таблиці > Вставити таблицю. –

У діалоговому вікні Вставка таблиці в розділі Параметри макету вибрати Задіювати параметри макету на основі вмісту таблиці.–

У розділі Розмір вказати число рядків і стовпців. Решту параметрів прийняти за умовчанням.–

У таблицю введіть задану кількість рядків та стовпців.

5. За допомогою редактора створіть прайс-лист, згідно зразку (рис.1), і відповідно до заданого варіанту (спираючись на наведені вище рекомендації).

6. Відкрийте створений документ в браузері та переконайтеся, що створений документ правильно відображається браузером.

Змініть ширину вікна браузера і подивіться, як при цьому міняється вид документа.

Поверніться в програму FrontPage і виконайте команду Вигляд > HTML.

Дослідіть автоматично створений код HTML, визначите, як за допомогою тегів HTML реалізовані використані команди форматування.

Завдання 6. Створення Web-документа за допомогою табличного процесора Excel 2003

1. Активізуйте програму MS EXCEL.

2. У вікні програми, створіть прайс-лист, згідно зразку (рис.1), і відповідно до заданого варіанту.

3. Виберіть команду Файл > Зберегти як Web-сторінку.

4. У діалоговому вікні Збереження документа вкажіть ім'я файлу, тип файлу Веб-сторінка (*.htm; *.html), виберіть команду Опублікувати.

5. У діалоговому вікні Публікація Web-сторінки розкрийте список Вибрати. Виберіть Лист 1 або інший лист, на якому створений документ. Переконаєтеся, що в області Параметри перегляду знятий прапор Додати. Цей прапорець управляє інтерактивністю.

6. Задайте заголовок опублікованим даним, натиснувши кнопку Змінити. Введений заголовок відображатиметься в заголовку браузера, незалежно від поточного заголовка Web-сторінки.

7. У полі Ім'я файлу введіть ім'я файлу і повний шлях до файлу.

8. Щоб відразу побачити результати публікації в своєму браузері, встановіть прапорець Відкрити сторінку в оглядачі.

Натиснути кнопку Опублікувати.

9. Порівняйте отримані html коди сторінок отриманих при виконанні завдань 4, 5 та 6. В якому випадку отримано найбільш простий код? В чому полягає їх відмінність?