Главная | Обратная связь | Поможем написать вашу работу!
МегаЛекции

Комментированый исходный код решения




 

<!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&amp;type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> //подключения модуля RSS-лента

<link href="/index.php?format=feed&amp;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&amp;print=1&amp;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&amp;template=a4joomla-contrast-free&amp;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&amp;print=1&amp;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&amp;template=a4joomla-contrast-free&amp;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&amp;print=1&amp;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&amp;template=a4joomla-contrast-free&amp;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&amp;print=1&amp;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&amp;template=a4joomla-contrast-free&amp;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

Поделиться:





Воспользуйтесь поиском по сайту:



©2015 - 2024 megalektsii.ru Все авторские права принадлежат авторам лекционных материалов. Обратная связь с нами...