Написание контрольных, курсовых, дипломных работ, выполнение задач, тестов, бизнес-планов
  • Не нашли подходящий заказ?
    Заказать в 1 клик:  /contactus
  •  
Главная \ Методичні вказівки \ КОМП’ЮТЕРНІ МЕРЕЖІ ТА ТЕЛЕКОМУНІКАЦІЇ

КОМП’ЮТЕРНІ МЕРЕЖІ ТА ТЕЛЕКОМУНІКАЦІЇ

« Назад

КОМП’ЮТЕРНІ МЕРЕЖІ ТА ТЕЛЕКОМУНІКАЦІЇ 24.07.2015 10:24

МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ

НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ ВОДНОГО ГОСПОДАРСТВА ТА ПРИРОДОКОРИСТУВАННЯ

 

Кафедра прикладної математики

 

 

                                       100-87

 

 

 

Методичні вказівки до виконання лабораторних та контрольних робіт  з дисципліни “КОМП’ЮТЕРНІ МЕРЕЖІ ТА ТЕЛЕКОМУНІКАЦІЇ”

для студентів спеціальності 6.050200 “Менеджмент організацій”  

 

 

 

 

 

Затверджено на засіданні

методичної комісії

факультету менеджменту

Протокол № 3     

від  “29”  листопада  2006 р.

 

 

 

 

 

Рівне – 2007


Методичні вказівки до виконання лабораторних та контрольних робіт з дисципліни “Комп’ютерні мережі та телекомунікації” для студентів спеціальності 6.050200 “Менеджмент організацій” /А.М.Рощенюк. – Рівне: НУВГП, 2007.– 13 с.

 

 

 

 

 

 

Упорядник: А.М.Рощенюк – старший викладач кафедри прикладної математики

 

 

Відповідальний за випуск: А.П.Власюк, доктор технічних наук, професор, завідувач кафедри прикладної математики

 

 

 

 

 

 

Зміст

І. Мета і завдання контрольної роботи......................................................3

П. Тематика контрольних робіт..................................................................4

Ш. Вимоги до контрольної роботи.............................................................5

IV. Захист контрольної роботи...................................................................6

V. Приклад розробки власної Web – сторінки

на тему “Зоопарки Рівненщини”..................................................6

Література...................................................................................................13

 

 

 

 

© А.М.Рощенюк, 2007

 

© НУВГП, 2007
І. Мета і завдання контрольної роботи

Згідно з навчальним планом для студентів 3-го курсу спеціальності “Менеджмент організацій” факультету менеджменту передбачено виконання контрольної роботи з дисципліни “Комп’ютерні мережі”.

Виконання цієї роботи є завершальним етапом вивчення дисципліни і має своєю головною метою створення власної Web - сторінки з допомогою Hyper Text Markup Language (HTML), мови гіпертекстової розмітки. Використання і оформлення роботи сприяє розвитку вміння ефективно використовувати ПК для створення Web – сторінок, привчає студентів користуватися навчальними посібниками, довідковою літературою, Internet.

HTML-документи можуть проглядатися різними типами WEB-броузерів. Коли документ створений з використанням HTML, WEB-броузер може інтерпретувати HTML для виділення різних елементів документу і первинної їхньої обробки. Використання HTML дозволяє форматувати документи для їхнього представлення з використанням шрифтів, ліній і інших графічних елементів на будь-якій системі, що їх переглядає.

Мистецтво створення хороших Web – сторінок полягає в хорошій організації інформації. Користувач повинен мати перед очима структуру сторінки або її короткий зміст, для того щоб вибрати те що його цікавить.

Створити HTML-файл можна в будь-якому текстовому редакторі (наприклад: Notepad), але бажано зберегти його у вигляді файлу з розширенням .htm або .html, в залежності від ОС.

 

Сучасні Internet - технології

Для комерційного успіху дуже суттєво, де продавати товар і як його представити. У Web зміст і стиль являються основними рисами. Для досягнення успіху потрібно дати інформацію зацікавленим людям і показати її в такому вигляді, який відповідав би потребам користувача. Якщо Web-сайти вагомі в термінах інформації, розваг чи по іншим критеріям, люди їх знайдуть. Якщо Web-сайти зневажають значенням цих критеріїв, вони як правило залишаються не потрібними.

Щоб ефективно проектувати Web-сторінки, кожний розробник повинен знати відмінності між традиційним дизайном друкарських видань і Web-дизайном. Втім, взявшись за справу, необхідно знати не тільки суть проблем, з якими вам доведеться зіткнутися, але і те, як ці проблеми вирішити.

У даний час пошук ефективних методів Web-проектування ведеться в двох основних напрямах — інформаційний дизайн і практичний дизайн. У результаті цих досліджень були вироблені рекомендації стандартного проектування, які слід враховувати і у створенні Web-сторінок. Нижче наведені деякі з цих рекомендацій:

• Червоний, жовтий і зелений — це найскладніші кольори для сприйняття тексту Web-сторінки. Такі кольори слід використовувати тільки у виняткових випадках або ж зовсім відмовитися від їх застосування.

• Швидкість читання Web-сторінки практично в два рази нижча, ніж швидкість читання сторінки звичайного, друкарського, матеріалу. Враховуючи це співвідношення, потрібно, щоб Web-сторінки не були довгими (не більше двох-трьох екранів монітора по вертикалі). Між текстовими блоками потрібно вставляти таблиці і маркерні списки. Це необхідно для відпочинку очей відвідувачів вашого Web-вузла.

• Анімаційні зображення і текст, що рухається, поза сумнівом, привертають увагу відвідувачів Web-вузла. Але в більшості випадків безперервні рухи під час читання або пошуку, тільки дратують користувача.

• В середньому, під час пошуку необхідної інформації користувач затрачає не більше хвилини. Якщо за цей час отримати її не вдасться (навіть якщо на вашому Web-вузлі є та інформація, що цікавить користувача), користувач звернеться до іншого Internet-ресурсу. Тобто, грамотний проект Web-вузла припускає організацію швидкого пошуку необхідної користувачу інформації.

 

П. Тематика контрольних робіт

Тема кожної контрольної роботи визначається керівником роботи з урахуванням побажань студента, його знань, спеціальності та місця роботи.

  1. Агентство в сфері страхування “Еліта”.
  2. Басейн “Дильфін” запрошує.
  3. Бібліотека НУВГП.
  4. Вивчення цін на ринках міста.
  5. Випуску та реалізації продукції підприємством.
  6. Діяльність філій Приватбанку.
  7. Історія факультету менеджменту.
  8. Каталог аудіокасет.
  9. Кінотеатр “Україна” запрошує.
  10. Команда КВК факультету.
  11. Кондитерська корпорація “ROSHEN”.
  12. Косметична фірма “Лілія”.
  13. Моя спеціальність менеджер.
  14. Облік пункту прокату.
  15. Підручниками по моїй спеціальності.
  16. Послуг майстерні по ремонту.
  17. Реєстр підприємств міста.
  18. Реєстрація автомобілів, що виїжджають за кордон.
  19. Рух автобусів по місту.
  20. Спеціальність “Менеджмент організацій”.
  21. Стипендіати факультету менеджменту.
  22. Фестиваль “Бурштинові зорі”.
  23. Фільмотека.

 

Ш. Вимоги до контрольної роботи

Контрольна робота повинна містити:

  • Ø не менше 5-6 Web – сторінок;
  • Ø розпочинатися з теми, емблеми фірми (малюнка), відомостей про фірму та про її керівника (1 ст.);
  • Ø має бути передбачений перехід на 2-гу Web – сторінку, яка має містити фрейм; в першій частині якого має бути перелік пунктів плану спискового (маркерного) типу, а в другій перехід на самі сторінки;
  • Ø назва кожної сторінки має відповідати темі розкритій на цій сторінці, містити заголовки;
  • Ø набраний текст повинен бути з абзаців, іншим шрифтом, стилем, розміром, кольором, розміщеним по різному відносно границь листка;
  • Ø передбачити фонові малюнки та малюнки в самій Web - сторінці;
  • Ø передбачити гіпертекстові посилання на створені Web – сторінки та на інші;
  • Ø має бути побудована таблиця даних, не менше 4 стовпчиків та 5 рядочків.

Контрольна подається в електронному варіанті (на дискеті або диску) та в роздрукованому варіанті (пояснювальна записка - виключно українською мовою), який має містити:

  • Ø титульний лист;
  • Ø зміст (з вказанням сторінок);
  • Ø вступ (короткий виклад важливості розв’язуваного класу задач та доцільності її реалізації на ПК);
  • Ø текст самої програми з поясненнями до неї (написаний від руки або надрукований);
  • Ø інструкцію користувача, в якій міститься пояснення щодо правил користування;
  • Ø висновки;
  • Ø список використаної літератури;
  • Ø додатки (зовнішній вигляд Web – сторінок: вихідної, меню та таблиці);
  • Ø дискету (диск).

Пояснювальна записка оформляється на листках формату А4, що зверху нумеруються і зшиваються з лівої сторони. Ліве поле має бути від 25 до 30 мм, праве – не менше 10 мм. Виконується без використання спеціальних програм для створення Web – сторінок.

IV. Захист контрольної роботи

Оформлена контрольна робота подається студентом разом з текстом програми до захисту на кафедру. Захист роботи проходить у формі співбесіди. Під час захисту потрібно коротко розповісти про зміст роботи, запустити Web – сторінку та показати як вона працює. На поставлені запитання по виконанню роботи студент повинен дати вичерпні відповіді. При захисті студент повинен знати теги, які він використовував для створення Web – сторінок.

Мета опитування полягає у встановленні глибини засвоєння студентом відповідного матеріалу, ступеня самостійності її виконання та напряму впливатиме на екзаменаційну оцінку. При оцінюванні роботи враховується якість та своєчасність її виконання і оформлення.

 

 

V. Приклад розробки власної Web – сторінки на тему “Зоопарки Рівненщини”

Титульний листок “Про зоопарк”

<html>

<head>

<title>Моя сторінка </title>

</head>

<body text="#800000" bgcolor="#ooffff" vlink=#800000>

<center><font size=8><b><i><u>Друзі!</u></i></b> </font>

<font size=6> <a href=men.htm> Завітайте до нас.</a></font></center>

<p align="justify"><img src="mal/0053.jpg" align="left" HSPACE=30 VSPACE=5 alt="зоопарк"> <br>

<hr color=cococo><br>

<font size=5 color=red><b> <pre> Рівненський зоопарк </pre>

<font color=0000ff> з радістю познайомить Вас з своїми мешканцями, казковим раєм, світом прекрасного та незвичного, флора та фауна нашого регіону розкриється перед у всій своїй красі.</b></font></br></p>

<hr color=cococo><br>

<font size=5 color=707070> Працівниками зоопарку щорічно проводиться велика наукова та освітня робота по збереженню живої природи, вихованню молоді та організації дозвілля жителів міста. Тому варто час від часу заходити до зоопарку: гарне дозвілля та приємний настрій після цього гарантований.

</body>

</html>

 

Структура документу

<HTML> ...тіло документа... </HTML>

Найчастіше, але не обов’язково, документ складається з наступних частин:

-      заголовок – назва даного документу;

-      тіло документу – його зміст;

-      закінчення – вказується дата створення документу, його автор чи номер версії.

 

<HTML></HTML> - почато-кінець документу;

<HEAD></HEAD> - подає загальну інформацію про файл і не відображається в самому документі:

<TITLE></TITLE> - визначає назву (заголовок) документу;

<META></META> - повідомляє броузеру додаткову інформацію про документ;

<BASE></BASE>  -  задає базовий адрес документу;

<STYLE></STYLE> - визначає загальний вигляд документу;

<BODY></BODY> - визначає основну частину Web-сторінки, вказує на початок і кінець текстової та графічної інформації, що відображається. Тіло документа може містити посилання на інші документи, текст і іншу інформацію.

Введення і форматування тексту

Н1-Н6  -  підтримують шість рівнів заголовків;

<HR> - дескриптор горизонтальної лінії:

SIZE – визначає товщину горизонтальної лінії;

WIDTH - визначає довжину горизонтальної лінії;

ALIGN - визначає спосіб вирівнювання лінії;

NOSHADE - визначає чорну лінію без ефектів гранування.

 

<P> - дескриптор абзацу;

<!--Текст коментарів-->;

<B> - напівжирним шрифтом;

<I> - курсивом;

<TT> - моноширним шрифтом;

<U> - підкреслити;

<SUP> - надстроковий;

<SUB> - підстроковий;

<STRIKE> - закреслити;

<BIG> - великим;

<SMALL> - малим.

<PRE></PRE>- контейнер форматування тексту;

<FONT SIZE=”значення”> - змінює розмір шрифту;

<HnALING=вираз> - дескриптор заголовку;

<P    ALING=вираз> - дескриптор абзацу;

Параметр вираз може приймати значення: LEFT (по лівому краю), RIGHT (по правому краю), CENTER (по центру).

<BR> - перехід на наступний рядок, аналог Enter.

 

Меню програми

<html>

<head>

<title>Меню-фрейм</title>

<frameset cols="22%,*" border="0">

<frame src="z.htm" scrolling="no" marginheight="0" marginwidth="0">

<frame src="ict.htm" name="window-1">

</frameset>

</head>

</html>

 

Фрейми – це ще один спосіб створення унікального інтерфейсу Web-сервера, розділивши сторінку на частини, в кожній з яких можна створити окремий інтерфейс і оновити кожну сторінку окремо.

<FRAMESET>...</FRAMESET> - використовують для створення фреймів.

ROWS – розділяє сторінку по горизонталі.

COLS – розділяє сторінку по вертикалі.

FRAME - визначає, що саме ми хочемо завантажити в конкретний фрейм.

MARGINWIDTH, MARGINHEIGHT – використовують для визначення правого/лівого та верхнього/нижнього полів тексту або графіки.

SCROLLING – приймає значення yes, no та auto. Дозволяє визначити будуть присутні лінії прокрутки чині.

NORESIZE – використовується для жорсткого закріплення границь фрейма.

 

Програма z.htm {пункти меню програми}

<html>

<head><title>Зоопарк</title></head>

<body text=#002040 vlink=#d7eef9 alink=#4e441d link=white bgcolor=#899ac1 background="mal/bg_blue.jpg">

<table border bordercolor=#899ac1>

<tr><img src="mal/zoos_tr.jpg"><br><img src="mal/zoos_br.jpg"> </tr> </table>

<ul>

<li> <a href=ict.htm target="window-1"><font size=5><b> Історія зоопарку </b> </font> </a> <br>

<li> <a href=foto.htm target="window-1"><font size=5><b> Фото-галерея </b> </font> </a> <br>

<li> <a href=nov.htm target="window-1"><font size=5><b> Новини </b> </font> <br>

<li> <a href=kar.htm target="window-1"><font size=5><b> Карта </b> </font> <br>

 </ul>

</body>

</html>

 

Основні атрибути списку

OL - упорядкований (нумерований) список;

UL - неупорядкований список;

DL - список визначення;

LI– використовують для визначення одного елемента списку.

<AHREF=“URL”>текст посилання</A> - використовують для створення гіперпоси-лання на іншу Web-сторінку.

<A HREF=#інше> Додаткові відомості </A> - об’єктна прив’язка;

<A NAME="інше"> Відомості про FTR</A> - відповідне ім’я об’єкту.

 

 

Програма ict.htm {Історія зоопарку}

<html>

<head><title>Історія Рівненського зоопарку</title></head>

<body text="#ofofof" bgcolor=008080>

<center><font size=5 color=blue><b>Історія зоопарку</b></font></center>

<p align="justify"><img src="mal/zoo_old.jpg" align="left" HSPACE=30 VSPACE=5 alt="зоопарк"> <br>

<font size=4 color=red> Рівненський зоологічний парк було створено 1982 року з ініціативи товариства охорони природи та міськвиконкому. Ще до недавнього часу це був наймолодший зоопарк нашої країни (нещодавно створено іще один – у Ялті, проте він відрізняється від усіх інших тим, що належить приватній особі) і до цього часу залишається одним з найкращих. Протягом десяти років зоокуток, як структурний підрозділ об’єднання парків культури, розбудовувався, поповнювалась колекція тварин, проводився благоустрій території. І лише 1992 року зоопарк зареєстровано як юридичну особу і передано в користування земельну ділянку площею 11,17 га в урочищі Басівщина. Завдяки цьому, до речі, було збережено єдиний унікальний лісовий масив у межах міста, з історичною назвою „Сосонки”. У тому ж році було відкрито тераріум, де відвідувачі можуть помилуватися екзотичними плазунами.<br>

В 1998 році Указам Президента України Рівненському зоопарку присвоєно статус загальнодержавного значення, а його територію визнано об’єктом природно-заповідного фонду України. На сьогоднішній день у зоопарку утримується 148 видів тварин (усього 673 особини). З них 7 занесено до Червоної книги України, 39 видів – до Міжнародних Червоних Книг. До речі, на харчування хижих тварин у зоопарку щодня йде до 60 кг м’яса, а асортимент кормів представлений 40 найменуваннями – від свіжого м’яса до пацюків та тарганів, які розводяться прямо на місці.

</font>

</body>

</html>

 

 

Програма foto.htm {Фото-галерея}

<html>

<head><title>Фото-галерея</title></head>

<body text=#000055 background=mal/dolphins.jpg>

<p align=center> <font size=8><b><i> Наші питомці </i></b></font>

<br><br><p align=center>

<img src="mal/0001.jpg" height=120> <img src="mal/0002.jpg" height=120>

<img src="mal/0004.jpg"  height=120> <img src="mal/0005.jpg" height=120> <img src="mal/0006.jpg" height=120> <img src="mal/0007.jpg" height=120>

<img src="mal/0008.jpg" height=120> <img src="mal/0009.jpg" height=120>

<img src="mal/0010.jpg" height=120> <img src="mal/0011.jpg" height=120>

<img src="mal/0012.jpg" height=120> <img src="mal/0013.jpg" height=120>

</body>

</html>

 

 

<IMG SRC=зображення> - використовують  для вставки графічного зображення.

Атрибут VSPACE - призначений для визначення простору над і під зображенням, а атрибут HSPACE – для визначення простору справа і зліва від зображення. Величини HEIGHT та WIDTH визначають розмір прямокутника в який буде завантажений малюнок.

 

 

 

Програма nov.htm {Новини}

<html>

<head><title>Новини Рівненського зоопарку</title></head>

<body text="#ffffff" background=mal/20b.jpg>

<center><font size=5 color=blue> <b> <u> Н о в и н и </u> </b> </font>

<p align="justify"><img src="mal/0014.jpg" align="left" HEIGHT=250>

Чи виживе ведмідь за рахунок відвідувачів зоопарку?<br>

Цьогорічний рівень фінансування Рівненського зоопарку (який, до речі, має статус закладу загальнодержавного значення) скоротився майже на сто тисяч гривень у порівнянні з минулим роком. На думку директора Рівненського зоопарку Олега Павлюка, цих коштів, виділених з міського бюджету, ледь вистачить на те, щоб прогодувати звірів у зимовий період. Тому влітку доведеться розраховувати на власні сили і виживати за рахунок відвідувачів. <br>

— Продавати або передавати тварин в інші зоопарки через поганий рівень фінансування ми не будемо, — запевнив пан Павлюк. — Однак ми не виключаємо можливості, хоч і не значного, та все ж збільшення цін на квитки.

</body>

</html>

 

Програма kar.htm {Карта}

<html>

<head><title>Карта зоопарків</title></head>

<body text="#ofofof" background=mal/cradle.jpg>

<center> <font size=5 color=blue> <b> <i> <u> К а р т а </u> </i> </b> </font> </center>

<p align="justify"><img src="mal/map.gif" align="left" HEIGHT=250> <br>

<p align=center><font  size=5 color=fffff><b>Рівненський державний зоопарк відкритий у 1982 р.</b></font><br>

<pre><font  size=2 color=800080><b>Зоопарк розташований за адресою:

33027 Рівне, вул. Київська, 110.

Тел.: (10380362-) 28-84-83,                 28-86-47     Факс: (10380362-) 28-84-83 </font>

E-mail: <br><font  size=5 color=ffffff><u>zoo@PRIOX.RIVNE.com </u></font> </b> </pre> <br>

<font  size=5 color=ffff00> Директор: </font><font  size=5 color=00ff00>Оле Васильович Павлюк </font><br>

<font  size=5 color=ffff00>Зам. директори по зоочастині: </font>

<font  size=5 color=00ff00>Ірина Василівна Прачковська</font><br>

<font  size=5 color=ffff00> Вет. лікар: </font>

<font  size=5 color=00ff00>Олексій Володимирович Онопрійчук </font><br>

<font size=4 color=ff00ff>Штат - 42 чіл. <br> Площа - 11,6 га. <br> Відвідуваність - 64000 чол. </font><br>

<p align=center>

<table border=5 bordercolor=blue width=70% aligh=center>

<caption> <font color=ffffff>Колекція: </font></caption>

<tr >

<th bgcolor=770000 align=center><font color=00ffff>Назви </font>

<th bgcolor=yellow align=center><font color=00ffff>К-ть видів </font>

<th bgcolor=0000ff align=center><font color=00ffff>К-ть екземплярів </font>

</tr>

<tr>

    <td align=center>  <font color=00ffff>Савці</font>

    <td align=center>  <font color=00ffff>36</font>

    <td align=center>  <font color=00ffff>99</font>

</tr>

<tr>

    <td align=center>  <font color=00ffff>Птахи</font>

    <td align=center>  <font color=00ffff>35</font>

    <td align=center>  <font color=00ffff>191</font>

</tr>

<tr>

    <td align=center>  <font color=00ffff>Рептилії</font>

    <td align=center>  <font color=00ffff>29</font>

    <td align=center>  <font color=00ffff>80</font>

</tr>

<tr>

    <td align=center>  <font color=00ffff>Амфібії</font>

    <td align=center>  <font color=00ffff>4</font>

    <td align=center>  <font color=00ffff>30</font>

</tr>

<tr>

    <td align=center>  <font color=00ffff>Риби</font>

    <td align=center>  <font color=00ffff>28</font>

    <td align=center>  <font color=00ffff>292</font>

</tr>

<tr>

    <td align=center>  <font color=00ffff>Безхребетні</font>

    <td align=center>  <font color=00ffff>10</font>

    <td align=center>  <font color=00ffff>...</font>

</tr></table>

<center><font zise=5 color=ffffff>Усього: 142 виду, 692 экз. </font></center>

</body>

</html>

 

Основні атрибути таблиці

<TABLE>...</TABLE>  -  тєг, який описує таблицю. По замовчуванню таблиця не має обрамлення воно добавляється атрибутом BORDER.

<TR>...</TR> - кількість рядочків таблиці визначається кількістю пар тег.

<TD>...</TD> - клітинки таблиці.

<TH>...</TH> - заголовок таблиці.

<CAPTION>...</CAPTION> - назва таблиці (підпис).

<THEAD>...</THEAD>, <TBODY>...</TBODY>, <TFOOT>...</TFOOT> - це контейнери, які дозволяють додатково структурувати таблицю; з їх допомогою можна визначити групу рядочків або стовпчиків і примінити цю групу всередині таблиці.

BORDER – відображає всі рамки таблиці;

VALIGN – визначає вертикальне розміщення даних в клітинці;

COLSPAN – вказує, яка кількість клітинок буде об’єднана по горизонталі;

ROWSPAN - вказує, яка кількість клітинок буде об’єднана по вертикали;

COLSPEC - дозволяє задавати фіксовану ширину стовпчиків або в символах, або в процентах;

BGCOLOR – закрашує таблицю;

BORDERCOLOR – змінює колір рамки таблиці.

 

Основна література

  1. Kevin Werbach. Перевод: Станислав Малишев. - Краткое пособие по HTML, Москва 2001.
  2. Левин "Internet для чайников", Москва. 2004.

 

Допоміжна література
  1. Ботт Э., Леонард В. Использование  Microsoft  Office  2000: Спец. издание. — М.: Издат. дом "Вильяме", 2000.
  2. Вакал Е.С, Тригуб А.С. Основы работы на персональном компьютере: Курс лекций для студентов колледжа. К.: МАУП, 1998.
  3. Вакал Е.С., Карпенко С.Г., Самсоноеа Л.Р. Основы информатики. — К.: МАУП, 1998.

Комментарии


Комментариев пока нет

Пожалуйста, авторизуйтесь, чтобы оставить комментарий.

Авторизация
Введите Ваш логин или e-mail:

Пароль :
запомнить