Реферат Курсовая Конспект
Практична робота № _25_ - раздел Образование, Практична робота № 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
– Конец работы –
Эта тема принадлежит разделу:
Що так HTML... Для чого була розроблена мова HTML... Що таке тег...
Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Практична робота № _25_
Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:
Твитнуть |
Новости и инфо для студентов