- •Міністерство освіти і науки, молоді та спорту України
- •Методичні вказівки
- •"Комп'ютерні мережі"
- •Лабораторна робота № 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
9.2. Практична частина
Створити два файли: lab9.html и lab9style.css.
Створити у файлі lab9.html п'ять абзаців, довжиною в три рядки. Наприклад,
Текст абзацу. Текст абзацу. Текст абзацу.
Текст абзацу. Текст абзацу. Текст абзацу.
Текст абзацу. Текст абзацу. Текст абзацу.
Текст абзацу. Текст абзацу. Текст абзацу.
Текст абзацу. Текст абзацу. Текст абзацу.
Зберегти HTML-сторінку та переглянути її.
В CSS-файлі написати стиль для селектора тега body, в якому вказати колір тексту, розмір букв і назву шрифту:
.body{
color: #009933;
font-size: 14px;
font-family: Arial;
}
Підключити CSS-файл в HTML-файлі:
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="lab9style.css"/>
</head>
Зберегти зміни. Переглянути HTML-сторінку в браузері. Звернути увагу на шрифт.
В CSS-файлі створити шрифт абзацу, в якому встановити розряджений інтервал тексту між символами:
.p{
letter-spacing: 10px;
}
Зберегти CSS-файл. Оновити HTML-сторінку в браузері.
Другий абзац зробити курсивом і підкресленим. Для цього створити клас .kursiv:
.kursiv{
font-style: italic;
text-decoration: underline;
}
і підключити його до другого абзацу:
<p class="kursiv"> Текст абзацу. Текст абзацу. Текст абзацу.</p>
Зберегти і переглянути.
Створити клас для форматування третього абзацу з наступними властивостями:
шрифт абзацу Comic Sans; (font-family)
розмір шрифту 25 пт; (font-size)
відступ абзацу в 50 пікселів (text-indent).
Підключити стиль до третього абзацу, використовуючи атрибут class.
Створити клас .rich для відображення п'ятого абзацу, який містить такі властивості тексту:
шрифт Arial, 15 пт;
накреслення жирне + курсив (font-weight; font-style);
колір букв помаранчевий (color);
висота рядка 25 пунктів (line-height).
Створити клас .perenos і заборонити в ньому перенесення слів в межах одного абзацу (white-space). Призначити цю властивість другому і четвертому абзацу. Для цього в атрибуті class тега абзацу через пробіл вказати два класи (той що був раніше + клас .perenos). Зберегти, переглянути.
Виділити слова в межах одного абзацу. Наприклад, створити клас, що містить заголовні червоні літери:
.red{
color: #FF0000;
text-transform: uppercase;
}
і вказати новий клас в теге
<p class="kursiv perenos"> Текст абзаца.
<span class="red"> Внимание! </span>Текст абзаца. Текст абзаца.</p>
Створити клас з наступними властивостями:
шрифт Courier 12 пт;
всі букви заголовні;
міжсимвольний інтервал розряджений на 200%;
текст підкреслений;
червоний рядок 2 см;
міжрядковий інтервал подвійний.
Додати ще пару абзаців і призначити їм властивості цього класу.
Створити свої 2-3 класи стилів тексту, які будуть використовуватися в підсумковій роботі (кожен стиль має включати по 3-4 властивості форматування тексту і бути підключеним до абзаців або заголовків першого, другого і третього рівнів).
Додати посилання на файл lab9.html в файл index.html.
Показати і захистити виконану роботу викладачеві.