
|
|
Главная \ Методичні вказівки \ КОМП’ЮТЕРНІ МЕРЕЖІ ТА ТЕЛЕКОМУНІКАЦІЇ
КОМП’ЮТЕРНІ МЕРЕЖІ ТА ТЕЛЕКОМУНІКАЦІЇ« Назад
КОМП’ЮТЕРНІ МЕРЕЖІ ТА ТЕЛЕКОМУНІКАЦІЇ 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-вузла припускає організацію швидкого пошуку необхідної користувачу інформації.
П. Тематика контрольних робітТема кожної контрольної роботи визначається керівником роботи з урахуванням побажань студента, його знань, спеціальності та місця роботи.
Ш. Вимоги до контрольної роботиКонтрольна робота повинна містити:
Контрольна подається в електронному варіанті (на дискеті або диску) та в роздрукованому варіанті (пояснювальна записка - виключно українською мовою), який має містити:
Пояснювальна записка оформляється на листках формату А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 – змінює колір рамки таблиці.
Основна література
Допоміжна література
КомментарииКомментариев пока нет Пожалуйста, авторизуйтесь, чтобы оставить комментарий. |