- •План лекції:
- •1 Мова розмітки гіпертексту html та оформлення Web – сторінок
- •1.1 Мова html
- •1.2 Гіперпосилання
- •Основні поняття щодо Web – сторінок
- •1.4 Засоби створення Web – сторінок
- •1. 5 Синтаксис мови html
- •1.6 Структура документа html
- •1.7 Створення найпростішої Web - сторінки
- •1.8 Створення абзаців, заголовків
- •1.9 Форматування тексту
- •1.10 Списки
- •1.11 Гіпертекстові посилання
- •1.13 Таблиці
- •2 Комп’ютерні мережі
- •2.1 Визначення і призначення комп’ютерних мереж
- •Класифікація мереж
- •Можливості локальних обчислювальних мереж
- •Локальні комп’ютерні мережі
- •Однорангова комп’ютерна мережа
- •Комп’ютерна мережа з виділеним сервером (клієнт - сервер)
- •Фізичне передавальне середовище і топологія мережі
- •Програмне забезпечення локальної мережі
- •Мережні операційні системи
- •Протоколи
- •Використання вбудованих мережних засобів ос Windows
- •Можливості спільного використання комп’ютерних ресурсів
- •Загальні відомості щодо електронної пошти
- •Призначення та можливості програми ms Outlook
- •Характеристика програми
- •Завантаження ms Outlook і вихід з програми
- •Вікно програми ms Outlook 2003
- •Створення форм управління у програмі
- •Файл ►Создать► Выбрать форму ►Сообщение.
- •Адресна книга
- •Параметри програми
- •Програма Outlook Express
- •Програма Microsoft Fax
- •Програма WinPopup
- •Програма WinChat
- •Загальна характеристика програми NetMeeting
- •Робота з програмою NetMeeting
- •Контрольні запитання
- •Впроваджуються такі сервіси як Real Audio, Real Video, ip-телебачення, Web – телефонія (Web – сторінок), які стануть виконувати функції не тільки бази даних, а й функції програм, і багато чого іншого.
- •3.4 Характеристика www Служба створена у 1991 році. Служба www має таку характеристику:
- •3.5 Електронні дошки оголошень (bbs)
- •3.6 Телеконференції
- •3.7 Провідники Internet
- •3.8 Мережний протокол Internet
- •3.9 Підключення комп’ютера до Internet
- •3.10 Адреса в Internet
- •3.12 Домени
- •3.13 Адреса в Fidonet
- •3.14 Приклади адрес й імен доменів у Internet
- •Література
1.6 Структура документа html
Документ HTML має визначену структуру.
Всі документи HTML мають одну і ту ж структуру, визначену фіксованим набором тегів структури. Документ HTML завжди повинен починатися з тегу <НТМL> і закінчуватись закриваючим тегом (</НТМL>).
Усередині документа виділяються два основних розділи: розділ заголовку і тіло документа. Розділ заголовку має головний тег <НЕАD> ….. </НЕАD> який вказує що це верхня частина документу, в якому є вкладений загальний заголовок документу.
Загальний заголовок документа, обмежений парним тегом <ТIТLE>. Заголовок міститься завжди у визначеному місці документа. Тому браузеру не важко знайти потрібний документ. Назва файлу і назва заголовку це не одне і теж. Якщо тегів <ТIТLE> нема, то у назві Web – сторінки з’явиться її URL – адреса (Uniform Resource Locator - уніфікований покажчик ресурсу) .
Основний зміст документу, розміщуються між парними тегами <BODY>.
Розташування структурних тегів у документі неважко визначить, навіть при їх відсутності, однак, при створенні документа HTML опускати структурні теги не рекомендується.
Таким чином основні теги, що застосовуються при створенні Web – сторінки наступні:
<html >< /html> - початок і кінець документа;
<head >< /head> - область заголовка документа;
<body >< /body> - зміст документа;
<title>< /title> - заголовок вікна;
<!> - створення коментарю.
1.7 Створення найпростішої Web - сторінки
1. Завантажити Блокнот. Створити документ (між дужками та тегами не повинно бути пробілів), наприклад:
<HTML>
<HEAD>
<TITLE> ЗАГОЛОВОК ДОКУМЕНТА </TITLE>
</HEAD>
<BODY>
ЗМІСТ ДОКУМЕНТА
</BODY>
</HTML>
Зберегти документ, надавши файлу ім’я, з розширенням htm або html (наприклад у файлі з ім’ям простий.htm або простий.html).
Активізувати файл (простий.htm), який завантажиться в браузер Internet Explorer.
Для перегляду коду документа можна скористатись командами: Вид ► Источник ( Вид ►Просмотр HTML – кода), Страница ►Просмотр HTML – кода або скориставшись контекстним меню.
При зміні коду документа його треба обновити командою: Вид ►Обновить.
1.8 Створення абзаців, заголовків
Заголовки. Мова HTML підтримує заголовки шести рівнів, які задаються за допомогою парних тегів від <H1> до <H6>. Чім більше число після Н, тим менше текст заголовку. Щоб вирівняти заголовок по центру, слід у тегу скористатись атрибутом ALIGN = ”CENTER”>. Наприклад, <H1 ALIGN = ”CENTER”> Заголовок першого рівня </H1>.
Абзац. Звичайні абзаци у мові HTML задаються з використанням парного тегу <Р> …..</Р>. Однак закриваючий тег </Р> необов’язковий. Наприклад,
<H1>Заголовок першого рівня </H1>
<Р>Абзац перший
<Р>Абзац другий
<H2>Заголовок другого рівня </H2>
Кінець абзацу можна визначить горизонтальною лінійкою, яка створюється з використанням непарного тега <HR>. Наприклад, для створення горизонтальної лінійки на півширини вікна, товщина якої 10 пікселів і розташованою праворуч, слід скористатись тегом <HR>. з наступними атрибутами:
<HR ALIGN=”RIGHT” SIZE = ”10” WIDTH = ”50%”>
Рядки. Для визначення кінця рядку використовується непарний тег <BR>. Його можна використовувати декілька разів, створив таким чином декілька пустих рядків. Слід пам’ятати, що теги заголовків або абзаців також здійснюють перехід в інший рядок.