Файл: готовый.docx

Notepad++ имеет следующие возможности:

• подсветка синтаксиса;

• сворачивание кода;

• автодополнение;

• закладки;

• регулярные выражения для поиска и замены;

• запись и воспроизведение макросов;

• сравнение файлов;

• переопределение любых горячих клавиш;

• резервное копирование сохраняемых файлов (включается в настройках);

• трансформация текста при помощи подключённого плагина TextFX;

• поддержка и конвертирование кодировок ANSI, UTF-8 и UCS-2;

• блоковое выделение текста, одновременное выделение нескольких разных мест (с CTRL).

При установке дополнительных плагинов реализуются следующие возможности:

• шаблоны текста (сниппеты), вводимые с помощью сокращений (плагин SnippetPlus);

• FTP-менеджер (плагины:NppFTP);

• HEX-редактор;

• авто-сохранение (при потере фокуса; через настраиваемый промежуток времени);

• проверка орфографии (с использованием GNU Aspell);

• мощное симметричное и асимметричное шифрование текста (при установке плагина NppDarkCrypt);

• поддержка ZenCoding.

Для создания сайта будет использоваться HTML с элементами CSS, так как данные средства наиболее просты в освоении. Программный продукт будет реализован через программу Notepad++, потому что она имеет легкий и понятный интерфейс, а также обладает различными функциями.

2.3 Разработка программного продукта

В курсовом проекте необходимо разработать web-сайт для управляющей компании.

Для разработки web-сайта используется шаблон, блочная структура которого представлена на рисунке 5

Рисунок 5 – Структура страницы

Стили блоков описываются в файлахstyle.cssи style2.css,которые подключаются с помощью программного кода:

<link rel="stylesheet" type="text/css" media="all"

href="css/style.css" />

<link rel="stylesheet" type="text/css" media="all"

href="css/style2.css" />

Все 5 блоков были созданы с помощью HTMLкода и подключения файла css.

Ниже приведен кода для 1 блокаЛоготип (рисунок6):

<div id="container">

<div id="header"><big style="color: rgb(102, 102, 102); font-style: italic;"><big><big><big><big> <span style="color: rgb(51, 51, 51);">

<br />ООО УК "Забота плюс"<br />

</span></big></big></big></big></big>

<div style="text-align: center;"><big style="color: rgb(102, 102, 102); font-style: italic;"><span style="color: rgb(255, 102, 10)<br /><br /><br /><br />

<spanstyle="color: rgb(51, 51, 51);"> Мы заботимся оВас... </span><big><span style="color: rgb(51, 51, 51);"></span><big style="color: rgb(102, 102, 102); font-style: italic;"><big><big><big><big><span style="color: rgb(51, 51, 51);"></span></big></div></div>

Рисунок 6– Логотип

Ниже приведен фрагмент html-кода для 2 блока- Меню:

<div id=»menu»>

<ul>

<li style=”color: rgb(102, 102, 102);”><a href=”#” class=”current”>Главная</a></li>

<li style=”font-style: italic;”><a href=”okompani.html”>Окомпании</a></li>

<li style=”font-style: italic;”><a href=”#”>Обратнаясвязь</a></li>

<li style=”font-style: italic;”><ahref=”deitrlnost.html”>Деятельность</a></li></ul></div>

Рисунок 7– Меню

Меню позволяет осуществлять переход на другие разработанные страницы. Далее осуществлялась разработка блока «Новостей».

Фрагмент html- кода для 3 блока - Новости:

<divclass=”sidebar”>

<h2 style=”color: rgb(0, 51, 0);”>Новости</h2>

<p><span style=”color: rgb(0, 153, 0);”>Как

изменятся тарифы Жилищно-Коммунального Хозяйства в 2012

году? </span><br />

<a style=”color: rgb(0, 51, 0);” href=”novost1.html” class=”read_more”>Читать дальше…</a></p>

Рисунок 8– Новости

В этом блоке представлены новости ЖКХ. Они периодически будут обновляться.

Html-код для информационного блока (4 блок) представлен ниже:

<pclass=”align-right”><br /></p>

<ul>

<li style=”font-family: Times New Roman;”><big><big><big>Услуги,оказываемые

управляющей организацией по обеспечению поставки в многоквартирный дом коммунальных ресурсов.</big></big></big></li></ul><ol>

<li style=”font-family: Times New Roman;”><big><big><big><small>МУП“Калугатеплосеть”–отопление, горячееводоснабжение,</small></big></big></big></li>

<br />

<li><big style=”font-family: Times New Roman;”><big><big>Сведения

о количестве случаев снижения платы за нарушения качества содержания и

ремонта общего имущества в многоквартирном доме за последний

календарный год.</big></big></big></li><br /></ul>

Рисунок 9 - Информационная часть

Html- кода для 5 блока – Подвал:

<divid="footer">

<pclass="copy"> 2012 Забота плюс</p>

Рисунок 10 - Подвал

После разработки всех 5 блоков была создана главная опорная страница (рисунок11).

Рисунок 11 - Главная страница сайта

По аналогии с разработанной Главной страницей были созданы следующие вкладки:

- вкладка о компании (рисунок 12);

Рисунок 12 - Вкладка о компании

- вкладка перечень домов (рисунок 13);

Рисунок 13 - Вкладка перечень домов

- вкладка договор управления (рисунок 14);

Рисунок 14 - Вкладка договор управления

-вкладка новости (рисунок 15);

Рисунок 15 - Вкладки новости

Таким образом, был создан сайт для управляющей компании «Забота плюс», который теперь подлежит отладке.

2.4 Тестирование и отладка сайта

Разработанный сайт для управляющей компании «Забота плюс» был протестирован в трёх браузерах:

1. MozillaFirefox (рисунок 16);

Рисунок 16 - Сайт в браузере Mozilla Firefox

2. Google Chrome (рисунок 17);

Рисунок 17 - Сайт в браузере Google Chrome

3. Internet Explorer (рисунок 18).

Рисунок18 – Сайт в браузере Internet Explorer

Из тестирования программного продукта в самых распространённых браузерах, следует:

• программный продукт запускается и работает во всех перечисленных браузерах;

• при запуске сайта ни один из браузеров не выводит ошибок на экран;

• во всех представленных браузерах программный продукт работает корректно.

Заключение

В курсовом проекте был разработан web-сайт для управляющей компании «Забота плюс».

Была представлена история развития жилищно-коммунального хозяйства, создания управляющих компаний. Была четко выражена актуальность разработки данного программного продукта. От заказчика была получена входная информация, которая была размещена на страницах web-сайта.

На этапе проектирования программного продукта была разработана структурная схема и общий алгоритм работы приложения.

Перед тем как разработать программный продукт, были рассмотрены аналогичные web-приложения, на основе анализа которых выбран опорный web-сайт.

Для создания сайта был выбран язык гипертекстовой разметки HTML, использовалось стилевое оформление средствами CSS. Рисовка дизайна проводилась с использованием графического редактора PhotoScape.

Программный продукт прошел тестирование в браузерах Google Chrome, Mozilla Firefox и Internet Explorer, в которых он отображался корректно.

Готовый сайт был продемонстрирован заказчику. Программный продукт полностью удовлетворил всем его требованиям. Вследствие этого сайт для управляющей компании «Забота плюс» планируется разместить в сети Интернет.