- •План лекції:
- •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.11 Гіпертекстові посилання
Гіпертекстові посилання створюються з використанням парного тегу <А>, який містить обов’язковий атрибут HREF = , який вказує на гіперпосилання, тобто посилання за межі документа, NАME - на місце у самому документі. Перед закриваючим тегом </А> можна вказувати пояснюючий текст до посилання. Приклади посилань з різними значеннями:
Посилання на файл у поточній папці з текстом гіперпосилання пошук (у спливаючій підказці): <A HREF = ”FILE.HTM”> пошук </А>
Посилання на файл в іншій папці: <A HREF = ”KATALOG/FILE.HTM”> пошук </А>
Посилання на ресурс в Інтернеті: <A HREF = ”HTTP://WWW.MILAN.IT”> пошук </А>
Посилання на місце в документі: <A NAME = ”МІТКА2”> друга мітка </A>
Посилання на місце в іншому документі: <A HREF = ”FILE.HTM#МІТКА7”> сьома мітка </А>
1.12 Web – графіка
На Web- сторінках можна розміщувати графічні зображення двох видів: фонове зображення та вбудовані зображення.
Фонове зображення створюється за допомогою тегу <BODY> з використанням атрибуту BACKGROUND . Значенням атрибуту може бути або файл з зображенням або назва кольору, наприклад,
<BODY BACKGROUND=”file.jpg”>
<BODY BACKGROUND=”file.gif”>
<BODY BGCOLOR=”silver”>
Вбудовані зображення створюються з використанням тегу <IMG> з атрибутом SRC. Атрибути WIDTH, HEIGHT та ALT визначають ширину зображення, висоту та коментар (спливаючу підказку); висота та ширина визначається в пікселах. Приклади:
<IMG SRC=”picture.jpeg”>
<IMG SRC=”picture.jpg ” WIDTH=”200” HEIGHT=”150” ALT=”фото”>
Зображення можна розташувати на сторінці з використанням атрибуту ALIGN та одного з п’яти значень TOP (вверх), BOTTOM (низ), LEFT (ліворуч), RIGHT (справа), MIDDLE (у середині), наприклад,
<IMG ALT=”фото” ALIGN=”LEFT” SRC=”picture.gif”>
1.13 Таблиці
При створенні таблиці слід користуватись наступними правилами:
Таблиці створюються з використанням парного тегу <TABLE>.
Заголовок таблиці створюється з використанням парного тегу <CAPTION>.
Рядки таблиці задаються парними тегами <TR>; закриваючий тег – необов’язковий.
Комірки таблиці можуть бути двох видів: для заголовку або для даних.
Комірки з даними задаються парним тегом <TD>; комірки заголовку задаються парним тегом <TН>; закриваючі теги – необов’язкові.
Приклад пустої таблиці з двома рядками та двома стовпчиками: <TABLE> <CAPTION>Пуста таблиця </CAPTION> <TR><TD><TD> <TR><TD><TD> </TABLE>
Приклад звичайної таблиці: <TABLE> <TR><TН>І квартал </TН><TН>ІІ квартал </TН></TR> <TR><TD>Прибуток 11%</TD><TD>Збиток 6%</TD></TR> <TR><TD>Прибуток 12%</TD><TD>Збиток 5%</TD></TR> <TR><TD>Прибуток 13%</TD><TD>Збиток 4%</TD></TR> </TABLE>
При відображенні таблиці на екрані комп’ютера відбувається її автоматичне форматування з підбором розміру комірки. При створенні таблиці використовуються атрибути, наведені в таблиці
Таблиця 3 - Атрибути елементів
№ |
Атрибут |
Елемент |
Призначення |
1 |
ALIGN= |
Таблиця, заголовок, рядок, комірка |
Вирівнювання таблиці по горизонталі; вирівнювання даних по горизонталі; розміщення заголовка над або під таблицею |
2 |
VALIGN= |
Рядок, комірка |
Вирівнювання по вертикалі |
3 |
WIDTH= |
Таблиця, комірка |
Ширина |
4 |
HEIGHT= |
Комірка |
Висота |
5 |
COLSPAN= |
Комірка |
Довжина в декілька стовпчиків |
6 |
ROWSPAN= |
Комірка |
Довжина в декілька рядків |
7 |
BGCOLOR= |
Таблиця, комірка |
Колір фону |
8 |
CELLSPACING= |
Таблиця |
Зазор між комірками |
9 |
CELLPADDING= |
Таблиця |
Зазор між вмістом комірки|чарунки| і її межею|кордоном| |
10 |
BORDER= |
Таблиця |
Відображення границь комірок і зовнішньої рамки таблиці |