Практична робота № _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