Создание сайта

Дополнительная информация:

Этот тестовый выпуск можно считать первой полноценной публичной бета-версией/ Первая бета-версия включала лишь механизм переключения между каналами разработки и не несла прочих улучшений (по крайней мере, о них не было заявлено). Все нововведения этой версии касаются внутренних процессов программы:

- добавлена поддержка CSS animations;

- добавлена поддержка переключения между каналами разработки;

- настройки заголовков Do-Not-Track (DNT, блокировка отслеживания пользовательской информации) перенесены для лучшего обнаружения;

- улучшена производительность при обработке Canvas, JavaScript, памяти и сети;

- улучшена и расширена поддержка веб-стандартов HTML5, XHR, MathML, SMIL и Canvas.

- улучшена проверка орфографии;

- улучшена интеграция с Linux.

 

 

2.3.5 Internet Explorer 10 Final

 

 

Internet Explorer 10 – корпорация Microsoft выпустила новую версию браузера Internet Explorer 10. Главные особенности Internet Explorer 10 – повышенная производительность и улучшение аппаратного ускорения, за счет чего произошло значительное ускорение отрисовки страниц, а также расширенная поддержка новых веб-стандартов, включая HTML5 и CSS3. Internet Explorer 10 быстрее – если говорить о скорости работы на одном и том же «железе» - и безопаснее своего предшественника. Кроме того, 10 версия безопаснее, прежде всего, благодаря новой технологии, которую Microsoft называет «продвинутым защитным режимом» (Enhanced Protection Mode). В Internet Explorer 10 вкладки изолированы друг от друга, то есть каждая из них функционирует в своеобразной «песочнице».

Для защиты от вредоносного кода в Internet Explorer 10 применяется еще одна интересная технология: использование случайной адресации для разных модулей браузера. Эта «рандомизация» серьезно усложняет жизнь опасному ПО, которому теперь будет сложнее установить, какой адрес в памяти следует атаковать.

 

 

2.3.6 Windows 7

 

 

Windows 7 все, что вы делали раньше на компьютере — стало проще. Проще искать нужное в собственных файлах, программах или интернете, подключаться и настраивать компьютер под настроение, общаться и обмениваться информацией. Получайте удовольствие от вашего компьютера! Windows 7 работает быстро, освобождая ваше время на множество приятных занятий. Экономит батарею, защищает ваши данные от опасностей и отличается повышенной надежностью, в общем, работает как надо! С Windows 7 вы откроете для себя множество новых возможностей для развлечений. Любители компьютерных игр будут впечатлены улучшенной графикой, а ваши архивы видео и фотографий теперь можно демонстрировать друзьям так, что аж дух захватывает! Редактируйте видео, смотрите телепередачи в удобное для вас время. Об этих и других возможностях Windows вы даже не думали! Люди, независимо от их общественного положения, используют информацию и знания в своей деятельности, решая непрерывно возникающие перед ними задачи. При этом постоянно увеличивающиеся запасы знаний, опыта. Весь интеллектуальный потенциал общества, который сосредоточен в книгах, патентах, журналах, отчетах, идеях, активно, на современном техническом уровне участвует в повседневной производственной, научной, образовательной и других видах деятельности людей. Ценность информации и удельный вес информационных услуг в жизни современного общества резко возросли.

 

 

2.4 Кроссбраузерное тестирование

 

2.4.1 Тест программного продукта в браузере Opera 12.15

 

 

Программный продукт «Web-сайт для Парка культуры и отдыха имени М. Горького» был протестирован в браузере Opera 12.15 (рисунок 1).

 

 

Рисунок 1 – Тестирование в браузере Opera 12.15

 

В данном браузере ошибок нет, страницы открываются корректно.

 

 

2.4.2 Тест программного продукта в браузере Yandex 1.5

 

 

Программный продукт «Web-сайт для Парка культуры и отдыха имени М. Горького» был протестирован в браузере Yandex 1.5 (рисунок 2).

 

 

Рисунок 2 – Тестирование в браузере Yandex 1.5

В данном браузере ошибок нет. Страницы открываются корректно.

 

2.4.3 Тест программного продукта в браузере Google Chrome 27.0

 

 

Программный продукт «Web-сайт для Парка культуры и отдыха имени М. Горького» был протестирован в браузере Google Chrome 27.0 (рисунок 3).

 

 

 

Рисунок 3 – Тестирование в браузере Google Chrome 27.0

 

В данном браузере ошибок нет, страницы открываются корректно.

 

 

2.4.4 Тест программного продукта в браузере Internet Explorer 10

 

 

Программный продукт «Web-сайт для Парка культуры и отдыха имени М. Горького» был протестирован в браузере Internet Explorer 10 (рисунок 4).

 

 

Рисунок 4 – Тестирование в браузере Internet Explorer 10

 

В данном браузере ошибок нет, страницы открываются корректно. 
3 Структура сайта

 

 

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

В процессе создания макета, структура страницы была запланирована следующим образом (графически это изображено на рисунке 5):

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

 

	Главная	Мероприятия	Фотогалерея	Обратная связь
История парка	Основной блок
Аттракционы
Формирования
Контакты
Благотворительность

 

Рисунок 5 – Схематическое изображение главных блоков страницы

 

 

3.1 Верхний блок сайта

 

 

Верхний блок сайта, на котором находится основное меню сайта:

<div id="nav">

<div class="menu">

<ul>

<li><a href="http://parkgorkogo.500mb.net">Главная</a></li>

<li><a href="http://parkgorkogo.500mb.net/?page_id=61">Мероприятия</a></li>

<li><a href="http://parkgorkogo.500mb.net/?page_id=10">Фотогалерея</a></li>

<li><a href="http://parkgorkogo.500mb.net/?page_id=62">Обратная связь</a></li>

</ul>

</div>

</div>

 

Данный код выполняет роль таблицы, в которой указаны параметры самой таблицы, а также ссылки для перехода на другие страницы сайта. Меню сайта представлено на рисунке 6.

 

 

Рисунок 6 – Меню сайта

 

 

3.2 Главный блок сайта

 

 

В главном блоке содержится информационное наполнение сайта. Вывод информации зависит от того, какой раздел выбран в данный момент. Код главного блока находится в приложении А, изображение главного блока показано на рисунке 7.

 

 

Рисунок 7 – Основной блок

 

3.3 Главная страница

 

 

На рисунке 8 изображена главная страница нашего сайта.

 

 

Рисунок 8 – Главная страница

 

На этой странице находится навигационная панель. Также на дополнительной панели находятся вкладки «История парка», «Аттракционы», «Формирования», «Контакты», «Благотворительность».

Для главной страницы в дизайне сайта не использовалось ничего, что могло бы отвлекающее действовать на его посетителей. По просьбе заказчика мы действовали в минимальных требованиях к дизайну сайта.

 

 

3.4 Мероприятия

 

 

На рисунке 9 представлена страница Мероприятия

 

 

Рисунок 9 – Мероприятия

На этой странице находится расписание мероприятий конкурсов, которые будут проводиться в парке имени М. Горького в течение года.

 

3.5 Фотогалерея

На рисунке 10 представлена страница Фотогалерея

Рисунок 10 – Фотогалерея

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

 

 

3.6 Обратная связь

 

 

На рисунке 11 представлена страница Обратная связь

 

 

Рисунок 11 – Обратная связь

 

На этой странице находится навигационная панель. Также в основном блоге находится форма для обратной связи, где необходимо заполнить поля «Ваше имя», «Ваш e-mail», «Тема», «Сообщение». И нажать на кнопку «Отправить», чтобы ваше обращение увидел администратор сайта и смог вам ответить.

Для фона и шрифта выбраны наиболее оптимальные цветовые сочетания, позволяющие читать интересующую Вас информацию без раздражающего влияния на зрение.

 

 

3.7 История парка

 

 

На рисунке 12 представлена страница «История парка»

 

 

Рисунок 12 – История парка

 

На этой странице находится навигационная панель. Также в основном блоге находится информация о история развития парка.

Для дизайна страницы использовался стиль «минимализм». Читая статью, Вы сможете, не отвлекаясь ни на что просто легко ознакомиться с информацией, представленной в ней. Для фона и шрифта выбраны наиболее оптимальные цветовые сочетания, позволяющие читать интересующую Вас информацию без раздражающего влияния на зрение.

 

 

3.8 Аттракционы

 

 

На рисунке 13 представлена страница Аттракционы

 

 

Рисунок 13 – Аттракционы

 

На этой странице находится навигационная панель. Также в основном блоке страницы находится таблица с перечнем аттракционов, находящихся в парке имени М. Горького, их возрастным ограничением и ценой.

Для фона и шрифта выбраны наиболее оптимальные цветовые сочетания, позволяющие читать интересующую Вас информацию без раздражающего влияния на зрение.

 

 

3.9 Контакты

 

 

На рисунке 14 представлена страница Контакты

 

 

Рисунок 14 - Контакты

На этой странице находится навигационная панель. Также в главном блоке страницы находится информация с данными парка. Адрес, номера телефонов, расположение на «Яндекс картах» и т.д.

Для фона и шрифта выбраны наиболее оптимальные цветовые сочетания, позволяющие читать интересующую Вас информацию без раздражающего влияния на зрение.

 

 

3.10 Формирования

 

 

На рисунке 15 представлена страница Формирование

 

 

Рисунок 15 - Формирования

 

На этой странице находится навигационная панель. Также в главном блоке страницы находится список формирований и объединений для проведения досуга и обучения.

Для фона и шрифта выбраны наиболее оптимальные цветовые сочетания, позволяющие читать интересующую Вас информацию без раздражающего влияния на зрение.

 

 

 

 

 

 

 

 

 

3.11 Благотворительность

 

 

 

Рисунок 16 -Благотворительность

 

На этой странице находится навигационная панель. Также в главном блоке страницы находится информация о спонсорах, помогающих развиваться парку имени М. Горького.

Для фона и шрифта выбраны наиболее оптимальные цветовые сочетания, позволяющие читать интересующую Вас информацию без раздражающего влияния на зрение.

 

4 Экономическое обоснование разработки Web-сайта

 

4.1 Расчет капиталовложений 

 

 

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

Капитальные вложения, необходимые для реализации данного проекта, определяются по формуле (1)

 

К= Кобор+ Кт,  (1)

где  Кобор- стоимость оборудования;

Кт- транспортные и заготовительно-складские расходы (5% от стоимости оборудования).

Расчет стоимости оборудования показан в таблице 1.

 

Таблица 1 – Расчет стоимости оборудования

 

Наименование	Количество, шт	Цена, руб	Сумма, руб
Монитор	1	4000	4000
Системный блок	1	12500	12500
Мышь	1	300	300
Клавиатура	1	500	500
Итого	-	-	17300

 

Определяем транспортные и заготовительно-складские расходы:

 

Кт=17300*0,05=865 руб.

 

Определяем величину капитальных затрат:

 

К= 17300+865=18165 руб.

 

Таблица 2 – Величина капитальных затрат

 

Наименование показателей	Единица измерений	Стоимостная оценка
Стоимость оборудования	руб.	17300
Транспортные и заготовительно-складские расходы	руб.	865
Итого	руб.	18165