CMS SiteEdit (стр. 4 из 13)
Исходный код второй страницы приведен в Приложении 3.
2.5.Создание системы «Вопросы и предложения»
Для создания страницы «Вопросы и предложения» необходимо в меню «Редактировать» выбрать пункт «Список страниц». В окне «Универсальное меню» выбираем «Уровень 1». Создаем страницу с заголовком «Вопросы и предложения», добавляем раздел, выбрав в нем тип модуля «Гостевая книга». Во вкладке «Параметры» в строке е-mail администратора вводим свой е-mail, включаем защиту от спама и так далее заполняем все поля. Страница представлена на рис.8.
Рис. 8. Страница «Вопросы и предложения».
Исходный код второй страницы приведен в Приложении 4.
2.6.Создание пункта «Связь»
Для создания страницы «Связь» в меню «Редактировать» выбраем пункт «Список страниц», в окне «Универсальное меню» выбираем «Уровень 1». В окне «Главное меню» выбираем «Добавить в «Главное меню» ». Создаем страницу с заголовком «Связь», добавляем раздел, выбрав в нем тип модуля «Почтовая служба». Во вкладке «Параметры» настраиваем список параметров. Страница «Связь» изображена на рис.9.
Рис. 9. Страница «Связь».
Исходный код второй страницы приведен в Приложении 5.
2.7 Создание страницы ссылок
Выбираем в меню «Редактировать» пункт «Добавить страницу». В окне «Главное меню» выбираем «Добавить в «Главное меню» ». Добавляем на страницу новый раздел. В «Глобальном разделе» выбираем тип модуля «Каталог ссылок». И добавляем объекты (кафедры ФИТиВТ), прописываем URL.Страница представлена на рис.10.
Рис. 10. Страница «Ссылки».
Исходный код второй страницы приведен в Приложении 6.
2.8 Создание страницы «Второго уровня»
Выбираем в меню «Редактировать» пункт «Список страниц» и ставим
отметку «Выпадающее меню». Выбираем в меню «Редактировать» пункт «Добавить страницу». В окне «Универсальное меню» выбираем «Уровень 2». Добавляем на страницу два новых раздела. В «Глобальных разделах» выбираем типы модулей «Текст». Создаем материал с заголовком «Памятные даты ;) » и заполняем данную страницу с помощью языка разметок html. Страница представлена на рис.11.
Рис. 11. Страница «Памятные даты ;) »
Исходный код второй страницы приведен в Приложении 7.
Заключение
В итоге выполненной работы была изучена CMS SiteEdit и был создан сайт для студенческой группы ИТ-21 УдГУ.
Данный сайт позволяет найти контактную информацию каждого студента группы, также осуществляется поддержка контакта с посетителями сайта через «Вопросы и предложения». Сайт позволяет всем желающим быть в курсе событий, происходящих в нашей группе.
Преимущество сайта, построенного на основе СMS, заключается в отделении дизайна от информационного наполнения, что позволяет автоматизировать документооборот.
С помошью данной системы управления сайтом возможно в дальнейшем загружать полезные файлы, такие как лекции, практические задания, книги и другие учебные материалы, изменять дизайн сайта, размешать платную рекламу.
К результатм выполнения данной работы относятся знания, полученные по изучению CMS SiteEdit, а также приобретенный опыт в создании сайта студенческой группы ИТ-21 УдГУ.
Список литературы
1. http://siteedit.ru. Руководство пользователя
2. http://www.twl.ru/article_01
3. http://www.sinercom.ru/Article/AboutCreateDesignSite/Article_selectCMS/
4. http://solncewo.ru/page23/
5. http://cms.it-forge.net/
Приложение 1. Исходный код главной страницы сайта группы ИТ-21.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>О группе </title><META content="text/html; charset=windows-1251" http-equiv=Content-Type><meta name="keywords" content="Группа ИТ-21" /><meta name="description" content="" /><meta name="generator" content="CMS EDGESTILE SiteEdit" /><link href="/skin/default.css" id="defaultCSS" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="/system/main/cookies.js"></script><script type="text/javascript" src="/system/main/semenu.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script></head><body><table cellspacing="0" cellpadding="0" width="100%" border="0" id="table3"><tr id="tr4"><td valign="top" align="left" width="50" rowspan="7" id="td5"> </td><td valign="top" align="left" height="15" id="td6"></td><td valign="top" align="left" width="50" rowspan="7" id="td7"> </td></tr><tr id="tr596"><td valign="top" align="left" id="td9"><table style="width: 1073px; height: 311px" cellspacing="0" cellpadding="0" width="1073" border="0" id="table45"><tr id="tr46"><td valign="top" align="left" width="10" id="td47"> </td><td valign="top" align="left" id="td48"><table cellspacing="0" cellpadding="0" border="0" id="table123"><tr id="tr124"><td valign="top" align="left" id="td125"><div id="LogotypeBlock"></div></td><td valign="top" align="left" id="td126"><h1 id="siteTitle"><p><font face="Comic Sans MS" color="#00ff00" size="6">IT-21</font></p><p><font face="Comic Sans MS" color="#00ff00" size="6">[2008 года сборки]</font></p></h1><h2 id="siteSubtitle"></h2></td></tr><tr id="tr127"><td valign="top" align="left" colspan="2" id="td128"><h1 id="pageTitle"><font color="#000080">О группе </font></h1></td></tr></table> </td><td valign="top" align="left" width="458" id="td49"><IMG style="WIDTH: 495px; HEIGHT: 301px" height="191" alt="" src="/skin/x_442eaded.jpg" width="609" border="0"></td><td valign="top" align="left" width="12" id="td50"> </td></tr></table></td></tr><tr id="tr627"><td valign="top" align="left" height="7" id="td11"></td></tr><tr id="tr629"><td valign="top" align="left" id="td13"><table cellspacing="0" cellpadding="0" width="100%" border="0" id="table55"><tr id="tr56"><td valign="top" align="left" width="10" id="td57"> </td><td valign="top" align="center" id="td58"><div id="pageMenu"><STYLE>.submenu,.submenu1,.submenun { visibility:hidden; position:absolute; z-index:1000; } </STYLE><table border="0" class="tableMenu" cellpadding="0" cellspacing="0"><tr valign="top"> <td width=2 class="mbordl"> </td><td class="mtditem"> <table border=0 cellpadding="0" cellspacing="0" style="float:left;"><tr> <td ><a class="menu" id="menu_home" href="/home" > <span class="TextItemMenu"><font color="#000080">Home</font></span></a></td></tr> </table></td> <td width=2 class="mbordr"> </td><td class="mids">|</td> <td width=2 id="bleft" class="mbordl"> </td> <td id="bmid" class="mtditem"> <table border=0 cellpadding="0" cellspacing="0"><tr> <td onMouseOver="show_menu('about')" onMouseOut="hide_menu('about')" valign=top><a class="menu" id="menuActive" href="/about" > <span class="TextActiveMenu"><font color="#000080">О группе </font></span></a></td></tr></table><div class="mreldiv" style="text-align:left; clear:both;"> <table border=0 onMouseOver="show_menu('about')" onMouseOut="hide_menu('about')" id="submenu_about" cellpadding="0" cellspacing="0" valign=top class="submenu"> <tr><td class="midline"> <table border=0 cellpadding="0" cellspacing="0" valign=top class="subitems" widthy=100%> <tr vAlign=top> <td ><a style="float:left;" class="menu" id="menu_page2" href="/page2" > <span class="TextItemMenu"><p><font color="#000080">Памятные даты ;)</font></p></span></a></td></tr> </table></td></tr></table></div></td> <td width=2 id="bright" class="mbordr"> </td> <td class="mids">|</td> <td width=2 class="mbordl"> </td><td class="mtditem"> <table border=0 cellpadding="0" cellspacing="0" style="float:left;"><tr> <td ><a class="menu" id="menu_page1" href="/page1" > <span class="TextItemMenu"><font color="#000080">Фотографии </font></span></a></td></tr> </table></td> <td width=2 class="mbordr"> </td><td class="mids">|</td> <td width=2 class="mbordl"> </td><td class="mtditem"> <table border=0 cellpadding="0" cellspacing="0" style="float:left;"><tr> <td ><a class="menu" id="menu_guestbook" href="/guestbook" > <span class="TextItemMenu"><font color="#000080">Вопросы и предложения </font></span></a></td></tr> </table></td> <td width=2 class="mbordr"> </td><td class="mids">|</td> <td width=2 class="mbordl"> </td><td class="mtditem"> <table border=0 cellpadding="0" cellspacing="0" style="float:left;"><tr> <td ><a class="menu" id="menu_contact" href="/contact" > <span class="TextItemMenu"><font color="#000080">Связь</font></span></a></td></tr> </table></td> <td width=2 class="mbordr"> </td><td class="mids">|</td> <td width=2 class="mbordl"> </td><td class="mtditem"> <table border=0 cellpadding="0" cellspacing="0" style="float:left;"><tr> <td ><a class="menu" id="menu_page3" href="/page3" > <span class="TextItemMenu"><font color="#000080">Ссылки</font></span></a></td></tr> </table></td> <td width=2 class="mbordr"> </td><!-- ============================ 2 --><td> </td></tr></table></div></td><td valign="top" align="left" width="10" id="td59"> </td></tr></table></td></tr><tr id="tr637"><td valign="top" align="left" id="td15"><table cellspacing="0" cellpadding="0" width="100%" border="0" id="table62"><tr id="tr581"><td width="30" id="td582"></td><td valign="top" align="left" id="td64"><div id="enteringText"><p align="left"><font face="Andale Mono"><font style="BACKGROUND-COLOR: #000080"><font color="#ffffff"><font size="4"><font face="Comic Sans MS">Наша группа вконтакте:</font></font></font></font><a href="http://vkontakte.ru/club5587069"><font style="BACKGROUND-COLOR: #000080" color="#ffffff" size="4">http://vkontakte.ru/club5587069</font></a></font></p><p align="left"><font style="BACKGROUND-COLOR: #000080" face="Comic Sans MS" color="#ffffff" size="4"></font></p><p align="left"><span class="Apple-style-span" style="FONT-SIZE: 11px; LINE-HEIGHT: 14px; FONT-FAMILY: tahoma, verdana, arial, sans-serif, 'Lucida Sans'; TEXT-ALIGN: left"><font face="Trebuchet MS"><font style="BACKGROUND-COLOR: #000080" color="#ffffff"></font> </p></font></span></div><div id="content"><div class="content" id="con_photo"><br clear="all"><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><A href="/about/1/2/"><IMG alt="Исаев Максим" title="Исаев Максим" src="/images/x_b14d0c82_prev.jpg" border="0" id="photoPrev"></A><BR><a id="links" href="/about/1/2/">Исаев Максим</a></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><A href="/about/1/11/"><IMG alt="Узаков Рустам" title="Узаков Рустам" src="/images/x_23743c82_prev.jpg" border="0" id="photoPrev"></A><BR><a id="links" href="/about/1/11/">Узаков Рустам</a></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><A href="/about/1/9/"><IMG alt="Лагунов Денис" title="Лагунов Денис" src="/images/x_0393d44d_prev.jpg" border="0" id="photoPrev"></A><BR><a id="links" href="/about/1/9/">Лагунов Денис</a></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><A href="/about/1/1/"><IMG alt="Горемыкин Алексей" title="Горемыкин Алексей" src="/images/x_1efea8e7_prev.jpg" border="0" id="photoPrev"></A><BR><a id="links" href="/about/1/1/">Горемыкин Алексей</a></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><A href="/about/1/8/"><IMG alt="Шмелев Вадим " title="Шмелев Вадим " src="/images/x_9a8e86e3_prev.jpg" border="0" id="photoPrev"></A><BR><a id="links" href="/about/1/8/">Шмелев Вадим </a></div></div></div><div class="content" id="con_photo"><br clear="all"><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><A href="/about/2/1/"><IMG alt="Сарварова Гульнара" title="Сарварова Гульнара" src="/images/a_a6b8d8e1_prev.jpg" border="0" id="photoPrev"></A><BR><a id="links" href="/about/2/1/">Сарварова Гульнара</a></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><A href="/about/2/2/"><IMG alt="Семенова Екатерина" title="Семенова Екатерина" src="/images/a_4a47e85b_prev.jpg" border="0" id="photoPrev"></A><BR><a id="links" href="/about/2/2/">Семенова Екатерина</a></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><A href="/about/2/3/"><IMG alt="Столярова Екатерина" title="Столярова Екатерина" src="/images/img0209a_prev.jpg" border="0" id="photoPrev"></A><BR><a id="links" href="/about/2/3/">Столярова Екатерина</a></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><A href="/about/2/4/"><IMG alt="Полушин Кирилл" title="Полушин Кирилл" src="/images/a_0a2a5517_prev.jpg" border="0" id="photoPrev"></A><BR><a id="links" href="/about/2/4/">Полушин Кирилл</a></div></div><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><A href="/about/2/5/"><IMG alt="Кардопольцев Антон" title="Кардопольцев Антон" src="/images/x_2105aca8_prev.jpg" border="0" id="photoPrev"></A><BR><a id="links" href="/about/2/5/">Кардопольцев Антон</a></div></div></div><div class="content" id="con_photo"><br clear="all"><div class="photo" id="photoBrief" ><div class="photo" id="photoBriefImg"><A href="/about/3/1/"><IMG alt="Санников Евгений" title="Санников Евгений" src="/images/a_1ac3f875_prev.jpg" border="0" id="photoPrev"></A><BR><a id="links" href="/about/3/1/">Санников Евгений</a></div></div></div></div></td><td valign="top" align="left" id="td65"><div id="content1"><div class="content" id="con_mapsite"><br clear="all"><div id="listLinks"><h4 class="mapline"><a id=maplinks1 href="/home"><font color="#000080">Home</font></a></h4><h4 class="mapline"><a id=maplinks1 href="/about"><font color="#000080">О группе </font></a></h4><h4 class="mapline"><a id=maplinks2 href="/page2"><p><font color="#000080">Памятные даты ;)</font></p></a></h4><h4 class="mapline"><a id=maplinks1 href="/page1"><font color="#000080">Фотографии </font></a></h4><h4 class="mapline"><a id=maplinks1 href="/guestbook"><font color="#000080">Вопросы и предложения </font></a></h4><h4 class="mapline"><a id=maplinks1 href="/contact"><font color="#000080">Контакты </font></a></h4><h4 class="mapline"><a id=maplinks1 href="/page3"><font color="#000080">Ссылки</font></a></h4></div></div></div></td><td width="30" id="td589"></td></tr></table></td></tr><tr id="tr649"><td valign="top" align="center" id="td17"><strong><font color="#ffffff" size="2">Copyright © 2010 IT-21 </font></strong><div id="pageMainmenu"><table cellpadding="0" cellspacing="0"><tr><td width="2" class="mbordl"> </td><td class="mtditem"><a class="menu" id="menu_home" href="/home" ><span id="menu_home" class="TextItemMenu"><font color="#000080">Home</font></span></a></td><td width="2" class="mbordr"> </td><td class="mids">|</td><td width="2" id="bleft" class="mbordl"> </td><td id="bmid" class="mtditem" ><a class="menu" id="menuActive" href="/about" ><span id="menu_about" class="TextActiveMenu"><font color="#000080">О группе </font></span></a></td><td width="2" id="bright" class="mbordr"> </td><td class="mids">|</td><td width="2" class="mbordl"> </td><td class="mtditem"><a class="menu" id="menu_page1" href="/page1" ><span id="menu_page1" class="TextItemMenu"><font color="#000080">Фотографии </font></span></a></td><td width="2" class="mbordr"> </td><td class="mids">|</td><td width="2" class="mbordl"> </td><td class="mtditem"><a class="menu" id="menu_guestbook" href="/guestbook" ><span id="menu_guestbook" class="TextItemMenu"><font color="#000080">Вопросы и предложения </font></span></a></td><td width="2" class="mbordr"> </td><td class="mids">|</td><td width="2" class="mbordl"> </td><td class="mtditem"><a class="menu" id="menu_contact" href="/contact" ><span id="menu_contact" class="TextItemMenu"><font color="#000080">Связь</font></span></a></td><td width="2" class="mbordr"> </td><td class="mids">|</td><td width="2" class="mbordl"> </td><td class="mtditem"><a class="menu" id="menu_page3" href="/page3" ><span id="menu_page3" class="TextItemMenu"><font color="#000080">Ссылки</font></span></a></td><td width="2" class="mbordr"> </td></tr></table></div></td></tr><tr id="tr652"><td valign="top" align="left" id="td19"></td></tr></table></body></html><script type="text/javascript" src="http://free.siteedit.ru/system/reklamb.js"></script><style>#se_reklam img {margin: 0 0 0 0 !important; }</style><div id="se_reklam" style="width: 300px !important; display:block !important; position: absolute !important; top:0px !important; right: 0px !important; float: right !important; z-index: 1000 !important;"><table id="se_table" border="0" cellpadding="0" cellspacing="0" width="300" style="width: 300px !important; font-size:11px !important; font-weight:normal; font-family:Arial;"><tr> <td colspan="3" valign="top" align="right" height="10px"> <img id="btnMinMax" onclick="btnMinMax();" src="http://free.siteedit.ru/images/adv/siteedit_free_03.gif" border=0 height="10px" title="" style="cursor:pointer" /> <img onclick="document.all.se_reklam.style.display='none'" src="http://free.siteedit.ru/images/adv/siteedit_free_04.gif" border=0 height="10px" title="" style="cursor:pointer;" /> </td></tr><tr> <td width="4px" style="font-size:1px;"> <img src="http://free.siteedit.ru/images/adv/advfreese_08.gif" border=0 height="17px"> </td> <td height="17" width="272px" valign="bottom" align="center" style="background-image:url(http://free.siteedit.ru/images/adv/advfreese_10.gif); background-position:top left; background-repeat:repeat-x;"> <center> <a href="http://www.siteedit.ru/" target=_blank style="text-decoration:none; width:100%;"> <img src="http://free.siteedit.ru/images/adv/advfreese_12.gif" border=0 width="73" height="15" title="Бесплатно: САЙТ + Программа создания и управления сайтом CMS SiteEdit"> </a> </center> </td> <td width="4px" style="font-size:1px;"> <img src="http://free.siteedit.ru/images/adv/advfreese_14.gif" border="0" height="17px" /></td></tr> <tr id="se_banner" valign="middle" align="center"><td colspan=3 align=center style="border-width:1px; border-color:#999999; border-style:solid; padding:10px; background-color:#FFFFFF;"> <script type="text/javascript"> var begun_auto_pad = 142947616; var begun_block_id = 143031053; </script> <script src="http://autocontext.begun.ru/autocontext2.js" type="text/javascript"></script> </td></tr> <tr style="z-index: 1000 !important;"><td width="4px" style="z-index: 1000; font-size:1px;"> <img src="http://free.siteedit.ru/images/adv/advfreese_29.gif" border=0 height="17px"></td><td height="17" width="100%" valign="top" align="center" style="background-image: url(http://free.siteedit.ru/images/adv/advfreese_32.gif); background-position:top left; background-repeat: repeat-x;"> <center> <a href="http://free.siteedit.ru/reclamoff" target=_blank style="text-decoration:none; width: 100%; font-size: 90%;"> Отключи рекламу </a> <a href="http://art.siteedit.ru/ordersite/" target=_blank style="text-decoration:none; width: 100%; font-size: 90%;"> Закажи сайт! </a> </center></td> <td width="4px" style="font-size:1px;"> <img src="http://free.siteedit.ru/images/adv/advfreese_31.gif" border="0" height="17px"></td></tr></table></div>