Практична робота № _25_

Учебно-методическое пособие

Редактор

Компьютерная верстка

Подписано в печать Формат 60x84¹/₁₆

Бумага офсетная. Гарнитура Таймс. Печать офсетная

Усл. печ. л. Уч. изд. л.

Тираж экз. Заказ.

Отпечатано в Центре издательско-полиграфических

и информационных технологий учреждения образования

«Белорусский государственный технологический университет».

220006. Минск, Свердлова, 13а.

ЛИ № 02330/0549423 от 08.04.2009.

ЛП № 02330/0150477 от 16.01.2009

[1] Впервые феномен авторитарной власти был исследован Х. Арендт в ее работе «Происхождение тоталитаризма» (1951 г.).

Практична робота № _25_

Тема: Розробка веб-сайту.

Мета: навчитися використовувати розмітки таблиць різними способами, розміщувати в комірках таблиці інформацію.

Обладнання: ПК, програма Microsoft FrontPage, інструктивні картки.

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

Хід роботи

1. Підготуйте ПК до роботи.

2. Відкрийте програму Microsoft FrontPage: Пуск→Все программы→ Microsoft Office→ Microsoft Office FrontPage 2003.

3. Ознайомтеся з меню та панелями інструментів вікна програми.

4. Введіть заголовок веб-сторінки. Використайте піктограму Добавить обьект WordArt для створення об’єкта, розташуйте його по центру.

5. Введіть маркований список:

Встановіть шрифт Times New Roman, розмір –24 пт, жирний, колір – зелений, розташуйте по лівому краю;

6. Створіть таблицю за зразком:

№	Першоцвіти	Період цвітіння
	Підсніжники	Березень
	Проліски	Середина березня
	Первоцвіт весняний	Середина березня
	Анемона жовтецева	Кінець березня
	Ряст	Квітень

7. Скопіюйте та вставте малюнок після тексту «Підсніжники;». Зменшіть його розміри, встановіть Свойства рисунка Обтекание справа.

8. Доповніть сторінку текстовим повідомленням:

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

9. Встановіть фон веб-сторінки. Для цього потрібно викликати Свойства страницы, вибрати закладку Форматирование, поставити галочку на Фоновый рисунок, натиснути Обзор, вибрати потрібний малюнок, виділити його та натиснути Открыть, Ок.

10. У своїй папці створіть папку Прізвище_Вправа та збережіть туди документ: Сохранить как… Vprava1 Веб-страницы.

11. Результати роботи покажіть вчителю.

12. Коректно завершіть роботу з ПК.

Завдання 2. Створення веб-сайту за допомогою майстра веб-вузла

Хід роботи

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

2. Виберіть команду Файл → Создать → Веб-узел группы. У вікні Шаблоны веб-узлов виберіть Пустой веб-узел та натисніть Ок. відкриється вікно зображене нижче.

3. Домовимось, що у папці _private зберігатимуться веб-сторінки сайту, а в папці images – графічні та мультимедійні об’єкти. При бажанні папки можна перейменувати.

4. Для зразка створимо найпростіші веб-сторінки. Для цього натиснемо на піктограмі Создание новой обычной страницы. Відкриється вікно представлене нижче.

5. Напишіть заголовок: Сторінка1 та вставте будь-який малюнок. Збережіть сторінку в папку для збереження веб-сторінок під назвою Сторінка1 (розширення програма встановлює сама - htm). У вікні Сохранение внедрённых файлов натисніть Ок.

6. У Список папок відкрийте папку збереження веб-сторінок та перемістіть перетягуванням графічний документ у папку для збереження графічних та мультимедійних об’єктів.

7. Аналогічно створіть головну сторінку сайту з інформаціїю: Привіт! Це мій перший сайт у Frontpage.

8. Зв’яжіть головну веб-сторінку з веб-сторінкою Сторінка1 та Сторінка2 гіперпосиланням..

9. Збережіть головну сторінку сайту під іменем Index. Найпростіший сайт – створено!

10. Закрийте програму Frontpage. Використовуючи провідник у папці Мои документы → Мои веб-узлы з’явиться папка Мой узел-№. Перейменуйте його. Наприклад: Сайт-Петренко11кл. Перегляньте структуру та вміст папок сайту. відкрийте головну веб-сторінку сайту та здійсніть навігацію по сайту. Як структурований сайт?

11. Доповніть головну сторінку сайту малюнком. Для цього відкрийте програму Frontpage. Натисніть на піктограмі Открыть виберіть необхідну веб-сторінку та натисніть ще раз Открыть, доповніть її малюнком. Збережіть зміни.

PS. Для відкриття вікна Список папок натисніть в меню Вид → Список папок або Alt+F1.

Сайт для скачування веб дизайну:

http://file-zone.org.ua/22818-html-i-css-riven-1-stvorennya-sajtiv-za-standartami-w3c.html

Контрольна запитання

1.Що так HTML?

2.Для чого була розроблена мова HTML?

3.Що таке тег?

4.Які існують типи тегів?

5.На які категорії діляться теги?

6.Які ви знаєте структурні теги?

7.Якими значками завжди починається і закінчується тег?

8.Які ви знаєте теги управління зовнішнім виглядом Web-документа?

Висновки: