Комментированый исходный код решения
⇐ ПредыдущаяСтр 2 из 2
<!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
Воспользуйтесь поиском по сайту: ©2015 - 2024 megalektsii.ru Все авторские права принадлежат авторам лекционных материалов. Обратная связь с нами...
|