- •Лабораторна робота №1
- •Практична частина:
- •Контрольні питання:
- •1. Браузер перегляду html сторінок - internet explorer
- •2. Основні теги html, які необхідно знати після виконання даної лабораторної роботи.
- •Теоретична частина Базисні елементи
- •Визначення структури
- •Зовнішній вигляд
- •Посилання й графіка
- •Роздільники
- •Тіло й кольори
- •Internet explorer 5.0 російська версія
- •Лабораторна робота №2
- •Практична частина:
- •Структурувати сайт-звіт на основі фреймів:
- •Виконати тематичний пошук у мережі Інтернет на основі простого запиту
- •Виконати тематичний пошук у мережі Інтернет на основі розширеного запиту
- •Створення звіту до виконання лабораторної роботи в гіпертекстовому форматі
- •Контрольні питання:
- •Теоретична частина
- •Лабораторна робота №3
- •Практична частина:
- •Відкрийте редактор Блокнот (пуск - програми - стандартні - блокнот)
- •Контрольні питання
- •Теоретична частина Спеціальні символи (уводити тільки в нижньому регістрі)
- •Завдання для індивідуальної роботи
- •Лабораторна робота №4
- •Хід виконання роботи:
- •Відкрийте редактор Блокнот (пуск - програми - стандартні - блокнот)
- •Відкрийте редактор Блокнот (пуск - програми - стандартні - блокнот)
- •Контрольні питання
- •Теоретична частина
- •Завдання для індивідуальної роботи
- •Лабораторна робота №5
- •Хід виконання роботи:
- •Контрольні питання
- •Завдання для індивідуального виконання
ЛАБОРАТОРНА РОБОТА №1 2
ПРАКТИЧНА ЧАСТИНА: 2
КОНТРОЛЬНІ ПИТАННЯ: 3
ТЕОРЕТИЧНА ЧАСТИНА 4
ЛАБОРАТОРНА РОБОТА №2 11
ПРАКТИЧНА ЧАСТИНА: 11
КОНТРОЛЬНІ ПИТАННЯ: 13
ТЕОРЕТИЧНА ЧАСТИНА 13
ЛАБОРАТОРНА РОБОТА №3 16
ПРАКТИЧНА ЧАСТИНА: 16
КОНТРОЛЬНІ ПИТАННЯ 19
ТЕОРЕТИЧНА ЧАСТИНА 20
ЗАВДАННЯ ДЛЯ ІНДИВІДУАЛЬНОЇ РОБОТИ 21
ЛАБОРАТОРНА РОБОТА №4 27
ХІД ВИКОНАННЯ РОБОТИ: 27
КОНТРОЛЬНІ ПИТАННЯ 31
ТЕОРЕТИЧНА ЧАСТИНА 31
ЗАВДАННЯ ДЛЯ ІНДИВІДУАЛЬНОЇ РОБОТИ 38
ЛАБОРАТОРНА РОБОТА №5 41
ХІД ВИКОНАННЯ РОБОТИ: 41
КОНТРОЛЬНІ ПИТАННЯ 42
ЗАВДАННЯ ДЛЯ ІНДИВІДУАЛЬНОГО ВИКОНАННЯ 43
Лабораторна робота №1
ЦІЛЬ: Вивчення браузера Internet Explorer, створення першої WEB сторінки.
ТЕОРЕТИЧНА ЧАСТИНА:
Мова HTML (практичне руководство)
Базисні елементи
Визначення структури
Зовнішній вигляд
Посилання й графіка
Розподільники
Списки
Фон та кольори
Вивчення середовища браузера Internet Explorer
Практична частина:
Ознайомтеся із сайтом Національної бібліотеки України ім. В.И. Вернадського. Адреса сайту знайдіть за допомогою пошукової системи.
При знайомстві з ресурсами бібліотечного сайту мережі Інтернет виконайте наступні дії:
Створіть закладку на довільну сторінку, видаліть її.
Збережіть сторінку на жорсткий диск у різних форматах, зверніть увагу на те, що саме зберігається.
Збережіть довільний малюнок на жорсткий диск.
Перегляньте тегову структуру гіпертекстового документа.
Відключіть відображення малюнків.
Відключіть відображення кольорів гіпертекстового документа.
Створіть особисту сторінку.
Отскануйте особисту фотографію (фотографія повинна бути збережена у форматі gif або jpg) і збережіть її в папці public_html/pictures/1. Всі малюнки до відповідних лабораторних робіт необхідно зберігати в папці з відповідним номером, що вкладається в папку pictures. Строго дотримуйтеся встановленого порядку.
Знайдіть на комп'ютері малюнок, яким Ви скористаєтесь як фоном до Вашої особистої сторінки (Пуск - Знайти - Файли_й_папки). У діалоговому вікні, що відкрилося, у поле "Ім'я" увести *.gif або *.jpg, у поле "Де шукати" указати диск C. Відкрити малюнок, що сподобався, подвійним щигликом миші й зберегти в public_html/pictures/1.
Відкрийте редактор Блокнот (ПУСК - ПРОГРАМИ - СТАНДАРТНІ - БЛОКНОТ).
Збережить порожній документ у робочій папці public_html, привласніть йому ім'я LAB1.html, при збереженні переміните встановлений за замовчуванням тип файлу " ТЕКСТОВІ_ ДОКУМЕНТИ" у значення " ВСІ_ ФАЙЛИ_ (*.*)".
Уведіть обов'язкові теги гіпертекстового документа:
<html>
<head>
<title>
Приклад 1
</title>
</head>
<body>
</body>
</html>
Збережіть документ
Між відкриваючим і закриваючим тегом <BODY> відобразите наступну інформацію про себе :
Вітання й ФІБ (структурувати заголовками різних рівнів);
Списки інтересів (структурувати трьома типами списків з використанням вкладених);
Особиста фотографія (використати атрибути тегу <IMG> для завдання ширини, альтернативного тексту, обтікання текстом по правій стороні);
Автобіографія (структурується тегом <P> з використанням виділення фрагментів тегами <B>, <I>, <U>);
Створити гіперпосилання на ресурс мережі Інтернет, що сподобався.
Наприкінці створити рядок з посиланнями на структурні елементи особистої сторінки: перехід до вітання, перехід до автобіографії, перехід до списку інтересів.
Оформлення особистої сторінки:
використання фонового малюнка;
завдання кольорів тексту.