Добавлен: 03.07.2023
Просмотров: 52
Скачиваний: 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>
<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 » Лента" href="http://ecotoystory.ru/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="ecotoystory.ru » Лента комментариев" href="http://ecotoystory.ru/?feed=comments-rss2" />
<link rel="alternate" type="application/rss+xml" title="ecotoystory.ru » Лента комментариев к «О магазине»" href="http://ecotoystory.ru/?feed=rss2&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&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&url=http%3A%2F%2Fecotoystory.ru%2F&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>