Размещено на http://www.allbest.ru/

МИНИСТЕРСТВО ОБРАЗОВАНИЯ СТАВРОПОЛЬСКОГО КРАЯ

ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ

СРЕДНЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ

ГЕОРГИЕВСКИЙ РЕГИОНАЛЬНЫЙ КОЛЛЕДЖ "ИНТЕГРАЛ"

Отделение энергетики, металлообработки и электроники

Предметно-цикловая комиссия Информатики и компьютерного обучения

Специальность 230105 «Программное обеспечение вычислительной техники и автоматизированных систем»

Пояснительная записка

Курсовой проект

по дисциплине «Технология разработки программных продуктов»

Тема работы «Технология разработки ознакомительного сайта «Жизнь и творчество Эдгара По»

Выполнил студент Жуков Дмитрий Сергеевич

Руководитель: преподаватель А.А. Костина

ГЕОРГИЕВСК 2013

Содержание

Введение

1. Анализ предметной области

2. Технические требования к программному продукту

2.1 Предмет разработки

2.2 Назначение документа

2.3 Требования к дизайну сайта

2.4 Функциональные требования Требования к представлению сайта

3. Планирование программного продукта - ознакомительного сайта «Жизнь и творчество Эдгара По»

3.1 Основные этапы планирования сайта

4. Реализация проекта с помощью выбранного языка разметки гипертекста HTML

5. Тестирование и отладка программного продукта

6. Модель жизненного цикла программного продукта

7. Экономическая оценка программного продукта

Глоссарий

Список использованных источников

Приложение

Размещено на http://www.allbest.ru/

Введение

программный сайт гипертекст дизайн

В последнее время стало очень популярно сайтостроение. Что такое сайтостроение? Рассмотрим, что включает в себя сайтостроение. Сайтостроение включает в себя такие этапы как составление дизайна сайта, составление шаблона сайта, SEO оптимизация.

Составление дизайна начинается с выбора скелета сайта. Скелет сайт может быть в одну колонку, в две колонки и в три колонки. После выбора скелета сайта рисуется:

* фон сайта, заливается один цветом или вставляется картинка;

* шапка сайта, на которой обычно пишется название сайта (блога) и девиз, заливается одни цветом, вставляется картинка или вставляется flash-анимация;

* левая и правая колонка, которые обычно называют левый сайтбар и правый сайтбар в которые вставляются виджеты (рубрики, архив, поиск, календарь, реклама и т.д.);

* колонка контента, в которой пишется контент (текст и картинки, видео), выбирается шрифт, цвет текста и т.д.;

* подвал сайта, в котором обычно размещаются счетчики посещений, ссылка на разработчика, авторские права и т.д., обычно заливается одним цветом.

После того как шаблон нарисован, составляют шаблон сайта с помощью программирования, обычно на html, php, javascript. Новичками в сайтостроение обычно используются CMS (Content Management System) - система управления контентом или движок сайта. Движок сайта - это программа, которая предоставляет инструменты для редактирования, управления контентом и содержимым сайта, при этом новичку не требуется знать языки программирования. Самые популярные бесплатные движки WordPress, Joomla, Drupal.

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

SEO оптимизация (Search Engines Optimization) - это действия направленные на поднятие позиций сайта по результатам выдачи поисковых систем (Yandex, Google) по определенным ключевым запросам.

Из выше сказанного мы имеем представление, что из себя представляет сайтостроение.

1. Анализ предметной области

Решение любой задачи в сфере разработки программного обеспечения должно начинаться с изучения предметной области.

Предметная область - это мысленно ограниченная область реальной действительности, подлежащая описанию или моделированию и исследованию.

Анализ предметной области - это первый шаг этапа системного анализа, с которого начинается разработка программной системы.

Предметной областью моего сайта является жизнь и творчество великого американского писателя Эдгара По.

Мой сайт является ознакомительным, но точного определения что такое ознакомительный сайт нет. Есть другое узкоспециализированное определение подходящее моему сайту - тематический сайт. Тематический сайт -- сайт, предоставляющий специфическую узкотематическую информацию по какой-либо теме. В нем повествуется о детстве писателя: «Детство Эдгара прошло в обстановке достаточно богатой. Алланы не жалели средств на его воспитание, и хотя порой дела их шли неудачно (были случаи, когда им даже грозило банкротство), мальчик этого не чувствовал: его одевали «как принца», у него была своя лошадь, свои собаки. Когда Эдгару было шесть лет, Алланы поехали в Англию и отдали мальчика в дорогой пансион в Лондоне, где он проучился пять лет. По возвращении Алланов в 1820 году в США Эдгар поступил в колледж, который окончил в 1826 году. Заканчивать образование Эдгара отправили в университет в Ричмонде, тогда только что основанный».

О молодости: «Для Эдгара По началась скитальческая жизнь. Покинув дом Алланов, он поехал в родной Бостон, где под псевдонимом «Бостонец» напечатал сборник стихов «Тамерлан и другие стихотворения», так и не вышедший в свет. Это издание, вероятно, поглотило все сбережения юноши. Не имея приюта, он решился на крутой шаг -- и поступил солдатом в армию под вымышленным именем. Службу он нёс около года, был у начальства на хорошем счету и даже получил чин сержант-майора. В начале 1828 года поэт, однако, не выдержал своего положения и обратился к приёмному отцу, прося помощи, и, вероятно, выражал раскаяние. Джон Аллан, может быть по ходатайству жены, пожалел юношу, оплатил наём заместителя и выхлопотал Эдгару освобождение. Но, приехав в Ричмонд, Эдгар уже не застал своей покровительницы: госпожа Аллан умерла за несколько дней до того (28 февраля 1829 года) ».

О его самых плодовитых годах творчества: « В период с 1833 по 1840 годы автор выпускает много поэм и рассказов, работает в журналах «SouthernLiteraryMessenger» в Ричмонде. В 1841--1843 годах жил с семьёй в предместье в Филадельфии и работал в журналах «Burton'sGentleman'sMagazine» и «Graham'sMagazine»».

А так же о его загадочной и покрытой тайной по сей день смерти: «Последние годы жизни Эдгара По, 1847--1849, были годами метаний, полубезумия, успехов, падений и постоянной клеветы. Виргиния, умирая, взяла клятву с г-жи Шью, подруги Эдгара, никогда не покидать его. Эдгар По пленялся женщинами, воображал, что влюблён, шла речь даже о женитьбе. В жизни он держал себя странно, однако успел издать ещё несколько произведений».

В этом разделе проведен анализ предметной области ознакомительного сайта «жизнь и творчество Эдгара По». Частично приведен текст, повествующий о писателе.

2. Технические требования к программному продукту

2.1 Предмет разработки

Предметом разработки является Интернет-сайт «Жизнь и творчество Эдгара По», с системой динамического управления наполнением на базе web-интерфейса.

Назначение сайта:

- предоставление информации о жизни Эдгара По;

- предоставление информации о его творчестве;

Цель создания сайта:

- сайт является ознакомительным;

- сайт создается для «Литературного Сообщества Молодых Авторов».

2.2 Назначение документа

В настоящем документе приводится полный набор требований к реализации сайта «Жизнь и творчество Эдгара По» Подпись Заказчика и Исполнителя на настоящем документе подтверждает их согласие с нижеследующими фактами и условиями:

1. Исполнитель подготовил и разработал настоящий документ, именуемый Техническое Задание, который содержит перечень требований к выполняемым работам.

2. Заказчик согласен со всеми положениями настоящего Технического Задания.

3. Заказчик не вправе требовать от Исполнителя в рамках текущего Договора выполнения работ либо оказания услуг, прямо не описанных в настоящем Техническом Задании.

4. Исполнитель обязуется выполнить работы в объёме, указанном в настоящем Техническом Задании.

5. Заказчик не вправе требовать от Исполнителя соблюдения каких-либо форматов и стандартов, если это не указано в настоящем Техническом Задании.

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

2.3 Требования к дизайну сайта

При разработке сайта должны быть использованы преимущественно темные стили.

Основные разделы сайта должны быть доступны с первой страницы.

На первой странице не должно быть большого объема текстовой информации.

В дизайне сайта не должны присутствовать:

- мелькающие баннеры;

- много сливающегося текста;

В дизайне сайта должны присутствовать:

- удобная и понятная навигация;

- элементы JavaScript - формы, коллекции, гиперссылки, кнопки;

- добавлены объекты flash - фоновая музыка, видео;

2.4 Функциональные требования

Требования к представлению сайта

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

Рис. 1 Макет первой страница сайта

В этом разделе сформулированы требования к сайту «Жизнь и творчество Эдгара По»,определено как должна выглядеть первая страница сайта.

3. Планирование программного продукта - ознакомительного сайта «Жизнь и творчество Эдгара По»

Планирование -- оптимальное распределение ресурсов для достижения поставленных целей, деятельность (совокупность процессов), связанных с постановкой целей (задач) и действий в будущем. Когда мы начинали создавать наши страницы, мы не задумывались о том, что когда-нибудь объединим их в сайт, и, соответственно, не спланировали его. Конечно, поскольку наш будущий сайт очень прост и состоит всего из девяти Web-страниц. Но основные этапы планирования сайта никто не отменял. И сейчас мы их рассмотрим.

3.1 Основные этапы планирования сайта

Этап планирования - важнейший в разработке любого сайта. Это справедливо и для простейшей домашней странички, и для гигантского сайта транснациональной суперкорпорации, такой как Intel или Coca-Cola. На этом этапе понадобятся только карандаш и бумага или программа текстового редактора или специальный пакет проектирования сайта, наподобие Microsoft Visio.

Итак, что же нужно решить перед началом работы над сайтом?

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

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

Решить, в каком ключе будет выполнен дизайн сайта. Будет ли он консервативным, строгим или затейливым. Соответственно, домашняя страничка должна отражать эстетические наклонности автора, рекламный сайт лучше сделать повеселее, а новостной - поскромнее, чтобы пестрота дизайна не заслоняла главное - информацию. На этом этапе лучше всего будет набросать на бумаге, как должна выглядеть та или иная страница.

Придумать логическую структуру сайта. Здесь лучше не изобретать самому велосипед, а посетить какой-нибудь уже существующий и популярный Web-сайт и посмотреть, как он организован. Например, для моего сайта идеальна такая структура: главная ("домашняя") страница с краткими сведениями о Эдгаре По,а на других страницах размещаются информация биографии писателя, его творчестве. Так же на сайте будут представлены рассказы и стихи, а на последней странице будет присутствовать видео о жизни и творчестве Эдгара По.

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

Планируем по макету как будут расположены элементы меню на первой страницы сайта. Также расположим в шапке сайта графическое изображение и кнопку плеера с композицией Моцарта:

Рис. 2 Расположение элементов в шапке сайта

Таким образом проведено планирование сайта «Жизнь и творчество Эдгара По».

4. Реализация проекта с помощью выбранного языка разметки гипертекста HTML

Ознакомительный Сайт «Жизнь и творчество Эдгара По» реализован с помощью CMS системы Joomla. CMS Joomla! включает в себя различные инструменты для разработки веб-сайта. Важной особенностью системы является минимальный набор инструментов при начальной установке, который дополняется по мере необходимости. Это снижает загромождение административной панели ненужными элементами, а также снижает нагрузку на сервер и экономит место на хостинге.

Joomla! позволяет отображать интерфейс фронтальной и административной части на любом языке. Каталог расширений содержит множество языковых пакетов, которые устанавливаются штатными средствами администрирования. Доступны пакеты русского, украинского, белорусского и ещё некоторых языков стран СНГ.

При реализации сайта были добавлены несколько подобных элементов JavaScript:

<div

skinpart="image" class="wysiwyg_viewer_skins_gallerymatrix_MatrixDisplayerDefaultSkinmg3-image skins_core_ImageSkin

" skin="skins.core.ImageSkin" comp="core.components.Image" id="mg1" style="visibility: visible; position: relative; overflow: hidden; width: 100%; height: 100%; background-image: url(http://static.wix.com/media/4229d7_720fc2c1a6f6d95417b4eba6848537f1.jpg_srz_245_293_85_22_0.50_1.20_0.00_jpg_srz); background-size: 245px 293px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; " styleid="" state="loaded"><div skinpart="loadingAnimation"></div><img skinpart="image" style="position: absolute; width: 245px; height: 293px; top: 0px; left: 0px; visibility: hidden; " alt="" src="http://static.wix.com/media/4229d7_720fc2c1a6f6d95417b4eba6848537f1.jpg_srz_245_293_85_22_0.50_1.20_0.00_jpg_srz"></div> <a skinpart="link" class="wysiwyg_viewer_skins_gallerymatrix_MatrixDisplayerDefaultSkinmg3-link" style="display: block; cursor: pointer; " href="http://www.lib.ru/INOFANT/POE/maska.txt" target="_blank">Go to link</a>

Выше приведен один из элементов JavaScript, создающий "коллекцию" с гиперссылкой.

Так же в сайт добавлены фото Эдгара По:

src="http://static.wix.com/media/4229d7_720fc2c1a6f6d95417b4eba6848537f1.jpg_srz_245_293_85_22_0.50_1.20_0.00_jpg_srz">(код вставки изображения)

Рис. 3 Фото Эдгара По

Рис. 4 Сборник стихотворений

Также на первой станице сайта можно увидеть слайд шоу (ниже приведен код реализующий показ слайдов):

<div style="position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; "><div skinpart="imageItem" comp="wysiwyg.viewer.components.Displayer" skin="wysiwyg.viewer.skins.displayers.SlideTextOverlayDisplayer" dataquery="#image8fe" style="min-height: 555px; zoom: 1; opacity: 1; width: 585px; height: 555px; top: 0px; visibility: visible; left: 0px; position: static; " id="Dsplyrkw" styleid="ssg2" class="wysiwyg_viewer_skins_displayers_SlideTextOverlayDisplayerssg2 " state="normal noTransition noLink"><div skinpart="imageWrapper" style="width: 585px; height: 555px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; "><div skinpart="zoom" class="wysiwyg_viewer_skins_displayers_SlideTextOverlayDisplayerssg2-zoom" style="cursor: pointer; "><div skinpart="image" class="wysiwyg_viewer_skins_displayers_SlideTextOverlayDisplayerssg2-image skins_core_ImageSkin " skin="skins.core.ImageSkin" comp="core.components.Image" id="mgkz" style="position: relative; overflow-x: hidden; overflow-y: hidden; visibility: visible; width: 100%; height: 100%; background-image: url(http://static.wix.com/media/4229d7_1d86a1445055f300f1a1a7086182812c.jpg_srz_740_555_85_22_0.50_1.20_0.00_jpg_srz); background-size: 740px 555px; background-position: -77px 0px; background-repeat: no-repeat no-repeat; " styleid="" state="loaded"><div skinpart="loadingAnimation"></div><img skinpart="image" style="position: absolute; width: 740px; height: 555px; top: 0px; left: -77px; visibility: hidden; " alt="" src="http://static.wix.com/media/4229d7_1d86a1445055f300f1a1a7086182812c.jpg_srz_740_555_85_22_0.50_1.20_0.00_jpg_srz"></div></div><div class="pnl wysiwyg_viewer_skins_displayers_SlideTextOverlayDisplayerssg2-panel" skinpart="panel"><h3 skinpart="title" class="wysiwyg_viewer_skins_displayers_SlideTextOverlayDisplayerssg2-title" style="overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; "></h3><p skinpart="description" class="wysiwyg_viewer_skins_displayers_SlideTextOverlayDisplayerssg2-description" style="overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; "></p><a skinpart="link" class="wysiwyg_viewer_skins_displayers_SlideTextOverlayDisplayerssg2-link" style="cursor: default; display: none; ">Go to link</a></div></div></div></div>

В соответствии с этим кодом получаем элементы слайд шоу на главной странице.

Рис. 5 Один из слайдов

В этом разделе описана реализация сайта. Тут описаны некоторые элементы позволяющие сделать сайт более красочным.

5. Тестирование и отладка программного продукта

При разработке программ наиболее трудоемким является этап отладки и тестирования программ.

Тестирование - это выполнение программы с целью обнаружения ошибок.

Отладка - это локализация и исправление ошибок.

Тестирование web-сервисов можно условно разделить на следующие подразделы:

Тестирование корректности верстки и отображения сайта в различных браузерах под разными платформами.

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

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

Функциональное тестирование web-сервиса, которое эквивалентно обычному функциональному тестированию любого приложения.

Функциональное тестирование - это процесс верификации соответствия функционирования продукта его начальным спецификациям.

Перечень основной функциональности веб-страниц:

ссылки (работоспособность, открытие в том же или новом окне и т.п.);

формы (ввод текста, чисел, использование маски, работа с незаполненными полями, длина вводимых символов, логичность установок "по умолчанию" и т.д.).

секретность (работа с паролями, передача данных, защита и т.д.).

кеширование (проверка на установку кеширования и обновления файлов).

В процессе создания Web сайта « « возникали следующие ошибки:

- проблемы совместимости Script.

- сбои в корректной работе JavaScript.

- некорректное отображение рисунка в шапке сайта (пример ошибки см. на рис. 6).

Рис. 6 Некорректное отображение рисунка в шапке сайта

В результате проведенной отладки все элементы работают корректно, а изображения отображаются правильно.

6. Модель жизненного цикла программного продукта

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

Эта модель обязана своим появлением У. Ройсу ([1], 1970 г.). Модель имеет и другое название - водопад (waterfall). Особенность модели - переход на следующую ступень осуществляется только после того, как будет полностью завершена работа на предыдущей стадии; возвратов на пройденные стадии не предусматривается (рис.7).

Рис. 7 Каскадная модель жизненного цикла программного продукта

Требования к разрабатываемой ПС, определенные на стадиях формирования и анализа, строго документируются в виде ТЗ и фиксируются на все время разработки проекта. Каждая стадия завершается выпуском полного комплекта документации (ТЗ, ЭП, ТП, РП), достаточной для того, чтобы разработка могла быть продолжена другой командой разработчиков. Критерием качества разработки при таком подходе является точность выполнения спецификаций ТЗ. Основное внимание разработчиков сосредоточивается на достижении оптимальных значений технических характеристик разрабатываемой ПС - производительности, объема занимаемой памяти и др.

Преимущества каскадной модели:

· на каждой стадии формируется законченный набор проектной документации, отвечающей критериям полноты и согласованности;

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

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

Недостатки каскадной модели:

· выявление и устранение ошибок производится только на стадии тестирования, которое может существенно растянуться;

· реальные проекты часто требуют отклонения от стандартной последовательности шагов;

· цикл основан на точной формулировке исходных требований к ПС, реально в начале проекта требования заказчика определены лишь частично;

· результаты работ доступны заказчику только по завершении проекта.

Реализованному сайту соответствует именно каскадная модель жизненного цикла, так как она содержит совокупность действий: спланированные требования заказчика и последовательность действий разработчика.

7. Экономическая оценка программного продукта

Оценка эффективности сайта -- дело сложное. Эффективность интернет-рекламы подсчитать легче, хотя то, что принято за единицы измерения эффективности (количество посетителей, количество просмотренных страниц и т.?п.) на самом деле показателями эффективности как таковыми не являются. Действительно, если мы обратимся к «реальной» жизни, то вряд ли можно считать эффективным, если, к примеру, за один день автомобильный салон посетили три пионерских отряда по 40 человек в каждом. Даже если они посидели в среднем на трех сидениях выставленных мерседесов -- все равно эффективность сомнительна.

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

Для начала оцените региональную составляющую вашей аудитории. Если целевые потребители не разбросаны по всему миру и по всей России, а сосредоточены только в одной или нескольких областях, то обратитесь к отчету география посетителей по странам и регионам. Просуммируйте доли посетителей из целевых регионов [Крег]. В данном случае конкретные цифры вас не должны интересовать -- только проценты в отчете.

Обратимся к отчету «поисковые слова». В этом отчете содержатся фразы (или наборы слов), по которым нашли ваш сайт пользователи в интернете. Просмотрите его внимательно за каждый день исследуемого периода и представьте себе, интересовали ли человека, который набирал эту последовательность слов, те материалы, которые есть на вашем сайте, ваша продукция и ваши услуги. Исследуемый период лучше всего принять равным неделе, но вы можете выбрать и другой период. Подсчитайте долю целевых запросов ко всем запросам (т.?е. количество строк, которые по вашему мнению соответствуют вашей целевой аудитории, [Зц] ко всему количеству поисковых запросов за неделю [З]).

Kц = Зц / З

Из отчета «посетители» возьмите число посетителей, побывавших на вашем сайте за неделю [ П ]. С помощью двух предыдущих коэффициентов «отсеем мусор», подсчитав количество контактов с целевым посетителем за неделю:

Пц = П * Кц * Крег / 100%

И, наконец, проанализируйте отчет сводной статистики и определите отношение количества посетителей, побываших на вашем сайте, и количество просмотренных страниц [C]. Например, за неделю сайт посетили 300 человек и просмотрели 800 страниц. 800 / 300 = 2,7 -- такой результат можно считать удовлетворительным.

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

Если ваш сайт не позволяет этим сотрудникам самостоятельно вносить изменения в разделы за которые они отвечают, то добавляйте к этому время на перемещение материалов, на то, чтобы объяснить специалисту, который умеет обновлять информацию на сайте, что и где нужно изменить и время, которое потратит он на то, чтобы внести требуемые изменения. Это -- «рутинная» часть работы. При этом рутинная часть обычно превышает творческую в 3 -- 10 раз. О том, как современные технологии позволяют сэкономить время на рутинных операциях мы не раз писали в наших предыдущих публикациях. Стоимость поддержки сайта [ Ст ] будет считаться, как произведение времени [ T ] на среднюю зарплату сотрудников [ Зп ].

Ст = Т * Зп

Теперь можно вывести такой параметр, как стоимость контакта с целевым посетителем [ Cт.ц. ]

Ст.ц. = Ст / Пц

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

Рекламная эффективность сайта -- величина обратно пропорциональная стоимости контакта с целевым посетителем.

Для моего сайта экономическая оценка составила 25500 рублей, так как в составляющее экономической оценки вошло:

Ш затраты на лицензионную CMS систему Joomla-20000 рублей;

Ш время, затраченное на реализацию сайта-1000 рублей/неделя;

Ш затраты электричества при создании сайта-5руб/кВт;

Ш разработка дизайна страниц-500 рублей.

Заключение

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

ь проанализирована область предмета

ь разработано техническое задание сайта

ь определена функция требований

ь проведено планирование ознакомительного сайта «Жизнь и творчество Эдгара По»

ь реализован проект с помощью выбранного языка разметки гипертекста html5

ь выполнена отладка и тестирование программного продукта

ь определена модель жизненного цикла программного продукта

ь проведена экономическая оценка сайта.

Глоссарий

Термин	Описание
Сайт	Информационная система, предоставляющая пользователям сети Интернет доступ к своему содержимому и функционалу в виде упорядоченного набора взаимосвязанных HTML-страниц
World wide web (WWW, web, веб)	Единое информационное пространство на базе сети Internet, состоящее из совокупности сайтов. Приставка "веб-" может использоваться для обозначения объектов, ориентированных на использование в WWW или использующих типичные для WWW технологии (например, веб-интерфейс - интерфейс на базе веб-страниц)
HTML-страница (веб-страница, страница)	Основной носитель информации в World ide Web. Особым образом сформатированный файл (набор файлов), просматриваемый с помощью www-браузера как единое целое (без перехода по гиперссылкам)
HTML-теги (теги)	Управляющие коды, посредством которых осуществляется форматирование HTML-страницы
Гиперссылка (ссылка, линк)	Активный элемент HTML-страницы, задаваемый специальным тегом. Выделенный фрагмент текста или изображения, позволяющий загрузить другую страницу или выполнить определенное действие
WWW-браузер (браузер)	Клиентская программа, поставляемая третьими сторонами и позволяющая просматривать содержимое HTML-страниц
HTML-форма (форма)	Часть HTML-страницы, предназначенная для взаимодействия с посетителем сайта. Представляет собой набор элементов (текстовых полей, селекторов, выпадающих списков), посредством которых пользователь может ввести какую-либо информацию и отправить ее для обработки на сервере
Поле (поле БД, поле формы)	Структурный элемент, содержащий однотипную информацию, например, текст, дату, числовые значения и т.п.
Флаг	Особое поле данных, могущее содержать только одно из двух допустимых значений. Позволяет указать на наличие или отсутствие какого-либо события или свойства объекта
Справочник	Вспомогательная структура данных, содержащая список допустимых значений для какого-либо поля основных форм или БД. Справочники подразделяются на фиксированные (неизменяемые и поставляемые Исполнителем вместе с готовым сайтом) и редактируемые (состав которых может изменяться администратором)
Администратор (менеджер, редактор) сайта	Лицо, осуществляющее от имени Заказчика информационную поддержку сайта
Дизайн-шаблон страниц	Файл, содержащий элементы внешнего оформления HTML страниц сайта, а также набор специальных тегов, используемых системой публикации сайта для вывода информации при создании окончательных HTML страниц
Дизайн веб-сайта	Уникальные для конкретного веб-сайта структура, графическое оформление и способы представления информации
Информационные материалы	Информация о деятельности Заказчика. Может включать графические, текстовые, аудио или видео материалы. Предоставляется Заказчиком
Наполнение (контент)	Совокупность информационного наполнения веб-сайта. Включает тексты, изображения, файлы и т.п. предназначенные для пользователей системы
Элемент наполнения (контента)	Отдельная запись в базе данных, внешнее представление которой зависит от управляющего ей программного модуля (например, в модуле «новостная лента» элементом наполнения является отдельная новость)
Система динамического управления наполнением (контентом) сайта	Информационная система, позволяющая авторизованным пользователям производить изменения иерархической структуры и информационного наполнения веб-сайта без использования каких либо дополнительных специальных программных средств
Дамп	Совокупность объектов базы данных, представленная в виде файлов, позволяющая восстановить точную копию структуры исходной базы данных в аналогичной системе управления базами данных
Веб-интерфейс	Совокупность экранов и элементов управления системы, позволяющих пользователю, осуществляющему доступ к системе через веб-браузер, осуществлять поддержку и управление системой.
Шаблона раздела	Ссобым образом размеченный ASCII-файл, определяющий как графическое оформление страниц раздела, так и их макет (раскладку) - взаимное расположение блоков с наполнением раздела
WYSIWYG редактор	Редактор языка HTML, имеющий возможности по работе в текстовом режиме и в режиме WYSIWYG (What You See Is What You Get). В режиме WYSIWYG элементы HTML страницы при редактировании представляются в том же виде, что и при просмотре
Роль	Класс пользователей системы, обладающих определенным набором прав доступа

Список использованных источников

1. Экономика, разработка и использование программного обеспечения ЭВМ: Учебник / В.А. Благодатских, М.А. Енгибарян, Е.В. Ковалевская и др. М.: Финансы и статистика, 1995. 288 с.

2. Венчковский Л.Б. Разработка сложных программных изделий: Учебное пособие для вузов / Под редакцией. В.А. Машурцева; ГУУ. М.: ЗАО «Финстатинформ», 1999. 109 с.

3. Епанешников А.М., Епанешников В.А. DELPHI. Проектирование СУБД. М.: ДИАЛОГ-МИФИ, 2001. 528 с.

4. Бондарев В.М., Рублинецкий В.И., Качко Е.Г. Основы программирования / Худож.-оформитель С.А. Пятковка. Харьков: Фолио; Ростов н/Д: Феникс, 1998. 368 с.

5. А. Епанешников, В. Епанешников Программирование в среде Turbo Pascal 7.0. 3-е издание, стер. М.: “Диалог - МИФИ”, 1996. 288 с.

6. Евдокимов В.В. и др. Экономическая информатика. Учебник для вузов. Под ред. д. э. н. проф. В.В. Евдокимова. СПб: Питер, 1997. 592 с.

7. Информатика. Базовый курс / Симонович С.В. и др. СПб: Издательство «Питер», 1999. 640 с.

8. Могилев А.В. и др. Информатика: Учебное пособие для студентов пед. вузов / А.В. Могилев, Н.И. Пак, Е.К. Хеннер; Под ред. Е.К. Хеннера. М., 1999 816 с.

9. Информатика: Учебник / Под ред. проф. Н.В. Макаровой. М.: Финансы и статистика, 1997. 768 с.

10. Емелина Е.И. Основы программирования на языке Паскаль. М.: Финансы и статистика, 1997. 208 с.

11. Бентли Дж. Жемчужины программирования. 2-е издание. СПб.: Питер, 2002. 272 с.

10. Иванова Г.С. Технология программировавния: Учебник для вузов. - М.: Изд-во МГТУ им. Н.Э. Баумана, 2002. 320 с.

11. Канер Сэм и др. Тестирование программного обеспечения: Пер. с англ. / Сэм Канер, Джек Фолк, Енг Кек Нгуен. К.: Издательство “ДиаСофт”, 2000. 544 с.

12. Одинцов И.О. Профессиональное программирование. Системный подход. СПб.: БХВ-Петербург, 2002. 512 с.

13. Вендров А.М. CASE - технологии. Современные методы и средства проектирования информационных систем. М.: Финансы и статистика, 1998. 176 с.

14. Вендров А.М. Проектирование программного обеспечения экономических информационных систем: Учебник. М.: Финансы и статистика, 2000. 352 с.

15. Информационные технологии управления: Учебное пособие / Под ред. Ю.М. Черкасова. М.: ИНФРА-М, 2001. 216 с.

16. Котов С.Л. Нормирование жизненного цикла программной продукции. М.: ЮНИТИ-ДАНА, 2002. 143 с.

17. Государственный образовательный стандарт среднего профессионального образования по специальности 2203 № 04-2203-Б от 8 февраля 2002 года.

18. Савощенко С.А. Методические указания для студентов по выполнению курсового проекта для специальности 2203, 2007.

19. Рева О.Н. JavaScript в кармане, 2007.

20. Петюшкин А. НТМL Экспресс курс, 2002.

21. Джейсон Кренфорд Тиге DHTML и CSS для INTERNEТ, 2009.

22. Ашманов И., Иванов И. Оптимизация и продвижение сайтов в поисковых системах, 2008.

23. Айзекс С. DHTML, 2007.

24. http://www.weburoki-start.ru/books.php.

25. http://freebooks.com.ua/knigi/saytostroenie/.

26. http://phpcss.ru/books.php.

27. http://forum.master-css.com/viewforum.php?f=9.

28. http://biginfobiz.ru/sajtostroenie/obuchenie-sajtostroeniyu.

Приложение

Код главной страницы сайта "Жизнь и творчество Эдгара По"

<html>

<head>

<meta http-equiv="X-UA-Compatible" content="IE=9,chrome=1"/>

<meta charset="utf-8"/>

<title>ЖИЗНЬ И ТВОРЧЕСТВО ЭДГАРА ПО</title>

<meta name="fb_admins_meta_tag" content=""/>

<link rel="shortcut icon" href="http://www.wix.com/favicon.ico" type="image/png"/>

<link rel="canonical" href="http://dmitriyzhukov2012.wix.com/egar2"/>

<meta http-equiv="X-Wix-Renderer-Server" content="apu2.aus"/>

<meta http-equiv="X-Wix-Meta-Site-Id" content="12eef76f-7a1d-fe00-7d27-351ecc59c52e"/>

<meta http-equiv="X-Wix-Application-Instance-Id" content="12eef76f-770c-0a23-13f8-40f41d49334b"/>

<meta http-equiv="X-Wix-Published-Version" content="9"/>

<meta http-equiv="etag" content="e633d43b02ae77e4145b5ce896a7254b"/>

<meta property="og:title" content="ЖИЗНЬ И ТВОРЧЕСТВО ЭДГАРА ПО"/>

<meta property="og:type" content="article"/>

<meta property="og:url" content="http://dmitriyzhukov2012.wix.com/egar2"/>

<meta property="og:site_name" content="ЖИЗНЬ И ТВОРЧЕСТВО ЭДГАРА ПО"/>

<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"/>

<!-- Looking for this page's SEO Code?

You can find it at http://dmitriyzhukov2012.wix.com/egar2?_escaped_fragment_

Wix.com's brand new HTML5 editor supports the latest SEO technologies including AJAX Crawling

For more information about AJAX Crawling visit http://bit.ly/ajaxcrawling -->

<!-- META DATA -->

<!-- Ad Muncher content start --><script type="text/javascript" src="http://interceptedby.admuncher.com/9AC4033111FC7EA9/helper.js#0.5035.0" id="zWyY_MainScript"></script><link rel="stylesheet" href="http://interceptedby.admuncher.com/9AC4033111FC7EA9/helper.css" type="text/css" media="all" /><!-- Ad Muncher content end -->

<script type="text/javascript">

var rendererModel = {"debugMode":"nodebug","previewMode":false,"serviceMappings":{"1":{"idInMetaSite":1,"idInApp":"12eef76f-770c-0a23-13f8-40f41d49334b","applicationType":"HtmlWeb"}},"metaSiteId":"12eef76f-7a1d-fe00-7d27-351ecc59c52e","premiumFeatures":[],"siteId":"12eef76f-770c-0a23-13f8-40f41d49334b","userId":"4229d7ec-73b7-48ca-b47c-76a66b8f205d","published":true,"applicationType":"HtmlWeb","documentType":"UGC","siteTitleSEO":"ЖИЗНЬ И ТВОРЧЕСТВО ЭДГАРА ПО","clientSpecMap":{},"runningExperiments":{"WixApps":"New","StyleRefactor":"New","CSW":"New","JITPageLoader":"New","HorizontalScrollFix":"New","fixSlideshowAutoplay2807":"New","NewComps":"New","GIFFix":"new","PhantomPageFix":"New","PSMenuFix":"New","AudioPlayer":"New","PageManager":"New","FLAG_cleanhomepageurl":"new"},"languageCode":"en"};

var publicModel = {"externalBaseUrl":"http://dmitriyzhukov2012.wix.com/egar2","domain":"wix.com","premiumFeatures":[],"favicon":"","suppressTrackingCookies":false,"pageList":{"masterPage":["http://static.wix.com/sites/4229d7_a468b02b75ca72e6c8c609117865548d.json.z?v=1","http://archive.wix.com/sites/4229d7_a468b02b75ca72e6c8c609117865548d.json.z?v=1"],"pages":[{"pageId":"mainPage","title":"Главная","urls":["http://static.wix.com/sites/4229d7_82f5113d4cb91e44e5c77d6bec8e5c95.json.z?v=1","http://archive.wix.com/sites/4229d7_82f5113d4cb91e44e5c77d6bec8e5c95.json.z?v=1"]},{"pageId":"csa","title":"Детство","urls":["http://static.wix.com/sites/4229d7_a7840d4c815a11994c72bc5df0c2247b.json.z?v=1","http://archive.wix.com/sites/4229d7_a7840d4c815a11994c72bc5df0c2247b.json.z?v=1"]},{"pageId":"c330","title":"Молодость","urls":["http://static.wix.com/sites/4229d7_e36441df8354ef2e18bd94d0fa08cbe2.json.z?v=1","http://archive.wix.com/sites/4229d7_e36441df8354ef2e18bd94d0fa08cbe2.json.z?v=1"]},{"pageId":"c1w8i","title":"1830-е -- 1840-е годы","urls":["http://static.wix.com/sites/4229d7_551912f702355078b9bf39cf69dd4ac0.json.z?v=1","http://archive.wix.com/sites/4229d7_551912f702355078b9bf39cf69dd4ac0.json.z?v=1"]},{"pageId":"caod","title":"Последние годы жизни","urls":["http://static.wix.com/sites/4229d7_b77f7ff12106b164d794e7b6b9eff351.json.z?v=1","http://archive.wix.com/sites/4229d7_b77f7ff12106b164d794e7b6b9eff351.json.z?v=1"]},{"pageId":"c21jb","title":"Творчество","urls":["http://static.wix.com/sites/4229d7_5a57ff0836e4a4fc648cddf5cfec35ff.json.z?v=1","http://archive.wix.com/sites/4229d7_5a57ff0836e4a4fc648cddf5cfec35ff.json.z?v=1"]},{"pageId":"c60z","title":"Рассказы и стихи","urls":["http://static.wix.com/sites/4229d7_6ae0843046839efb33990357e262dcdb.json.z?v=1","http://archive.wix.com/sites/4229d7_6ae0843046839efb33990357e262dcdb.json.z?v=1"]},{"pageId":"c21nl","title":"Видео","urls":["http://static.wix.com/sites/4229d7_3b2372c63f0772e9785b6c300b605a63.json.z?v=1","http://archive.wix.com/sites/4229d7_3b2372c63f0772e9785b6c300b605a63.json.z?v=1"]},{"pageId":"c1x9v","title":"Биография","urls":["http://static.wix.com/sites/4229d7_63195ea35446351e4505f0b721aba178.json.z?v=1","http://archive.wix.com/sites/4229d7_63195ea35446351e4505f0b721aba178.json.z?v=1"]}],"mainPageId":"mainPage"},"siteRevision":9};

var serviceTopology = {"serverName":"apu2.aus.wixpress.com","cacheKillerVersion":"1","staticServerUrl":"http://static.wix.com/","usersScriptsRoot":"http://static.wix.com/services/wix-users/2.179.0","biServerUrl":"http://frog.wix.com/","userServerUrl":"http://users.wix.com/","billingServerUrl":"http://premium.wix.com/","mediaRootUrl":"http://0.static.wix.com/","logServerUrl":"http://frog.wix.com/plebs","monitoringServerUrl":"http://TODO/","usersClientApiUrl":"http://users.wix.com/wix-users","publicStaticBaseUri":"http://static.wix.com/services/wix-public/1.23.0","basePublicUrl":"http://www.wix.com/","postLoginUrl":"http://www.wix.com/create/my-account","postSignUpUrl":"http://www.wix.com/new/account","baseDomain":"wix.com","scriptsRoot":"http://static.wix.com/services/html-wysiwyg/libs-releases-GA-local","staticSkinUrl":"http://static.wix.com/services/html-web-skins/libs-releases-GA-local","relativeStaticSkinUrl":"/services/html-web-skins/libs-releases-GA-local//javascript/","staticThemeUrl":"http://static.wix.com/services/html-web-skins/libs-releases-GA-local/images/mobile/core/themes","staticThemeUrlWeb":"http://static.wix.com/services/html-web-skins/libs-releases-GA-local/images/wysiwyg/core/themes","staticMediaUrl":"http://static.wix.com/media","staticAudioUrl":"http://media.wix.com/mp3","emailServer":"http://assets.wix.com/common-services/notification/invoke","blobUrl":"http://static.wix.com/wix_blob","htmlEditorUrl":"http://editor.wix.com/html","siteMembersUrl":"http://users.wix.com/wix-sm","relativeStaticMobileUrl":"/services/html-client-core/libs-releases-GA-local/javascript/","scriptsLocationMap":{"bootstrap":"http://static.wix.com/services/bootstrap/2.84.2","sitemembers":"http://static.wix.com/services/sm-js-sdk/1.17.0","langs":"http://static.wix.com/services/langs/2.51.1","wixapps":"http://static.wix.com/services/wixapps/2.101.5","core":"http://static.wix.com/services/core/2.69.2","web":"http://static.wix.com/services/web/2.90.7","skins":"http://static.wix.com/services/skins/2.76.1"},"scriptsVersion":"libs-releases-GA-local","developerMode":false,"publicStaticsUrl":"http://static.wix.com/services/wix-public/1.23.0","staticDocsUrl":"http://media.wix.com/ugd"};

var siteHeader = {"id":"12eef76f-770c-0a23-13f8-40f41d49334b", "userId":"4229d7ec-73b7-48ca-b47c-76a66b8f205d"};

var siteId = siteHeader.id;

var configUrls = serviceTopology;

var debugMode = "nodebug";

var viewMode = (rendererModel.previewMode) ? 'preview' : 'site';

var googleAnalytics = ""

;

</script>

<meta name="fragment" content="!"/>

<!-- DATA -->

<script type="text/javascript">

var adData = {"topLabel":"<span class=\"smallMusa\">(Wix-Logo) </span>Create a <span class=\"smallLogo\">Wix</span> site!","topContent":"100s of templates<br />No coding needed<br /><span class=\"emphasis spacer\">Start now >></span>","footerLabel":"<div class=\"adFootBox\"><div class=\"siteBanner\" ><div class=\"siteBanner\"><div class=\"wrapper\"><div class=\"bigMusa\">(Wix Logo)</div><div class=\"txt shd\" style=\"color:#fff\">This site was created by </div> <div class=\"txt shd\"><a href=\"http://www.wix.com?utm_campaign=vir_wixad_live\" style=\"color:#fff\"> WIX.com. </a></div> <div class=\"txt shd\" style=\"color:#fff\"> Create your own for FREE <span class=\"emphasis\"> >></span></div></div></div></div>","adUrl":"http://www.wix.com/html5webbuilder/400?utm_campaign=vir_wixad_live"};

var usersDomain = "https://users.wix.com//wix-users";

</script>

<script src="http://static.wix.com/services/wix-users/2.179.0/client/js/userApi_v2.js?cacheKiller=1"></script>

<script type="text/javascript">

var userApi = UserApi.getInstance().init({

"usersDomain":"http://users.wix.com//wix-users",

"corsEnabled":false,

"dontHandShake":true,

"urlThatUserRedirectedFrom":"$"

});

</script>

</head>

<body>

<!-- debug mode=nodebug -->

<!-- anc2 -->

<!-- Anchors -->

<script type="text/javascript">

var anchors = {"SITE_FOOTER":[{"distance":0,"topToTop":964,"originalValue":1289,"type":"BOTTOM_PARENT","locked":true,"targetComponent":"SITE_STRUCTURE"}],"Cntnr6":[{"distance":140,"topToTop":10,"originalValue":225,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"SITE_FOOTER"}],"WRchTxtg":[{"distance":54,"topToTop":18,"originalValue":108,"type":"BOTTOM_PARENT","locked":true,"targetComponent":"Cntnr6"}],"LnkBr4":[{"distance":60,"topToTop":18,"originalValue":108,"type":"BOTTOM_PARENT","locked":true,"targetComponent":"Cntnr6"}],"WRchTxth":[{"distance":52,"topToTop":20,"originalValue":108,"type":"BOTTOM_PARENT","locked":true,"targetComponent":"Cntnr6"}],"LnkBr5":[{"distance":60,"topToTop":18,"originalValue":108,"type":"BOTTOM_PARENT","locked":true,"targetComponent":"Cntnr6"}],"LnkBr6":[{"distance":60,"topToTop":18,"originalValue":108,"type":"BOTTOM_PARENT","locked":true,"targetComponent":"Cntnr6"}],"WRchTxti":[{"distance":54,"topToTop":18,"originalValue":108,"type":"BOTTOM_PARENT","locked":true,"targetComponent":"Cntnr6"}],"WPhtm":[{"distance":65,"topToTop":570,"originalValue":870,"type":"BOTTOM_TOP","locked":true,"targetComponent":"SITE_FOOTER"}],"SITE_HEADER":[{"distance":20,"topToTop":280,"originalValue":280,"type":"BOTTOM_TOP","locked":true,"targetComponent":"PAGES_CONTAINER"}],"Cntnr4":[{"distance":-15,"topToTop":30,"originalValue":353,"type":"BOTTOM_PARENT","locked":true,"targetComponent":"SITE_HEADER"}],"WPhtf":[{"distance":3,"topToTop":3,"originalValue":15,"type":"TOP_TOP","locked":true,"targetComponent":"WPhtc"},{"distance":8,"topToTop":8,"originalValue":20,"type":"TOP_TOP","locked":true,"targetComponent":"WPht3"},{"distance":48,"topToTop":208,"originalValue":220,"type":"BOTTOM_TOP","locked":true,"targetComponent":"DrpDwnMn0"}],"WPhth":[{"distance":15,"topToTop":15,"originalValue":25,"type":"TOP_TOP","locked":true,"targetComponent":"WRchTxt6"},{"distance":50,"topToTop":210,"originalValue":220,"type":"BOTTOM_TOP","locked":true,"targetComponent":"DrpDwnMn0"},{"distance":105,"topToTop":15,"originalValue":280,"type":"BOTTOM_BOTTOM","locked":false,"targetComponent":"WPhtn"}],"WPhtc":[{"distance":5,"topToTop":5,"originalValue":20,"type":"TOP_TOP","locked":true,"targetComponent":"WPht3"},{"distance":45,"topToTop":205,"originalValue":220,"type":"BOTTOM_TOP","locked":true,"targetComponent":"DrpDwnMn0"}],"WPht3":[{"distance":20,"topToTop":20,"originalValue":40,"type":"TOP_TOP","locked":true,"targetComponent":"WPhtd"},{"distance":95,"topToTop":200,"originalValue":220,"type":"BOTTOM_TOP","locked":false,"targetComponent":"DrpDwnMn0"},{"distance":50,"topToTop":5,"originalValue":160,"type":"BOTTOM_BOTTOM","locked":true,"targetComponent":"WPhtc"},{"distance":47,"topToTop":8,"originalValue":160,"type":"BOTTOM_BOTTOM","locked":true,"targetComponent":"WPhtf"}],"WRchTxt6":[{"distance":15,"topToTop":15,"originalValue":40,"type":"TOP_TOP","locked":true,"targetComponent":"WPhtd"},{"distance":-20,"topToTop":195,"originalValue":220,"type":"BOTTOM_TOP","locked":true,"targetComponent":"DrpDwnMn0"},{"distance":35,"topToTop":30,"originalValue":280,"type":"BOTTOM_BOTTOM","locked":true,"targetComponent":"WPhtn"}],"WPhtn":[{"distance":15,"topToTop":15,"originalValue":10,"type":"TOP_TOP","locked":true,"targetComponent":"WPhth"},{"distance":30,"topToTop":30,"originalValue":25,"type":"TOP_TOP","locked":true,"targetComponent":"WRchTxt6"},{"distance":33,"topToTop":33,"originalValue":28,"type":"TOP_TOP","locked":true,"targetComponent":"dPlyr0"},{"distance":45,"topToTop":45,"originalValue":40,"type":"TOP_TOP","locked":true,"targetComponent":"WPhtd"},{"distance":225,"topToTop":225,"originalValue":220,"type":"TOP_TOP","locked":false,"targetComponent":"DrpDwnMn0"},{"distance":57,"topToTop":-5,"originalValue":332,"type":"BOTTOM_PARENT","locked":true,"targetComponent":"Cntnr4"}],"dPlyr0":[{"distance":12,"topToTop":12,"originalValue":40,"type":"TOP_TOP","locked":true,"targetComponent":"WPhtd"},{"distance":152,"topToTop":192,"originalValue":220,"type":"BOTTOM_TOP","locked":false,"targetComponent":"DrpDwnMn0"},{"distance":207,"topToTop":33,"originalValue":280,"type":"BOTTOM_BOTTOM","locked":false,"targetComponent":"WPhtn"}],"WPhtd":[{"distance":180,"topToTop":180,"originalValue":220,"type":"TOP_TOP","locked":false,"targetComponent":"DrpDwnMn0"},{"distance":24,"topToTop":40,"originalValue":332,"type":"BOTTOM_PARENT","locked":true,"targetComponent":"Cntnr4"}],"DrpDwnMn0":[{"distance":80,"topToTop":220,"originalValue":332,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"Cntnr4"},{"distance":56,"topToTop":180,"originalValue":268,"type":"BOTTOM_BOTTOM","locked":true,"targetComponent":"WPhtd"},{"distance":23,"topToTop":225,"originalValue":280,"type":"BOTTOM_BOTTOM","locked":true,"targetComponent":"WPhtn"}],"WPhtx":[{"distance":0,"topToTop":0,"originalValue":-180,"type":"TOP_TOP","locked":true,"targetComponent":"WPhtt"},{"distance":0,"topToTop":0,"originalValue":-180,"type":"TOP_TOP","locked":true,"targetComponent":"WPhtv"},{"distance":93,"topToTop":180,"originalValue":0,"type":"BOTTOM_TOP","locked":false,"targetComponent":"SITE_HEADER"}],"WPhtw":[{"distance":0,"topToTop":0,"originalValue":-172,"type":"TOP_TOP","locked":true,"targetComponent":"WPhts"},{"distance":0,"topToTop":0,"originalValue":-172,"type":"TOP_TOP","locked":true,"targetComponent":"WPhtu"},{"distance":113,"topToTop":172,"originalValue":0,"type":"BOTTOM_TOP","locked":false,"targetComponent":"SITE_HEADER"}],"WPhts":[{"distance":0,"topToTop":0,"originalValue":-172,"type":"TOP_TOP","locked":true,"targetComponent":"WPhtu"},{"distance":113,"topToTop":172,"originalValue":0,"type":"BOTTOM_TOP","locked":false,"targetComponent":"SITE_HEADER"}],"WPhtt":[{"distance":0,"topToTop":0,"originalValue":-180,"type":"TOP_TOP","locked":true,"targetComponent":"WPhtv"},{"distance":93,"topToTop":180,"originalValue":0,"type":"BOTTOM_TOP","locked":false,"targetComponent":"SITE_HEADER"}],"WPhtu":[{"distance":113,"topToTop":172,"originalValue":0,"type":"BOTTOM_TOP","locked":false,"targetComponent":"SITE_HEADER"}],"WPhtv":[{"distance":93,"topToTop":180,"originalValue":0,"type":"BOTTOM_TOP","locked":false,"targetComponent":"SITE_HEADER"}],"PAGES_CONTAINER":[{"distance":20,"topToTop":20,"originalValue":300,"type":"TOP_TOP","locked":true,"targetComponent":"WPhtm"},{"distance":11,"topToTop":590,"originalValue":870,"type":"BOTTOM_TOP","locked":true,"targetComponent":"SITE_FOOTER"}],"SITE_PAGES":[{"distance":0,"topToTop":0,"originalValue":635,"type":"BOTTOM_PARENT","locked":true,"targetComponent":"PAGES_CONTAINER"}],"mainPage":[],"Cntnr0":[{"distance":0,"topToTop":0,"originalValue":580,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"mainPage"}],"SldShwGllry0":[{"distance":10,"topToTop":9,"originalValue":574,"type":"BOTTOM_PARENT","locked":true,"targetComponent":"Cntnr0"}],"Cntnr5":[{"distance":11,"topToTop":5,"originalValue":580,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"mainPage"}],"WPht8":[{"distance":30,"topToTop":30,"originalValue":10,"type":"TOP_TOP","locked":true,"targetComponent":"WRchTxt3"},{"distance":28,"topToTop":-20,"originalValue":558,"type":"BOTTOM_PARENT","locked":true,"targetComponent":"Cntnr5"}],"WRchTxt3":[{"distance":328,"topToTop":10,"originalValue":558,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"Cntnr5"},{"distance":300,"topToTop":30,"originalValue":550,"type":"BOTTOM_BOTTOM","locked":false,"targetComponent":"WPht8"}],"csa":[],"WRchTxt2":[{"distance":22,"topToTop":55,"originalValue":85,"type":"BOTTOM_TOP","locked":true,"targetComponent":"WRchTxt5"}],"WRchTxt5":[{"distance":0,"topToTop":85,"originalValue":577,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"csa"}],"c330":[],"WRchTxtc":[{"distance":10,"topToTop":43,"originalValue":73,"type":"BOTTOM_TOP","locked":true,"targetComponent":"WRchTxtd"}],"WRchTxtd":[{"distance":65,"topToTop":73,"originalValue":480,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"c330"}],"WPht0":[{"distance":15,"topToTop":205,"originalValue":285,"type":"BOTTOM_TOP","locked":true,"targetComponent":"WRchTxte"}],"WRchTxte":[{"distance":1093,"topToTop":1165,"originalValue":1450,"type":"BOTTOM_TOP","locked":false,"targetComponent":"WPht5"}],"WPht5":[{"distance":25,"topToTop":295,"originalValue":1745,"type":"BOTTOM_TOP","locked":true,"targetComponent":"WRchTxt4"}],"WRchTxt4":[{"distance":187,"topToTop":1745,"originalValue":1997,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"c330"}],"c1w8i":[],"WRchTxtf":[{"distance":11,"topToTop":89,"originalValue":480,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"c1w8i"},{"distance":19,"topToTop":-74,"originalValue":0,"type":"LOCK_BOTTOM","locked":false,"targetComponent":"WPht1"}],"WRchTxtj":[{"distance":17,"topToTop":50,"originalValue":89,"type":"BOTTOM_TOP","locked":true,"targetComponent":"WRchTxtf"}],"WPht1":[{"distance":-1278,"topToTop":15,"originalValue":0,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"c1w8i"}],"caod":[],"WRchTxtk":[{"distance":5,"topToTop":85,"originalValue":1014,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"caod"},{"distance":39,"topToTop":5,"originalValue":0,"type":"LOCK_BOTTOM","locked":false,"targetComponent":"WPht2"}],"WRchTxtl":[{"distance":22,"topToTop":55,"originalValue":85,"type":"BOTTOM_TOP","locked":true,"targetComponent":"WRchTxtk"},{"distance":27,"topToTop":60,"originalValue":90,"type":"BOTTOM_TOP","locked":true,"targetComponent":"WPht2"}],"WPht2":[{"distance":0,"topToTop":90,"originalValue":1048,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"caod"}],"c21jb":[],"WRchTxt0":[{"distance":67,"topToTop":82,"originalValue":529,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"c21jb"}],"WRchTxt1":[{"distance":27,"topToTop":60,"originalValue":82,"type":"BOTTOM_TOP","locked":true,"targetComponent":"WRchTxt0"}],"WPht4":[{"distance":1280,"topToTop":105,"originalValue":2095,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"c21jb"}],"c60z":[],"WRchTxtm":[{"distance":17,"topToTop":45,"originalValue":67,"type":"BOTTOM_TOP","locked":true,"targetComponent":"MtrxGllry0"}],"MtrxGllry0":[{"distance":244,"topToTop":67,"originalValue":494,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"c60z"}],"c21nl":[],"Vd0":[{"distance":110,"topToTop":45,"originalValue":515,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"c21nl"}],"c1x9v":[],"WRchTxt1p":[{"distance":19,"topToTop":284,"originalValue":369,"type":"BOTTOM_TOP","locked":true,"targetComponent":"FvGrdLn9"}],"WPhtk":[{"distance":22,"topToTop":327,"originalValue":712,"type":"BOTTOM_TOP","locked":true,"targetComponent":"FvGrdLn2"}],"FvGrdLn9":[{"distance":11,"topToTop":16,"originalValue":385,"type":"BOTTOM_TOP","locked":true,"targetComponent":"WPhtk"}],"FvGrdLn2":[{"distance":313,"topToTop":712,"originalValue":1030,"type":"BOTTOM_PARENT","locked":false,"targetComponent":"c1x9v"}]};

...