- •Міністерство освіти і науки, молоді та спорту України
- •Методичні вказівки
- •"Комп'ютерні мережі"
- •Лабораторна робота № 1 Апаратне забезпечення комп'ютерних мереж. Топології мереж
- •1.1. Теоретичні відомості
- •1.1.1. Топології мереж
- •1.1.2. Базові топології
- •1.1.2.1. Загальна шина (bus)
- •1.1.3. Комунікаційні пристрої
- •1.2. Практична частина
- •1.3. Контрольні питання
- •Лабораторна робота № 2
- •2.1.1.3. Утиліта tracert
- •2.1.1.4. Утиліта arp
- •2.1.1.5. Мережеві команди Net
- •2.1.1.6. Утиліта Net help
- •2.1.1.9. Утиліта Route
- •2.1.2. Сервіс Whois
- •2.3. Контрольні питання
- •Лабораторна робота № 3 Пошук інформації в мережі Інтернет. Принципи роботи з пошуковими серверами
- •3.1. Теоретичні відомості
- •3.1.1. Складові пошукових систем
- •3.1.2. Релевантність
- •3.2. Практична частина
- •3.3. Контрольні питання
- •Лабораторна робота № 4. Html. Створення сторінок
- •4.1. Теоретичні відомості
- •4.1.1. Структура html- документа
- •4.1.2. Теги рівня документа
- •4.1.3. Основні теги форматування тексту
- •4.2. Практична частина
- •4.3. Контрольні питання
- •5.1.2. Списки
- •5.1.2.3. Список визначень
- •5.1.3. Посилання
- •5.2. Практична частина
- •5.3. Контрольні питання
- •6.1 Теоретичні відомості
- •6.1.1. Таблиці. Загальні відомості
- •6.2. Практична частина
- •6.3. Контрольні питання
- •Лабораторна робота № 7. Програмування форм
- •7.1 Теоретичні відомості
- •7.1.1. Форми. Загальні відомості
- •7.1.3. Поле для паролів
- •7.1.4. Багатострічкове текстове поле
- •7.1.5. Меню
- •7.1.8. Кнопки reset та submit
- •7.2. Практична частина
- •7.3. Контрольні питання
- •Лабораторна робота № 8. Створення фреймів
- •8. Теоретичні відомості
- •8.2. Практична частина
- •8.3. Контрольні питання
- •Лабораторна робота № 9. Використання каскадних таблиць стилів (css)
- •9. Теоретичні відомості
- •9.1. Стилі. Загальні відомості
- •9.2. Практична частина
- •9.3. Контрольні питання
- •Список літератури Основна
- •Додаткова
- •Додаток 1
4.2. Практична частина
В лабораторній роботі необхідно за варіантами (Додаток 1) з використанням HTML тегів створити в Блокноті документи (з розширенням .html), які б повністю повторювали стиль написання вихідних текстів.
Створити в Блокноті файл з назвою index.html і зберегти його у своїй папці.
Записати:
<html>
<head><title> Заголовок вікна </title></head>
<body>
Освоюємо web-технології :)
</body>
</html>
Створити в Блокноті новий документ з ім'ям lab4.html і зберегти його у своїй папці.
Набрати текст згідно варіанту (Додаток 1). Зберегти і переглянути його у браузері.
Змінити фон сторінки і колір тексту згідно варіанту таблиця 4.3.
Показати і захистити виконану роботу викладачу.
Таблица 4.3 - Колір тексту
№ Вар. |
Колір фону сторінки |
Колір тексту сторінки |
|
№ Вар. |
Колір фону сторінки |
Колір тексту сторінки |
1 |
блакитний |
синій |
|
10 |
оливковий |
темно-синій |
2 |
темно-сірий |
синій |
|
11 |
помаранчевий |
зелений |
3 |
оливковий |
темно-зелений |
|
12 |
рожевий |
синій |
4 |
жовтий |
бірюзовий |
|
13 |
темно-синій |
білий |
5 |
блакитний |
темно-сірий |
|
14 |
сірий |
блакитний |
6 |
світло-сірий |
червоний |
|
15 |
червоний |
чорний |
7 |
жовтий |
темно-зелений |
|
16 |
оливковий |
помаранчевий |
8 |
блакитний |
блакитний |
|
17 |
блакитний |
фуксія |
9 |
темно-синій |
жовтий |
|
18 |
чорний |
жовтий |
4.3. Контрольні питання
Що таке web-сторінка?
Пояснити поняття код розмітки.
Яка різниця між одиничними і парними тегами?
Як виводити символи з розширеної кодової таблиці?
Яка структура HTML-документа?
Для чого служить розділ заголовків в HTML-документі?
Як вказати назву сторінки в HTML-документі?
Які правила вкладення елементів HTML?
Для чого використовується непарний тег <MЕТА>?
Як задати кольори в HTML-документі?
Які теги визначають параметри абзаців і заголовків?
Як задати заголовки і підзаголовки?
Які теги задають параметри шрифту?
Які параметри шрифту визначає тег <FONT>?
Лабораторна робота № 5. Зображення. Списки. Посилання
Мета роботи: навчитися додавати зображення в документ, управляти атрибутами тега; створювати нумеровані, марковані та багаторівневі списки; створювати внутрішні і зовнішні посилання.
5.1 Теоретичні відомості
5.1.1 Зображення
Вставка картинок в html-документ здійснюється з використанням тега <img>. Тег <img > має атрибути (таблиця 5.1).
Таблиця 5.1 - Атрибути тега <img>
Атрибут |
Призначення |
src |
вказує на шлях до графічного файла. Шляхи можу бути відносними: photo.jpg, ../img/photo2.gif або абсолютними: http://mysite.com/pic/photo3.jpg |
alt та title |
альтернативний текст для зображення, використовується як підказка або пошукові системи |
border |
товщина рамки навколо зображення. Колір рамки визначається поточним кольором тексту |
hspace |
горизонтальний відступ від зображення до тексту |
vspace |
вертикальний відступ від зображення до тексту |
height |
висота зображення, якщо не задана, то відображається оригінальний розмір зображення, якщо вказана до зображення масштабується |
width |
ширина зображення, якщо за умов згадування ширини одночасно з висотою не зберігаються пропорції, то зображення спотворюється |
align |
визначає, як малюнок буде вирівнюватися і обводитися текстом |