Преподаватель который помогает студентам и школьникам в учёбе.

Разработка сайта магазина игрушек ecotoystory (Общее требования к сайту)

Содержание:

ВВЕДЕНИЕ

В настоящее время “Интернет” становится, удобной и достаточно дешевой

“ Торговой площадкой ”. Все больше количество организаций стараются

Предоставить свою продукцию в on-line среде. При этом такое представление не ограничивает, а созданием промо-сайтов и размещением рекламных материалов “банеров”, информационных статей в электронных журналах и на информационных порталах. С развитием интернет среды, развивается и само предложение. Теперь люди могут получать интересующею их информацию, и совершать покупки в онлайн магазинах. При этом с помощью Интернет-магазинов можно приобретать товары совершенно разных категорий, как элементарные потребительские, так и высокотехнологичные.

Такое положение вещей обусловлено, во-первых, постоянным, стабильным ростом аудитории пользователей глобальной сети. Основную часть аудитории сети Интернет составляют люди, работающие в офисах и проводящие большую часть времени за компьютером. Как правило, их образ жизни не позволяет им тратить большое количество времени на походы по off-line магазинам в поисках именно того, что им нужно. Возможность заказать интересующий продукт в Интернете является для них действительно выходом из ситуации. Интернет существенно упрощает в приобретение какого либо продукта для личных нужд клиента.

Цель этой работы – спроектировать и реализовать сайт магазина игрушек

«ecotoystory».

Для достижения поставленной цели необходимо решение следующих основных задач:

1. Выбор технологии создания портала, анализ основных критериев и параметров выбора.

2. Разработка требований к приложению.

3. Проведение анализа исходных данных

4. Описание хода разработки приложения.

ОСНОВНАЯ ЧАСТЬ.

Целью данной работы является разработка сайта магазина игрушек (web-сайта) компании «ecotoystory», c последующим размещением в сети Интернет. Сайт будет разработан согласно общих требований, заявленной структуре и исходных данных. А также в работе будут отраженные исходники работы и основные части рабочего кода. Ниже дана терминология, которая в дальнейшем будет использоваться в проекте.

Терминология:

Сайт – информационная система, предоставляющая пользователям сети Интернет доступ к своему содержимому и функционалу в виде упорядоченного набора взаимосвязанных HTML-страниц.
WWW – единое информационное пространство на базе сети Internet, состоящее из совокупности сайтов. Приставка “веб“ – может использоваться для обозначения объектов, ориентированных на использование в WWW или использующих типичные для WWW технологии (например, веб – интерфейс – интерфейс на базе веб-страниц).
HTML-теги (теги) – управляющие коды, посредством которых осуществляется форматирование HTML-страницы.
Гиперссылка (ссылка, линк) – активный элемент HTML-страницы, задаваемый специальным тегом. Выделенный фрагмент текста или изображения, позволяющий загрузить другую страницу или выполнить определенное действие.
WWW-браузер (браузер) – клиентская программа, поставляемая третьими сторонами и позволяющая просматривать содержимое HTML-страница.
HTML-форма (форма) – часть HTML –страницы, предназначенная для взаимодействия с посетителем сайта. Представляет собой набор элементов (текстовых полей, селекторов, выпадающих списков), посредством которых пользователь может вывести какую-либо информацию и отправить ее для обработки на сервере.
Дизайн веб-сайта – уникальные для конкретного веб-сайта структура, графическое оформление и способы представления информации.
Веб-интерфейс – совокупность экранов и элементов управления системы, позволяющих пользователю, осуществляющему доступ к системе через веб-браузер, осуществлять поддержку и управление системой.
Простой контентный раздел – раздел с возможностью вставки произвольного текста, графики, ссылок на другие разделы, файлы, графику или внешние сайты. Подобный раздел управляется при помощи системы управления контентом с возможностью использования такого инструмента как «Визуальный редактор».
Простой список (или список) – раздел, содержание которого формируется из однотипных записей с предопределенным набором полей/свойств. При входе в раздел посетитель видит опциональный общий вводный текст и последовательность записей, состоящих из предопределенного набора свойств (в том случае, если оно заполнено). Количество единовременно отображаемых записей на странице раздела ограничено. Если общее количество записей превысит лимит, то отобразится «постраничная навигация», позволяющая просмотреть остальные записи списка. Такой раздел управляется из администраторского модуля, в котором присутствует инструментарий управления каждой по отдельности записью с возможностями редактирования их свойств, скрытия (без удаления) и прочие универсальные действия.

ОБЩИЕ ТРЕБОВАНИЯ К САЙТУ

Web-представительство компании должно обеспечивать реализацию следующих функций:

- 1. Имиджевая. Формирование стиля и образа компании. Стилевое оформление сайта должно соответствовать корпоративному стилю компании.
  2. Информационная. Сайт должен предоставлять доступ к информации о компании, ее истории, деятельности, ассортименте предлагаемых услуг, представительствах, а также оперативно информировать пользователей о новостях компании.
  3. Рекламная. Сайт должен содержать информацию о полном перечне услуг компании и обеспечивать возможность просмотра связанных с предоставляемыми услугами текстовых и графических материалов.

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

Требования к стилистическому оформлению:

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

Шрифты, используемые в графических элементах сайта, могут выбираться произвольно при условии не противоречия корпоративному стилю. Шрифты, используемые в текстовой материал сайта, должны соответствовать стандартным шрифтам браузеров: Helvetica/Arial, Times New Roman, Courier.

Допустимо использование иных распространенных шрифтов (Verdana, Tahoma и др.) в том случае, если их замена на стандартные шрифты не приведет к визуальному искажению текста. Размер (кегль) шрифтов должен обеспечивать удобство восприятия текста при минимально допустимом размере экрана.

Требования к функциональности веб-сервера:

Веб-сервер должен обеспечивать возможности:

управления содержанием и структурой сайта через систему управления контентом;
осуществления обратной связи c пользователями: прием отзывов и запросов пользователей по e-mail через заполнение специальных форм на сайте;
обработки статистики посещений (подключение внешней системы статистики HotLog);
ведения статистики голосований

Требования к браузеру:

Сайт должен обеспечивать корректное отображение данных в следующих браузерах: Internet Explorer 5.0 и выше (Microsoft), Opera 7.0 и выше (Opera Software), Netscape 7.0 и выше (AOL Netscape).

Требования к верстке:

Сайт должен быть оптимизирован для просмотра при разрешении 1024*768, 1280*1024 без горизонтальной полосы прокрутки и без пустых (белых) полей для основных типов разрешения.
Мета-теги и контент сайта на этапе изготовления сайта должны быть настроены с учетом требований поисковых систем, что обеспечить продвижение сайта по ключевым словам в русскоязычных поисковых системах Yandex, Aport!, Rambler, Google.

СТРУКТУРА И ОПИСАНИЕ САЙТА
Главная страница (обложка сайта):

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

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

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

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

Между шапкой и контентной областью предполагается «баннерная крутилка». Атрибуты:

- - Название баннера
  - Картинка
  - Ссылка на ресурс
  - Количество показов
  - Отображать на странице

Контентная область первой страницы делится на разделы:

«Логотип» - отображает название компании и ее девиз.
«Меню» - содержит краткую информацию о разделах сайта, с ссылками, ведущую на указывающие разделы.
«Популярные услуги» - содержит краткую информацию раздела, с ссылкой, ведущую на раздел.
«Прочие услуги» - содержит краткую информацию раздела со ссылкой, ведущую на раздел.
Графическая оболочка внутренних страниц (общая для всех подразделов):

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

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

Между шапкой и контентной областью находится «баннерная крутилка».

Внизу страницы отображается облегченная навигационная панель в текстовом виде, Copyright, контактный e-mail, ссылка на «Основную страницу» сайта.

Описание контента разделов сайта:
1. Основная панель навигации:

Поиск – синее поле поиска, и фоновой надписью «поиск». При вводе в данное поле необходимой информации и нажатии клавиши «Enter» осуществится поиск по разделам сайта и откроется окно с результатами поиска.

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

Контакты – текст-ссылка ведущая в соответствующий раздел, содержащий контактную информацию о работе компании, ее адрес, часы и время работы, контактный телефон, общий e-mail, интерактивную карту с расположением компании, а также mail-форма с полями: ФИО, e-mail, телефон, сообщение.

О компании – текст-ссылка ведущая в соответствующий раздел, содержащий контактную информацию о компании, истории ее создания, и mail-формой для отзывов.

1. Карта сайта:

Шапка
О магазине
Каталог товаров
Мягкие игрушки
На солнечной энергии
На элементах питания
На энергии солнечной воды
Контакты
Корзина
Новостное рекламное слайд-шоу
Поиск
Подвал
Связь с нами
Главная (ссылка на верхнюю часть сайта)
1. Подробное описание разделов, подразделов и их функций:
Шапка – отображает логотип и девиз компании, в разделах «Услуги», «Контакты», «О компании» отображают заголовок и название раздела.
Меню – отображать ссылки на разделы сайта.
1. Поиск – строка поиска, выполняет поиск по сайту.
  1. Информационно новостное слайд-шоу – слайд-шоу картинок новой продукции.
2. Каталог товаров – ссылка на список товаров компании.
3. О магазине – ссылка на окно, содержащие подробную информацию

по магазину.

- 1. Контакты – ссылка на страницу содержащие подробную информацию, условий оказания и форму для создания заявки и адрес магазина.
  2. Войти/регистрация – ссылка на страницу для входа или регистрации на сайте.
  3. Звоните – номер для связи с магазином.
  4. Основная страница – отображает основную информацию необходимую пользователю.
1. Подвал – содержит кнопки-ссылки на основные разделы сайта.
2. Главная - кнопки-ссылка на соответствующий раздел сайта.
3. График работы магазина – график работы магазина время.
4. Мини карта – расположение магазина в городе.
5. Обслуживание клиентов/услуга – различные услуги – доставка и возврат.
6. Адрес магазина – подробная информация адреса магазина.

3. АНАЛИЗ ИСХОДНЫХ ДАННЫХ

Исходными данными при разработке сайта, станут данные о компании и предоставляемых ею услугах. Компания « ecotoystory » занимается продажей детской продукцией, а именно развивающие конструкторы для детей, также в номенклатуре присутствуют мягкие игрушки для самых маленьких детей.

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

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

РАЗРАБОТКА ПРИЛОЖЕНИЯ

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

1.Рисунок:

Следующее что необходимо для функционирования сайта, это хостинг. Хостинг – услуга размещения файлов ресурса на сервере.

2.Рисунок:

Установка многофункциональной платформы WordPress.

3.Рисунок:

Создаем логотип и иконку сайта.

4.Рисунок:

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

Работа выполняется на основе макета:

Наполнение сайта

Создание и редактирование страниц.

Каталог товаров с фильтром по цене

Корзина с продукцией.

ЗАКЛЮЧЕНИЕ

Задание было на проектирование сайта и сайт был сделан. Реализован полнофункциональный web-сайт магазина игрушек «ecotoystory». С его помощью пользователи могут получать необходимую информацию и задавать интересующие их вопросы в форме обратной связи. При размещении его в глобальной сети география распространения возрастает до масштабов всего мира.

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

лее подходящей для выполнения поставленной задачи оказалось много –

функциональная платформа WordPress. Благодаря WordPress были созданы и

сформированы страницы каталоги, страницы сайта, формы обратной связи,

интерактивные элементы с соответствующим контентом.

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

готовые модули аутентификации, форума и осуществления поиска по сайту.

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

СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ

С. В. Глушаков, А.В. Коваль, С.А. Черепнин, Программирование на Visual C++, ФОЛИО, Москва, 2003.
Ю. Тихомиров, Самоучитель MFC, БХВ-Санкт –Петербург, 2002.
Artus: Создание сайта, web-дизайн, реклама в интернете [Электронный ресурс]. – Режим доступа: http://www.artus.ru/.
Артамонов В.П. Центр управления CMS [текст]: http://www.cmslist.ru
Веллинг Л. Разработка WEB-приложений с помощью PHP и MySQL. 2-е издание.: Пер. с англ. – М.: Издательский дом «Вильямс», 2009.
Википедия: CMS[Электронный ресурс]. – Режим доступа: http://ru.wikipedia.org/wiki/CMS Дата обращения: 14.10.2011.
Прохоренок Н. HTML и XHTML. HTML, JavaScript, PHP и MySQL.
Джентльменский набор Web-мастера. - С-пб.: «БХВ-Петербург», 2010.
Рева О. Н. JavaScript в кармане. - М.: «Эксмо», 2008. - 256 с.
Рейсиг Д. JavaScript. Профессиональные приемы программирования. С-пб.: «Питер», 2008.
Пётр Ташков. ВЕБ-МАСТЕРИНГ Html, CCS, JavaScript, PHP, CMS, AJAX, раскрутка. Спб., «Питер», 2010.
Андрей Шкрыль. PHP – это просто программируем для web-сайтов. Спб., «БХВ-Петербкрг», 2007.
Видео уроки в YouTube [Электронный ресурс] – Как быстро создать свой Сайт на Вордпресс (WordPress)

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

Sprinthost — услуги хостинга.
WordPress.com — платформа для создания сайта.
REG.RU – регистрация доменов во всех зонах.
Photoshop CC – многофункциональный графический редактор.
Браузер Google Chrome for PC 58.0.3029.110
Браузер Opera Stable for PC 45.0.2552.888
Браузер Yandex for PC 17.4.1.919
Браузер Yandex for Android 17.3.2.414

ПРИЛОЖЕНИЕ

Код главной странице:

<!DOCTYPE html>

<head>

<title>ecotoystory.ru | Еще один сайт на WordPress</title>

window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/ecotoystory.ru\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.2"}};

</script>

img.wp-smiley,

img.emoji {

display: inline !important;

border: none !important;

box-shadow: none !important;

height: 1em !important;

width: 1em !important;

margin: 0 .07em !important;

vertical-align: -0.1em !important;

background: none !important;

padding: 0 !important;

}

</style>

/* @font-face { font-family: "Rubl Sign"; src: url(http://ecotoystory.ru/wp-content/plugins/saphali-woocommerce-lite/ruble.eot); } */

@font-face { font-family: "rub-arial-regular"; src: url("http://ecotoystory.ru/wp-content/plugins/saphali-woocommerce-lite/ruble-simb.woff"), url("http://ecotoystory.ru/wp-content/plugins/saphali-woocommerce-lite/ruble-simb.ttf");

}

span.rur {

font-family: rub-arial-regular;

text-transform: uppercase;

}

span.rur span { display: none; }

/* span.rur { font-family: "Rubl Sign"; text-transform: uppercase;}

span.rur:before {top: 0.06em;left: 0.55em;content: '\2013'; position: relative;} */

</style>

.woocommerce ul.products li.product {

width:30%;

}

</style>

<!--[if lt IE 9]>

<![endif]-->

<!--[if (gte IE 6)&(lte IE 8)]>

<![endif]-->

body.custom-background { background-color: #ffffff; }

</style>

html { margin-top: 32px !important; }

* html body { margin-top: 32px !important; }

@media screen and ( max-width: 782px ) {

html { margin-top: 46px !important; }

* html body { margin-top: 46px !important; }

}

</style>

#footer-widgets .widget { width: 50%; }

@media screen and (max-width: 640px) {

#footer-widgets .widget { width: auto; float: none; }

}

</style>

Телефон для заказов: 8(906)0..-..-01 </div>

</div>

<div class="menu-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%b0%d1%8f-container"><ul id="menu-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%b0%d1%8f" class="menu"><li id="menu-item-76" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-61 current_page_item menu-item-76"><a href="http://ecotoystory.ru/">О магазине</a></li>

<li id="menu-item-86" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-86"><a href="http://ecotoystory.ru/?product_cat/#"><span class="icon"></span>Каталог товаров</a>

<li id="menu-item-82" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-82"><a href="http://ecotoystory.ru/?product_cat=%d0%bc%d1%8f%d0%b3%d0%ba%d0%b8%d0%b5-%d0%b8%d0%b3%d1%80%d1%83%d1%88%d0%ba%d0%b8"><span class="icon"></span>Мягкие игрушки</a></li>

<li id="menu-item-83" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-83"><a href="http://ecotoystory.ru/?product_cat=%d0%bd%d0%b0-%d1%81%d0%be%d0%bb%d0%bd%d0%b5%d1%87%d0%bd%d0%be%d0%b9-%d1%8d%d0%bd%d0%b5%d1%80%d0%b3%d0%b8%d0%b8"><span class="icon"></span>На солнечной энергии</a></li>

<li id="menu-item-84" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-84"><a href="http://ecotoystory.ru/?product_cat=%d0%bd%d0%b0-%d1%8d%d0%bb%d0%b5%d0%bc%d0%b5%d0%bd%d1%82%d0%b0%d1%85-%d0%bf%d0%b8%d1%82%d0%b0%d0%bd%d0%b8%d1%8f"><span class="icon"></span>На элементах питания</a></li>

<li id="menu-item-85" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-85"><a href="http://ecotoystory.ru/?product_cat=%d0%bd%d0%b0-%d1%8d%d0%bd%d0%b5%d1%80%d0%b3%d0%b8%d0%b8-%d1%81%d0%be%d0%bb%d0%b5%d0%bd%d0%be%d0%b9-%d0%b2%d0%be%d0%b4%d1%8b"><span class="icon"></span>На энергии солнечной воды</a></li>

</ul>

</li>

<li id="menu-item-75" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-75"><a href="http://ecotoystory.ru/?page_id=47">Личный кабинет</a></li>

<li id="menu-item-74" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-74"><a href="http://ecotoystory.ru/?page_id=43">Корзина</a>

<li id="menu-item-116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-116"><a href="http://ecotoystory.ru/?page_id=51">Оплата</a></li>

</ul>

</li>

</ul></div> </div>

</nav>

</header>

<li>

</div>

</li>

<li>

</div>

</li>

</ul>

</div></div>

<h1 class="entry-title">О магазине</h1>

</header>

<h2>Игрушки на любой вкус</h2>

<p style="text-align: left;">1. Следует обращать внимание на пользу, которую они могут принести. Оптимальный вариант – купить развивающие детские игрушки, которые представлены в каталоге нашего интернет-магазина в широком ассортименте. Каждый посетитель сможет найти доступное решение, которое подойдем именно для него.</p>

<p style="text-align: left;">2. Качество имеет не менее важное значение при выборе игрушек для детей. Продукция должна обладать сертификатами, быть выполненной из безопасных материалов.</p>

<p style="text-align: left;">3. Возраст ребенка – фактор, на который следует ориентироваться в первую очередь.</p>

<p style="text-align: left;">Для новорожденных лучше выбирать товары из натуральных, безопасных материалов. Можно заказать игрушки, в конструкции которых отсутствуют мелкие детали. Хороший выбор – сортеры, простые конструкторы.</p>

<p style="text-align: left;">При выборе игрушек для детей от одного до двух лет стоит обратить внимание на модели, содержащие небольшие элементы для развития мелкой моторики.</p>

<p style="text-align: left;">Мальчикам, девочкам старше трех лет можно покупать детские игрушечные компьютеры, наборы для творчества. Деревянные фигурки животных, кубики – детские игрушки, цены на которые доступны каждой семье. Дерево – натуральный, безопасный материал. Если есть возможность, лучше заказать детские игрушки именно из него.</p>

<p style="text-align: left;">В интернет-магазине ecotoystory можно приобрести качественные, увлекательные детские игрушки по цене, доступной самому широкому кругу покупателей.</p>

</div>

</div>

</div>

</article>

</div>

</div>

</div>

</div>

<aside id="text-2" class="widget widget_text"> <div class="textwidget">Интернет – магазин игрушек с доставкой

по России и Миру г. Москва ул. </div>

</aside><aside id="widget_sp_image-2" class="widget widget_sp_image"><a href="http://ecotoystory.ru/?page_id=43" target="_self" class="widget_sp_image-image-link"><img width="250" height="50" class="attachment-full alignright" style="max-width: 100%;" src="http://ecotoystory.ru/wp-content/uploads/2018/01/Visa-MasterCard-Paypal-e1516492245195.jpg" /></a></aside> </div>

<div id="theme-attribution">A <a href="http://siteorigin.com">SiteOrigin</a> Theme</div>

</footer>

</div>

var $keys = [];

var $skeys = [];

function corect_payment_method_filds () {

var selected_p_method = jQuery("input[name=\"payment_method\"]:checked").val();

jQuery.each($keys, function(i,e){

if( jQuery.inArray( selected_p_method, e ) >= 0 ) {

if( ! ( jQuery("#billing_platelshik_is_grpl").is(':checked') && ( i == 'billing_gruzopoluch' || i == 'billing_gruzopoluch_okpo') ) )

jQuery("#" + i + "_field").show('slow');

} else {

jQuery("#" + i + "_field").hide('slow');

}

});

}

function corect_shipping_method_filds () {

var selected_s_method = typeof jQuery("input.shipping_method:checked, input.shipping_method[type=\"hidden\"], select.shipping_method").val() != 'undefined' ? jQuery("input.shipping_method:checked, input.shipping_method[type=\"hidden\"], select.shipping_method").val().split(":")[0] : '';

jQuery.each($skeys, function(i,e){

if( jQuery.inArray( selected_s_method, e ) >= 0 ) {

jQuery("#" + i + "_field").show('slow');

} else {

jQuery("#" + i + "_field").hide('slow');

}

});

}

jQuery("body").delegate("input[name=\"payment_method\"]", 'click', function(){

corect_payment_method_filds ();

});

jQuery("body").delegate("input.shipping_method", 'click', function(){

corect_shipping_method_filds ();

});

jQuery("body").delegate("select.shipping_method", 'change', function(){

corect_shipping_method_filds ();

});

jQuery('body').bind('updated_checkout', function() {

corect_payment_method_filds ();

corect_shipping_method_filds ();

});

</script>

/* <![CDATA[ */

var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"http:\/\/ecotoystory.ru\/?wc-ajax=%%endpoint%%"};

/* ]]> */

</script>

/* <![CDATA[ */

var wc_cart_fragments_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"http:\/\/ecotoystory.ru\/?wc-ajax=%%endpoint%%","fragment_name":"wc_fragments_ac008d48f3a9d8ff0a89f1e0113725d5"};

/* ]]> */

</script>

<!--[if lte IE 8]>

document.body.className = document.body.className.replace( /(^|\s)(no-)?customize-support(?=\s|$)/, '' ) + ' no-customize-support';

</script>

<![endif]-->

(function() {

var request, b = document.body, c = 'className', cs = 'customize-support', rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');

request = true;

b[c] = b[c].replace( rcs, ' ' );

// The customizer requires postMessage and CORS (if the site is cross domain)

b[c] += ( window.postMessage && request ? ' ' : ' no-' ) + cs;

}());

</script>

<a class="screen-reader-shortcut" href="#wp-toolbar" tabindex="1">Перейти к верхней панели</a>

<li id="wp-admin-bar-wp-logo" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://ecotoystory.ru/wp-admin/about.php"><span class="ab-icon"></span><span class="screen-reader-text">О WordPress</span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-wp-logo-default" class="ab-submenu">

<li id="wp-admin-bar-about"><a class="ab-item" href="http://ecotoystory.ru/wp-admin/about.php">О WordPress</a> </li></ul><ul id="wp-admin-bar-wp-logo-external" class="ab-sub-secondary ab-submenu">

<li id="wp-admin-bar-wporg"><a class="ab-item" href="https://ru.wordpress.org/">WordPress.org</a> </li>

<li id="wp-admin-bar-documentation"><a class="ab-item" href="https://codex.wordpress.org/Заглавная_страница">Документация</a> </li>

<li id="wp-admin-bar-support-forums"><a class="ab-item" href="https://ru.forums.wordpress.org/">Форумы поддержки</a> </li>

<li id="wp-admin-bar-feedback"><a class="ab-item" href="https://ru.forums.wordpress.org/forum/20">Обратная связь</a> </li></ul></div> </li>

<li id="wp-admin-bar-site-name" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://ecotoystory.ru/wp-admin/">ecotoystory.ru</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-site-name-default" class="ab-submenu">

<li id="wp-admin-bar-dashboard"><a class="ab-item" href="http://ecotoystory.ru/wp-admin/">Консоль</a> </li></ul><ul id="wp-admin-bar-appearance" class="ab-submenu">

<li id="wp-admin-bar-widgets"><a class="ab-item" href="http://ecotoystory.ru/wp-admin/widgets.php">Виджеты</a> </li>

<li id="wp-admin-bar-customize" class="hide-if-no-customize"><a class="ab-item" href="http://ecotoystory.ru/wp-admin/customize.php?url=http%3A%2F%2Fecotoystory.ru%2F">Настроить</a> </li>

<li id="wp-admin-bar-updates"><a class="ab-item" href="http://ecotoystory.ru/wp-admin/update-core.php" title="5 обновлений тем"><span class="ab-icon"></span><span class="ab-label">5</span><span class="screen-reader-text">5 обновлений тем</span></a> </li>

<li id="wp-admin-bar-comments"><a class="ab-item" href="http://ecotoystory.ru/wp-admin/edit-comments.php"><span class="ab-icon"></span><span class="ab-label awaiting-mod pending-count count-0" aria-hidden="true">0</span><span class="screen-reader-text">0 комментариев ожидают проверки</span></a> </li>

<li id="wp-admin-bar-new-content" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://ecotoystory.ru/wp-admin/post-new.php"><span class="ab-icon"></span><span class="ab-label">Добавить</span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-new-content-default" class="ab-submenu">

<li id="wp-admin-bar-new-post"><a class="ab-item" href="http://ecotoystory.ru/wp-admin/post-new.php">Запись</a> </li>

<li id="wp-admin-bar-new-media"><a class="ab-item" href="http://ecotoystory.ru/wp-admin/media-new.php">Медиафайл</a> </li>

<li id="wp-admin-bar-new-page"><a class="ab-item" href="http://ecotoystory.ru/wp-admin/post-new.php?post_type=page">Страницу</a> </li>

<li id="wp-admin-bar-new-product"><a class="ab-item" href="http://ecotoystory.ru/wp-admin/post-new.php?post_type=product">Товар</a> </li>

<li id="wp-admin-bar-new-shop_order"><a class="ab-item" href="http://ecotoystory.ru/wp-admin/post-new.php?post_type=shop_order">Заказ</a> </li>

<li id="wp-admin-bar-new-shop_coupon"><a class="ab-item" href="http://ecotoystory.ru/wp-admin/post-new.php?post_type=shop_coupon">Купон</a> </li>

<li id="wp-admin-bar-new-user"><a class="ab-item" href="http://ecotoystory.ru/wp-admin/user-new.php">Пользователя</a> </li></ul></div> </li>

<li id="wp-admin-bar-edit"><a class="ab-item" href="http://ecotoystory.ru/wp-admin/post.php?post=61&action=edit">Редактировать страницу</a> </li></ul><ul id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu">

<li id="wp-admin-bar-search" class="admin-bar-search"><div class="ab-item ab-empty-item" tabindex="-1"><form action="http://ecotoystory.ru/" method="get" id="adminbarsearch"><input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150" /><label for="adminbar-search" class="screen-reader-text">Поиск</label><input type="submit" class="adminbar-button" value="Поиск"/></form></div> </li>

<li id="wp-admin-bar-my-account" class="menupop with-avatar"><a class="ab-item" aria-haspopup="true" href="http://ecotoystory.ru/wp-admin/profile.php">Привет, <span class="display-name">admin</span><img alt='' src='http://0.gravatar.com/avatar/63e3e563690f6782039c3d45493a9cce?s=26&d=mm&r=g' srcset='http://0.gravatar.com/avatar/63e3e563690f6782039c3d45493a9cce?s=52&d=mm&r=g 2x' class='avatar avatar-26 photo' height='26' width='26' /></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-user-actions" class="ab-submenu">

<li id="wp-admin-bar-user-info"><a class="ab-item" tabindex="-1" href="http://ecotoystory.ru/wp-admin/profile.php"><img alt='' src='http://0.gravatar.com/avatar/63e3e563690f6782039c3d45493a9cce?s=64&d=mm&r=g' srcset='http://0.gravatar.com/avatar/63e3e563690f6782039c3d45493a9cce?s=128&d=mm&r=g 2x' class='avatar avatar-64 photo' height='64' width='64' /><span class='display-name'>admin</span></a> </li>

<li id="wp-admin-bar-edit-profile"><a class="ab-item" href="http://ecotoystory.ru/wp-admin/profile.php">Изменить профиль</a> </li>

<li id="wp-admin-bar-logout"><a class="ab-item" href="http://ecotoystory.ru/wp-login.php?action=logout&_wpnonce=ac8278781a">Выйти</a> </li></ul></div> </li></ul> </div>

<a class="screen-reader-shortcut" href="http://ecotoystory.ru/wp-login.php?action=logout&_wpnonce=ac8278781a">Выйти</a>

</div>

</body>

</html>

Разработка сайта магазина игрушек ecotoystory (Общее требования к сайту)

ВВЕДЕНИЕ

ОСНОВНАЯ ЧАСТЬ.

ОБЩИЕ ТРЕБОВАНИЯ К САЙТУ

СТРУКТУРА И ОПИСАНИЕ САЙТА

3. АНАЛИЗ ИСХОДНЫХ ДАННЫХ

РАЗРАБОТКА ПРИЛОЖЕНИЯ

ЗАКЛЮЧЕНИЕ

СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ