Файл: Разработка сайта магазина игрушек ecotoystory.pdf

ВУЗ: Не указан

Категория: Курсовая работа

Дисциплина: Не указана

Добавлен: 03.07.2023

Просмотров: 54

Скачиваний: 4

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

ЗАКЛЮЧЕНИЕ

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

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

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

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

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

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

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

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

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

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

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

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

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

ПРИЛОЖЕНИЕ

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

<!DOCTYPE html>

<html lang="ru-RU">

<head>

<meta charset="UTF-8" />

<meta http-equiv="X-UA-Compatible" content="IE=10" />

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

<link rel="profile" href="http://gmpg.org/xfn/11" />

<link rel="pingback" href="http://ecotoystory.ru/xmlrpc.php" />

<link rel='dns-prefetch' href='//s.w.org' />

<link rel="alternate" type="application/rss+xml" title="ecotoystory.ru &raquo; Лента" href="http://ecotoystory.ru/?feed=rss2" />

<link rel="alternate" type="application/rss+xml" title="ecotoystory.ru &raquo; Лента комментариев" href="http://ecotoystory.ru/?feed=comments-rss2" />

<link rel="alternate" type="application/rss+xml" title="ecotoystory.ru &raquo; Лента комментариев к &laquo;О магазине&raquo;" href="http://ecotoystory.ru/?feed=rss2&#038;page_id=61" />

<script type="text/javascript">

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"}};

!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56794,8205,9794,65039],[55358,56794,8203,9794,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);

</script>

<style type="text/css">

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>

<link rel='stylesheet' id='dashicons-css' href='http://ecotoystory.ru/wp-includes/css/dashicons.min.css?ver=4.9.2' type='text/css' media='all' />

<link rel='stylesheet' id='admin-bar-css' href='http://ecotoystory.ru/wp-includes/css/admin-bar.min.css?ver=4.9.2' type='text/css' media='all' />

<link rel='stylesheet' id='woocommerce-layout-css' href='http://ecotoystory.ru/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=3.2.6' type='text/css' media='all' />

<link rel='stylesheet' id='woocommerce-smallscreen-css' href='http://ecotoystory.ru/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=3.2.6' type='text/css' media='only screen and (max-width: 768px)' />

<link rel='stylesheet' id='woocommerce-general-css' href='http://ecotoystory.ru/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=3.2.6' type='text/css' media='all' />

<link rel='stylesheet' id='vantage-style-css' href='http://ecotoystory.ru/wp-content/themes/vantage/style.css?ver=1.2.3' type='text/css' media='all' />

<link rel='stylesheet' id='vantage-fontawesome-css' href='http://ecotoystory.ru/wp-content/themes/vantage/fontawesome/css/font-awesome.css?ver=3.2.1' type='text/css' media='all' />

<script type='text/javascript' src='http://ecotoystory.ru/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>

<script type='text/javascript' src='http://ecotoystory.ru/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>

<script type='text/javascript' src='http://ecotoystory.ru/wp-content/themes/vantage/js/jquery.flexslider.min.js?ver=2.1'></script>

<script type='text/javascript' src='http://ecotoystory.ru/wp-content/themes/vantage/js/jquery.fitvids.min.js?ver=1.0'></script>

<script type='text/javascript' src='http://ecotoystory.ru/wp-content/themes/vantage/js/jquery.theme-main.min.js?ver=1.2.3'></script>

<link rel='https://api.w.org/' href='http://ecotoystory.ru/index.php?rest_route=/' />

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://ecotoystory.ru/xmlrpc.php?rsd" />

<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://ecotoystory.ru/wp-includes/wlwmanifest.xml" />

<meta name="generator" content="WordPress 4.9.2" />

<meta name="generator" content="WooCommerce 3.2.6" />

<link rel="canonical" href="http://ecotoystory.ru/" />

<link rel='shortlink' href='http://ecotoystory.ru/' />

<link rel="alternate" type="application/json+oembed" href="http://ecotoystory.ru/index.php?rest_route=%2Foembed%2F1.0%2Fembed&#038;url=http%3A%2F%2Fecotoystory.ru%2F" />

<link rel="alternate" type="text/xml+oembed" href="http://ecotoystory.ru/index.php?rest_route=%2Foembed%2F1.0%2Fembed&#038;url=http%3A%2F%2Fecotoystory.ru%2F&#038;format=xml" />

<style type="text/css">

/* @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>

<!-- Saphali Lite Version -->

<meta name="generator" content="Saphali Lite 1.8.1" />

<style type='text/css'>

.woocommerce ul.products li.product {

width:30%;

}

</style>

<!--[if lt IE 9]>

<script src="http://ecotoystory.ru/wp-content/themes/vantage/js/html5.js" type="text/javascript"></script>

<![endif]-->

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

<script type="text/javascript" src="http://ecotoystory.ru/wp-content/themes/vantage/js/selectivizr.js"></script>

<![endif]-->

<meta name="viewport" content="width=device-width, initial-scale=1" /> <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>


<style type="text/css" id="custom-background-css">

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

</style>

<style type="text/css" media="print">#wpadminbar { display:none; }</style>

<style type="text/css" media="screen">

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>

<style type="text/css" media="screen">

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

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

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

}

</style>

<style type="text/css" id="vantage-footer-widgets">#footer-widgets aside { width : 50%; } </style> </head>

<body class="home page-template page-template-templates page-template-template-full page-template-templatestemplate-full-php page page-id-61 logged-in admin-bar no-customize-support custom-background responsive layout-boxed no-js">

<div id="page-wrapper">

<header id="masthead" class="site-header" role="banner">

<div class="hgroup full-container">

<a href="http://ecotoystory.ru/" title="ecotoystory.ru" rel="home" class="logo"><img src="http://ecotoystory.ru/wp-content/uploads/2018/01/Без-имени-1-e1516731213850.jpg" width="250" height="167" alt="ecotoystory.ru Logo" /></a>

<div class="support-text">

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

</div><!-- .hgroup.full-container -->

<nav role="navigation" class="site-navigation main-navigation primary use-sticky-menu">

<div class="full-container">

<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>

<ul class="sub-menu">

<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>


<ul class="sub-menu">

<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><!-- .site-navigation .main-navigation -->

</header><!-- #masthead .site-header -->

<div id="main-slider" data-stretch="true"><div class="flexslider" id="metaslider-demo">

<ul class="slides">

<li>

<div class="content">

<img src="http://ecotoystory.ru/wp-content/themes/vantage/slider/backgrounds/slide-responsive-overlay.png" width="1080" height="420" alt="Demo Slide" />

</div>

<img src="http://ecotoystory.ru/wp-content/themes/vantage/slider/backgrounds/slide-4.jpg" class="msDefaultImage" width="1080" height="420" alt="Demo Slide" />

</li>

<li>

<div class="content">

<img src="http://ecotoystory.ru/wp-content/themes/vantage/slider/backgrounds/slide-plugins-overlay.png" width="1080" height="420" alt="Demo Slide" />

</div>

<img src="http://ecotoystory.ru/wp-content/themes/vantage/slider/backgrounds/slide-1.jpg" class="msDefaultImage" width="1080" height="420" alt="Demo Slide" />

</li>

</ul>

</div></div>

<div id="main" class="site-main">

<div class="full-container">

<div id="primary" class="content-area">

<div id="content" class="site-content" role="main">

<article id="post-61" class="post-61 page type-page status-publish hentry post">

<div class="entry-main">

<header class="entry-header">

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

</header><!-- .entry-header -->

<div class="entry-content">

<div class="text_block">

<div class="text_block">

<p><img class="alignleft wp-image-62" src="http://ecotoystory.ru/wp-content/uploads/2018/01/магазин-игрушек-фото-300x203.jpg" alt="" width="266" height="180" srcset="http://ecotoystory.ru/wp-content/uploads/2018/01/магазин-игрушек-фото-300x203.jpg 300w, http://ecotoystory.ru/wp-content/uploads/2018/01/магазин-игрушек-фото-768x520.jpg 768w, http://ecotoystory.ru/wp-content/uploads/2018/01/магазин-игрушек-фото.jpg 940w" sizes="(max-width: 266px) 100vw, 266px" /></p>

<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>