- •7.050201 Менеджмент зовнішньоекономiчної дiяльностi,
- •7.050206 Менеджмент організацій
- •Миколаїв – 2008
- •Лабораторна робота 1. Створення найпростіших файлів html …………….18
- •Лабораторна робота 2 Вставка картинок у документ…………………………30
- •Лабораторна робота 3. Таблиці. ………………………………………………...41
- •Розділ 1. Основні поняття комп’ютерних мереж
- •1.1. Локальні мережі
- •1.2. Глобальні мережі
- •1.3. Мережне програмне забезпечення
- •1 Концепція.
- •2 Концепція.
- •1.4. Модель взаємодії відкритих систем
- •1.5. Інтернет. Основні поняття
- •1.6. Протокол tcp
- •1.7. Протокол ip
- •1.8. Служби Інтернету
- •Електронна пошта (e-Mail)
- •Списки розсилання (Mail list).
- •Служба телеконференцій (Usenet)
- •Служба World Wide Web (www).
- •Служба імен доменів (dns)
- •Служба передачі файлів (ftp)
- •Розділ 2. Зміст лабораторних робіт Лабораторна робота 1. Створення найпростіших файлів html
- •Лабораторна робота 1. Створення найпростіших файлів html
- •Завдання 1. Створення найпростіших файлів html
- •Завдання 3. Теги переходу рядка й абзацу
- •Завдання 4. Виділення фрагментів тексту
- •Завдання 5. Використання стилів заголовка
- •Завдання 5. Завдання розміру поточного шрифту.
- •Завдання 6. Накреслення й колір шрифту
- •Завдання 7. Вирівнювання тексту по горизонталі
- •Завдання 9.
- •Лабораторна робота 2
- •Лабораторна робота 3. Таблиці.
- •Лабораторна робота 3.
- •Лабораторна робота 4.
- •Лабораторна робота 4.
- •Розділ 3. Питання на залік з дисципліни «Комп'ютерні мережі та телекомунікації»
- •Розділ 4. Теми рефератів
- •Розділ 5. Методичні рекомендації та завдання контрольної роботи для студентів заочної форми навчання
- •Варіанти завдань для контрольної роботи з курсу
Служба імен доменів (dns)
Людині незручно працювати з числовим представленням IР-адреси, а доменне ім'я запам'ятовується легко, особливо якщо врахувати, що це ім'я має зміст. Наприклад, Web-сервер компанії Microsoft має ім'я www.microsoft.com, а Web-сервер Міністерства аграрної політики України має ім'я www.minagro.kiev.ua (суфікс .ua наприкінці імені вказує на те, що сервер належить українському сектору Інтернета). Неважко «реконструювати» і імена для інших компаній.
З іншого боку, автоматична робота серверів мережі організована з використанням чотиризначної числової адреси. Завдяки їй проміжні сервери можуть здійснювати передачу запитів і відповідей у потрібному напрямку, не знаючи, де конкретно перебувають відправник і одержувач. Тому необхідний переклад доменних імен на відповідні до них IР-адреси. Цим і займаються сервери служби імен доменів DNS. Наш запит на одержання однієї зі сторінок сервера www.abcde.com спочатку обробляється сервером DNS, і далі він направляється за IР-адресою, а не на доменне ім’я.
Служба передачі файлів (ftp)
Прийом і передача файлів є значним відсотком решти Інтернет - послуг. Необхідність передавати файли виникає, наприклад, при прийомі файлів програм, при пересиланні великих документів (наприклад, книг), а також при передачі архівних файлів, у яких містяться великі обсяги інформації.
Служба FTP має свої сервери у світовій мережі, на яких зберігаються архіви даних. З боку клієнта для роботи із серверами FTP може бути встановлене спеціальне програмне забезпечення, хоча здебільшого браузери WWW мають вбудовані можливості для роботи і за протоколом FTP.
Протокол FTP працює одночасно з двома TСР-з'єднаннями між сервером і клієнтом. Одним з'єднанням іде передача даних, а друге з'єднання використовується як керуюче. Протокол FTP також надає серверу засіб для ідентифікації клієнта, що звернувся. Цим часто користуються комерційні сервери і сервери обмеженого доступу, що поставляють інформацію тільки зареєстрованим клієнтам, — вони видають запит на введення імені користувача і зв'язаного з ним пароля. Однак існують і десятки тисяч FTP-серверів з анонімним доступом для всіх бажаючих. У цьому разі як ім'я користувача треба ввести слово: anonymous, а як пароль – вказати адресу електронної пошти. У більшості випадків програми-клієнти FTP роблять це автоматично.
Розділ 2. Зміст лабораторних робіт Лабораторна робота 1. Створення найпростіших файлів html
Створимо на диску окрему директорію для майбутньої сторінки
М:\ НТМL\
Варіант 1
Відкриємо блокнот (notepad) і скопіюємо туди наступний текст: <html> <head> <title>Мій перший крок </title> </head> <body> Здрастуйте, це моя перша сторінка. <br> Ласкаво просимо! </body> </html>
А тепер збережемо цей документ, давши йому ім'я index.html
М:\ НТМL\ index.html
Html не є мовою програмування, він призначений для розмітки текстових документів (для форматування текста). Який вигляд матиме ваш текст, визначають мітки (tags або тег).
Приклад тега: <br> (перенесення тексту на інший рядок).
Тобто все, що є між < і > - це тег.
Є обов'язкові теги: <html>
Цей тег повинен відкривати документ. Якщо є відкриваючий тег, то повинен бути і закриваючий: </html>
Деякі теги, ніби <br>, не вимагають закриваючого тега.
<head> </head> - голова документа
<body> </body> - тіло документа
Між тегами <head> </head> є службова інформація. Наприклад <title> - заголовок. Між тегами <body> </body> - безпосередній зміст документа.
Використання кольорів.
Зафарбуємо слова «Ласкаво просимо» в червоний колір.
<font color="#CC0000"> Ласкаво просимо! </font>
<html> <head> <title>Мій перший крок </title> </head> <body> Здрастуйте, це моя перша сторінка. <br> <font color="#CC0000"> Ласкаво просимо! </font> </body> </html>
Тег <font></font> - багатофункціональний. Ним може задаватися не тільки колір тексту в конкретній частині документа, але і розмір шрифту, і вид шрифту (Arial).
<body text="#336699"> - це означає, що весь текст сторінки буде синім, окрім тексту, для якого ми спеціально прописали <font></font> (якщо колір в <body> не задавати, то за замовчуванням він буде чорним).
<html> <head> <title>Мій перший крок </title> </head> <body text="#336699"> Здрастуйте, це моя перша сторінка. <br> <font color="#CC0000"> Ласкаво просимо!</font> </body> </html>
Колір фону встановлюється також у тегі <body>: <body bgcolor="#000000">
<html> <head> <title>Мій перший крок </title> </head> <body text="#336699" bgcolor="#000000"> Здрастуйте, це моя перша сторінка. <br> <font color="#CC0000"> Ласкаво просимо!</font> </body> </html>
Зверніть увагу: ми одночасно можемо прописати в тегі <body> і колір тексту в документі, і колір фону
<body text="#336699 bgcolor="#000000">
Параграфи вводяться тегом:
<p></p>
За допомогою параграфів ми можемо центрувати текст:
<p align="center">текст</p>
За допомогою параграфів ми можемо вирівняти текст по лівому краю:
<p align="left">текст</p>
Або по правому краю документа:
<p align="right">текст</p>
Тепер введемо параграфи в наш документ:
<html> <head> <title>Мій перший крок </title> </head> <body text="#336699" bgcolor="#000000"> <p align="center"> Здрастуйте, це моя перша сторінка. <br> <font color="#CC0000"> Ласкаво просимо!</font> </p> </body> </html>
Не забувайте, що текст у документі, якщо не задавати параграфи, завжди вирівнюється за замовчуванням по лівому краю. Також запам'ятайте, що до параграфа вже не потрібний тег <br> для перенесення рядка, оскільки перенесення задається за замовчуванням.
Але що робити, якщо перенесення не потрібне? Є тег альтернативний
<p align="center">: <center>текст</center>
<html> <head> <title>Мій перший крок </title> </head> <body text="#336699" bgcolor="#000000"> <center> Здрастуйте, це моя перша сторінка. <br> <font color="#CC0000"> Ласкаво просимо!</font> </center> </body> </html>
У тега <p> існує ще і четверте значення (атрибут):
<p align="justify">текст</p>
Він вирівнює текст по обох краях документа.
<html> <head> <title>Мій перший крок </title> </head> <body text="#336699" bgcolor="#000000"> <center> Здрастуйте, це моя перша сторінка. <br> <font color="#CC0000"> Ласкаво просимо!</font> </center> <p align="justify">
Я зовсім недавно почав(ла) знайомитися з віртуальним життям, але мені за давньою традицією теж захотілося створити свою домашню сторіночку для моїх нових віртуальних друзів і знайомих, щоб вони могли подивитися мої фотографії, почитати про мене, черкнути пару рядків в мою гостьову книгу. А може і просто випадковий відвідувач раптом захоче познайомиться зі мною, і у мене з’явиться ще один віртуальний друг?
</p> </body> </html>
Використовування заголовків:
<H1> текст </H1>
<H2> текст </H2>
<H3> текст </H3>
<H4> текст </H4>
<H5> текст </H5>
<H6> текст </H6>
<html> <head> <title>Мій перший крок </title> </head> <body text="#336699" bgcolor="#000000"> <center> <H3>Здравствуйте, це моя перша сторінка.</H3> <br> <font color="#CC0000"> Ласкаво просимо!</font> </center> <p align="justify">
Я зовсім недавно почав(ла) знайомитися з віртуальним життям, але мені за давньою традицією теж захотілося створити свою домашню сторіночку для моїх нових віртуальних друзів і знайомих, щоб вони могли подивитися мої фотографії, почитати про мене, черкнути пару рядків у мою гостьову книгу. А може і просто випадковий відвідувач раптом захоче познайомитися зі мною, і у мене з'явиться ще один віртуальний друг?
</p> </body> </html>
Заголовки призначені для виділення невеликої частини тексту (рядки, фрази). Але, якщо потрібно виділити великий фрагмент тексту або тільки одне слово, при цьому без перенесення рядка, використаємо тег<font></font>:
<font size="+4"> текст </font> <font size="+3"> текст </font> <font size="+2"> текст </font> <font size="+1"> текст </font> <font size="+0"> текст </font> <font size="-1"> текст </font> <font size="-2"> текст </font>
Параметр size задає розмір шрифту, але, на відміну від заголовків, текст не виділяється жирним шрифтом і немає примусового перенесення.
<html> <head> <title>Мій перший крок </title> </head> <body text="#336699" bgcolor="#000000"> <center> <H3>Здравствуйте, це моя перша сторінка.</H3> <br> <font color="#CC0000"> Ласкаво просимо!</font> </center> <p align="justify">
Я зовсім недавно почав(ла) знайомитися з віртуальним життям, але мені за давньою традицією теж захотілося створити свою домашню сторіночку для моїх нових віртуальних друзів і знайомих, щоб вони могли подивитися мої фотографії, почитати про мене, черкнути пару рядків у мою гостьову книгу. А може і просто випадковий відвідувач раптом захоче познайомитися зі мною, і у мене з'явиться <font size="+1"> ще один віртуальний друг?
</font> </p> </body> </html>
Курсив, підкреслений текст, жирний текст:
<b> Жирний текст </b> <i> Похилий текст (курсив) </i> <u> Підкреслений текст </u>
<html> <head> <title>Мій перший крок </title> </head> <body text="#336699" bgcolor="#000000"> <center> <H3>Здравствуйте, це моя перша сторінка.</H3> <br> <font color="#CC0000"> Ласкаво просимо!</font> :) </center> <p align="justify">
Я зовсім недавно почав(ла) знайомитися з віртуальним життям, але мені за давньою традицією теж захотілося створити свою домашню сторіночку для моїх нових віртуальних друзів і знайомих, щоб вони могли подивитися мої фотографії, прочитати про мене, черкнути пару рядків у мою гостьову книгу. А може і просто випадковий відвідувач раптом захоче познайомиться зі мною, і у мене з'явиться <b> ще один віртуальний друг? </b>
</p> </body> </html>
Ще один атрибут тега <font>:
<font face="ARIAL"> текст (шрифт Arial)</font>
За допомогою атрибуту face в прикладі задається шрифт Arial. Таким чином можна задати і будь-який шрифт для своєї сторінки.