 |
Комментированый исходный код решения
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">//Переходный синтаксис XHTML
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" >//Этот дескриптор с атрибутами, служит для обозначения начала и конца веб-странички
<head>//Предназначен для хранения других элементов, цель которых - помочь браузеру в работе с данными
<base href="http://mks.zz.mu/" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />//предназначен для передачи служебной информации браузеру
<meta name="generator" content="Joomla! - Open Source Content Management" /> //определяет список ключевых слов, используемых на данной странице
<title>Главная</title> >//Определяет заголовок документа
<link href="/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> //подключения модуля RSS-лента
<link href="/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<link href="http://mks.zz.mu/index.php/component/search/?format=opensearch" rel="search" title="Искать modseti" type="application/opensearchdescription+xml" />
<script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
<script src="/media/system/js/core.js" type="text/javascript"></script>
<script src="/media/system/js/caption.js" type="text/javascript"></script>
<script src="/media/system/js/mootools-more.js" type="text/javascript"></script>
<script type="text/javascript">.addEvent('load', function() {JCaption('img.caption');
});function keepAlive() { var myAjax = new Request({method: "get", url: "index.php"}).send();} window.addEvent("domready", function(){ keepAlive.periodical(840000); });
</script>
<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/templates/a4joomla-contrast-free/css/template.css" type="text/css" />
<link rel="stylesheet" href="/templates/a4joomla-contrast-free/css/color1.css" type="text/css" />
|
|
|
<!--[if IE 6]>
<link rel="stylesheet" href="/templates/a4joomla-contrast-free/css/ie6.css" type="text/css" />
<style type="text/css">, div, a, input { behavior: url(/templates/a4joomla-contrast-free/iepngfix.htc) }
#search input.inputbox { behavior:none;}
</style>
<script src="/templates/a4joomla-contrast-free/js/iepngfix_tilebg.js" type="text/javascript"></script>
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" href="/templates/a4joomla-contrast-free/css/ie67.css" type="text/css" />
<![endif]-->
<!--[if lte IE 8]>
<style type="text/css">
#search input.inputbox { behavior: url(/templates/a4joomla-contrast-free/js/PIE.php) }
</style>
<![endif]-->
<style type="text/css">
#logo {:500px;
}
#headerright {:500px;
}
#slideshow-container {:1020px;:442px;
}
#slideshow-container img {:1020px;:442px;
}
#slcontrol {:1020px;:44.343891402715%;
}#slprev {: url("/templates/a4joomla-contrast-free/images/previous-white.png") no-repeat scroll left center transparent;
}#slnext {: url("/templates/a4joomla-contrast-free/images/next-white.png") no-repeat scroll right center transparent;
}
</style>
<script src="/templates/a4joomla-contrast-free/js/verysimpleslideshow.js" type="text/javascript"></script>
<script type="text/javascript">.addEvent('domready',function() {slideshow = new VerySimpleSlideshow({: 'slideshow-container',: '#slideshow-container img',: true,: 4000,: 800 });.start();
});
</script>
</head>
<body>
<div id="allwrap" class="gainlayout" style="width:1100px;">
<div id="header" class="gainlayout">
<div id="logo" class="gainlayout">
<h2><a href="http://mks.zz.mu/" title="CONTRAST">Модернизация компьютерной сети</a></h2>
<h3> </h3>
</div>
<div id="headerright" class="gainlayout">
<div id="hsocial" class="gainlayout">
<div id="search" class="gainlayout">
<div class="moduletable">
<h3>Поиск</h3>
<form action="/index.php" method="post">
<div class="search">
<label for="mod-search-searchword">Искать...</label><input name="searchword" id="mod-search-searchword" maxlength="20" class="inputbox" type="text" size="20" value="Поиск..." onblur="if (this.value=='') this.value='Поиск...';" onfocus="if (this.value=='Поиск...') this.value='';" /> <input type="hidden" name="task" value="search" />
<input type="hidden" name="option" value="com_search" />
<input type="hidden" name="Itemid" value="101" />
|
|
|
</div>
</form>
</div>
<div class="clr"></div>
</div>
<a class="myyoutube" href="http://www.youtube.com/"><img src="/templates/a4joomla-contrast-free/images//youtube.png" border="0" alt="Youtube" title="Youtube" /></a>
<a class="myfeed" href="http://yourfeed.com/"><img src="/templates/a4joomla-contrast-free/images//feed.png" border="0" alt="Feed" title="Feed" /></a>
<a class="mytwitter" href="https://twitter.com/"><img src="/templates/a4joomla-contrast-free/images//twitter.png" border="0" alt="Twitter" title="Twitter" /></a>
<a class="mygoogle" href="http://plus.google.com/"><img src="/templates/a4joomla-contrast-free/images//google.png" border="0" alt="Google plus" title="Google plus" /></a>
<a class="myfacebook" href="http://www.facebook.com/"><img src="/templates/a4joomla-contrast-free/images//facebook.png" border="0" alt="Facebook" title="Facebook" /></a>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div id="topmenuwrap" class="gainlayout">
<div id="topmenu" class="gainlayout">
<div class="moduletable">
<h3>Верхнее</h3>
<ul class="menu">
<li class="item-101 current active"><a href="/" >Главная</a></li><li class="item-102"><a href="/index.php/o-nas" >О нас</a></li><li class="item-104"><a href="/index.php/kontakty" >Контакты</a></li></ul>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div id="wrap" class="gainlayout">
<div id="slideshow-container"><img src="/templates/a4joomla-contrast-free/images/sampledata/123.jpg" alt="123.jpg" /><img src="/templates/a4joomla-contrast-free/images/sampledata/ethernet-spark-2560x1440.jpg" alt="ethernet-spark-2560x1440.jpg" /><img src="/templates/a4joomla-contrast-free/images/sampledata/internet.jpg" alt="internet.jpg" /><div id="slcontrol"> </div></div>
<div id="pathway" class="gainlayout">
<div class="breadcrumbs">
<span class="showHere">Вы здесь: </span><span>Home</span></div>
<div class="clr"></div>
</div>
<div id="cbody" class="gainlayout">
<div id="sidebar" style="width:170px;">
<div class="moduletable_menu">
<h3>Главное меню</h3>
<ul class="menu">
<li class="item-107"><a href="/index.php/kompyuternaya-set" >Компьютерная сеть</a></li><li class="item-105 parent"><a href="/index.php/setevaya-model-osi" >Сетевая модель OSI</a></li><li class="item-106"><a href="/index.php/sredy-peredachi-dannykh" >Среды передачи данных</a></li><li class="item-108"><a href="/index.php/modernizatsiya-ks" >Модернизация КС</a></li><li class="item-109"><a href="/index.php/proektirovanie-i-montazh-lvs" >Проектирование и монтаж ЛВС</a></li></ul>
|
|
|
</div>
<div class="moduletable">
<h3>Авторизация</h3>
<form action="/index.php" method="post" id="login-form" >
<fieldset class="userdata">
<p id="form-login-username">
<label for="modlgn-username">Логин</label>
<input id="modlgn-username" type="text" name="username" class="inputbox" size="18" />
</p>
<p id="form-login-password">
<label for="modlgn-passwd">Пароль</label>
<input id="modlgn-passwd" type="password" name="password" class="inputbox" size="18" />
</p>
<p id="form-login-remember">
<label for="modlgn-remember">Запомнить меня</label>
<input id="modlgn-remember" type="checkbox" name="remember" class="inputbox" value="yes"/>
</p>
<input type="submit" name="Submit" class="button" value="Войти" />
<input type="hidden" name="option" value="com_users" />
<input type="hidden" name="task" value="user.login" />
<input type="hidden" name="return" value="aW5kZXgucGhwP0l0ZW1pZD0xMDE=" />
<input type="hidden" name="0dfb30e5664490fba857206c5f00c4e7" value="1" /> </fieldset>
<ul>
<li>
<a href="/index.php/component/users/?view=reset">
Забыли пароль?</a>
</li>
<li>
<a href="/index.php/component/users/?view=remind">
Забыли логин?</a>
</li>
<li>
<a href="/index.php/component/users/?view=registration">
Регистрация</a>
</li>
</ul>
</form>
</div>
</div>
<div id="content60" style="width:600px;">
<div id="content" class="gainlayout">
<div id="system-message-container">
</div>
<div style="height: 4px; overflow: hidden;position:absolute;"><span style="line-height:20px;">Уроки по Joomla можно найти здесь: <a href="http://joomla25.ru/">http://joomla25.ru/</a></span></div> <div class="blog-featured">
<h1>
Главная </h1>
<div class="items-leading">
<div class="leading-0">
<h2>
<a href="/index.php/proektirovanie-i-montazh-lvs">
Проектирование и монтаж ЛВС</a>
</h2>
<ul class="actions">
<li class="print-icon">
<a href="/index.php/proektirovanie-i-montazh-lvs?tmpl=component&print=1&page=" title="Печать" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,return false;" rel="nofollow"><img src="/media/system/images/printButton.png" alt="Печать" /></a> </li>
|
|
|
<li class="email-icon">
<a href="/index.php/component/mailto/?tmpl=component&template=a4joomla-contrast-free&link=ea62a1885a212c59b0b9ffce4a7e6bc769ca7fba" title="E-mail" onclick="window.open(this.href,'win2','return false;"><img src="/media/system/images/emailButton.png" alt="E-mail" /></a> </li>
</ul>
<dl class="article-info">
<dt class="article-info-term">Подробности</dt>
<dd class="category-name">
Категория: <a href="/index.php/8-glavnaya">Главная</a> </dd>
<dd class="published">
Опубликовано 05.11.2014 15:55 </dd>
<dd class="createdby">
Автор: Super User </dd>
<dd class="hits">
Просмотров: 22 </dd>
</dl>
<p><span style="font-size: medium; color: #333333;">Проектирование и монтаж ЛВС - это основные и наиболее сложные этапы построения локальной сети.</span><br /><br /><span style="font-size: medium; color: #333333;">Создание любой сети начинается с разработки проекта. Проект локальной сети необходимо создавать обдуманно. Стоит учесть максимальную экономичность сети, а также возможность масштабирования и добавления новых элементов, сервисов и приложений. Для объемной локальной сети нужно учесть возможность независимого управления и мониторинга.</span></p>
<p class="readmore">
<a href="/index.php/proektirovanie-i-montazh-lvs">
Подробнее: Проектирование и монтаж ЛВС</a>
</p>
<div class="item-separator"></div>
</div>
</div>
<div class="items-row cols-3 row-0">
<div class="item column-1">
<h2>
<a href="/index.php/kompyuternaya-set">
Компьютерная сеть</a>
</h2>
<ul class="actions">
<li class="print-icon">
<a href="/index.php/kompyuternaya-set?tmpl=component&print=1&page=" title="Печать" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,return false;" rel="nofollow"><img src="/media/system/images/printButton.png" alt="Печать" /></a> </li>
<li class="email-icon">
<a href="/index.php/component/mailto/?tmpl=component&template=a4joomla-contrast-free&link=73873266aeb986f9d72080c871b3e52e4e107c13" title="E-mail" onclick="window.open(this.href,'win2','return false;"><img src="/media/system/images/emailButton.png" alt="E-mail" /></a> </li>
</ul>
<dl class="article-info">
<dt class="article-info-term">Подробности</dt>
<dd class="category-name">
Категория: <a href="/index.php/8-glavnaya">Главная</a> </dd>
<dd class="published">
Опубликовано 03.11.2014 09:37 </dd>
<dd class="createdby">
Автор: Super User </dd>
<dd class="hits">
Просмотров: 62 </dd>
</dl>
<p><span style="color: #333333; font-size: medium;"><strong>Компьютерная сеть</strong> (<strong>вычислительная сеть</strong>, <strong>сеть передачи данных</strong>) - система связи компьютеров или вычислительного оборудования (серверы,маршрутизаторы и другое оборудование). Для передачи данных могут быть использованы различные физические явления, как правило - различные видыэлектрических сигналов, световых сигналов или электромагнитного излучения.</span></p>
|
|
|
<p class="readmore">
<a href="/index.php/kompyuternaya-set">
Подробнее: Компьютерная сеть</a>
</p>
<div class="item-separator"></div>
</div>
<div class="item column-2">
<h2>
<a href="/index.php/sredy-peredachi-dannykh">
Среды передачи данных</a>
</h2>
<ul class="actions">
<li class="print-icon">
<a href="/index.php/sredy-peredachi-dannykh?tmpl=component&print=1&page=" title="Печать" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,return false;" rel="nofollow"><img src="/media/system/images/printButton.png" alt="Печать" /></a> </li>
<li class="email-icon">
<a href="/index.php/component/mailto/?tmpl=component&template=a4joomla-contrast-free&link=ad7620d2ceb6fa9d37b0f67a67717f26ef16faa8" title="E-mail" onclick="window.open(this.href,'win2','return false;"><img src="/media/system/images/emailButton.png" alt="E-mail" /></a> </li>
</ul>
<dl class="article-info">
<dt class="article-info-term">Подробности</dt>
<dd class="category-name">
Категория: <a href="/index.php/8-glavnaya">Главная</a> </dd>
<dd class="published">
Опубликовано 03.11.2014 09:22 </dd>
<dd class="createdby">
Автор: Super User </dd>
<dd class="hits">
Просмотров: 46 </dd>
</dl>
<p align="justify"><span style="font-size: medium; color: #333333;">В зависимости от среды передачи данных линии связи разделяются на следующие:</span></p>
<ul>
<li><span style="font-size: medium; color: #333333;">проводные (воздушные);</span></li>
<li><span style="font-size: medium; color: #333333;">кабельные (медные и волоконно-оптические);</span></li>
<li><span style="font-size: medium; color: #333333;">радиоканалы наземной и спутниковой связи.</span></li>
</ul>
<p align="justify"><span style="font-size: medium; color: #333333;"> </span></p>
<p class="readmore">
<a href="/index.php/sredy-peredachi-dannykh">
Подробнее: Среды передачи данных</a>
</p>
<div class="item-separator"></div>
</div>
<div class="item column-3">
<h2>
<a href="/index.php/setevaya-model-osi">
Сетевая модель OSI</a>
</h2>
<ul class="actions">
<li class="print-icon">
<a href="/index.php/setevaya-model-osi?tmpl=component&print=1&page=" title="Печать" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,return false;" rel="nofollow"><img src="/media/system/images/printButton.png" alt="Печать" /></a> </li>
<li class="email-icon">
<a href="/index.php/component/mailto/?tmpl=component&template=a4joomla-contrast-free&link=9af399f7f9a2f7c4f24bfd46dabb0cfa1877efff" title="E-mail" onclick="window.open(this.href,'win2','return false;"><img src="/media/system/images/emailButton.png" alt="E-mail" /></a> </li>
</ul>
<dl class="article-info">
<dt class="article-info-term">Подробности</dt>
<dd class="category-name">
Категория: <a href="/index.php/8-glavnaya">Главная</a> </dd>
<dd class="published">
Опубликовано 03.11.2014 09:10 </dd>
<dd class="createdby">
Автор: Super User </dd>
<dd class="hits">
Просмотров: 54 </dd>
</dl>
<h1><span style="font-size: large; font-family: arial, helvetica, sans-serif; color: #333333;"><strong>Сетевая модель OSI</strong></span></h1>
<p><span style="font-size: medium; color: #333333;"> </span></p>
<p><span style="font-size: medium; color: #333333;">Модель взаимодействия открытых систем - <strong>OSI </strong><em>{Open Systems Interconnection), </em>созданную в международной организации по стандартизации ISO в 1984 году. Согласно этой модели передаваемая по сети информация должна пройти семь уровней.</span></p>
<p class="readmore">
<a href="/index.php/setevaya-model-osi">
Подробнее: Сетевая модель OSI</a>
</p>
<div class="item-separator"></div>
</div>
<span class="row-separator"></span>
</div>
<div class="pagination">
<p class="counter">
Страница 1 из 2 </p>
<ul><li class="pagination-start"><span class="pagenav">В начало</span></li><li class="pagination-prev"><span class="pagenav">Назад</span></li><li><span class="pagenav">1</span></li><li><a title="2" href="/index.php?start=4" class="pagenav">2</a></li><li class="pagination-next"><a title="Вперёд" href="/index.php?start=4" class="pagenav">Вперёд</a></li><li class="pagination-end"><a title="В конец" href="/index.php?start=4" class="pagenav">В конец</a></li></ul> </div>
</div>
</div>
</div>
<div id="sidebar-2" style="width:170px;">
<div class="moduletable">
<h3>Кто на сайте</h3>
<p>Сейчас один гость и ни одного зарегистрированного пользователя на сайте</p>
</div>
</div>
<div class="clr"></div>
</div>
<!--end of wrap-->
</div>
<!--end of allwrap-->
</div>
<div id="footerwrap" class="gainlayout" style="width:1100px;">
<div id="footer" class="gainlayout">
</body>
</html>
ЗАКЛЮЧЕНИЕ
В данном курсовом проекте разработан информационный web-узел "Модернизация компьютерной сети", который создан при помощи языков программирования HTML, CSS, PHP. С помощью прикладного ПО Joomla разработана структура сайта, и наполнение его содержимым.
Подключены модули: поиска и авторизации.
Данный web-узел является информационным, предоставляет пользователю информацию компьютерных сетях и её улучшения.
В ходе выполнения проекта были проведены работы, которые способ-ствовали улучшению навыков в области разработки web-узла.
В итоге все требования поставленные в начале курсового проекта были реализованы.
ЛИТЕРАТУРА
1. Рамел Н. "Самоучитель Joomla!" 2010г., 350 стр.
2. Линн Б., Моррисон М. "Изучаем PHP и MySQL" 2010г., 800стр.
3. Сайт "Википедия - свободная энциклопедия": http://ru.wikipedia.org
4. Сайт "Компьютерные сети": http://www.inf1.info
. Сайт "Сетевые решения": http://www.nestor.minsk.by/
ГРАФИЧЕСКАЯ ЧАСТЬ
Графическая часть страницы "Главная" (Рисунок 2)
Рисунок 2
Графическая часть страницы "Контакты" (Рисунок 3)
Рисунок 3
Графическая часть страницы "О нас" (Рисунок 4)
Рисунок 4
|
|
|
