Рисунок 4 - Страница «Аэробика»
При переходе на ссылку «Другие направления», мы можем увидеть
информацию не только о групповых занятиях, программах обучения танцев и
поддержания тонуса тела, но и о тренере, проводящем занятие, его графике и
телефонные данные (рисунок 5). Для просмотра кода, обратимся к приложению Д.
Рисунок 5 - Страница «Другие направления»
Затем, идет ссылка на страницу «Дополнительные услуги»
(рисунок 6). Код страницы программы «Дополнительные услуги» в приложении Д.
Рисунок 6 - Страница «Дополнительные услуги»
Информационное меню, находящееся по центру, включает в себя
«Фото», «Акции», «Новости» (рисунок 7). На страницу «Фото» находится
фотогалерея центра красоты и здоровья (приложение Е).
Рисунок 7 - Страница «Фото»
На странице «Акции» - информация о различных акциях, бонусах
и скидках (рисунок 8). Для просмотра кода страницы «Акции» воспользуемся приложением
Ж.
Рисунок 8 - Страница «Акции»
На странице «Новости» пользователь может узнать последнюю
информацию о различных мероприятиях, как пройденных, так и будущих (рисунок 9).
Код страницы в приложение З.
Рисунок 9 - Страница «Новости»
Следующая страница - «Обратная связь». Её цель - возможность
для клиентов фитнес-центра связаться с тренером или с администратором, оставить
отзыв, предложение, пожелание или жалобу. Данная страница выполняет удаленный
диалог между пользователем и администратором сайта центра красоты и здоровья.
Рисунок 10 - Окно отправки темы звонка
Чтобы оставить отзыв, пользователь должен заполнить поля «Ваше имя», «Телефон» и написать текст пожелания или отзыва (приложение И). После этого письмо будет отправлено на почту администрации сайта для дальнейшего рассмотрения (рисунок 10).
После того, как мы заполним поля и нажмем кнопку «Отправить»,
мы попадём на другую страницу, где можно будет увидеть текст нашего заказа и
вернуться к просмотру других страниц (рисунок 11).
Рисунок 11 - Текст отзыва
Также страница «Обратная связь» состоит из двух файлов:
первый - это, непосредственно, сам файл «otziv.html», состоящий из
диалоговых окон и формы для отправки сообщения. А во втором файле «otziv.php» описан сам код для
отправки сообщения и, при успешном выполнении, вывода второй страницы с текстом
сообщения.
В процессе создания веб-сайта, в рамках курсовой работы использовались следующие технические средства.
Технические средства:
– процессор Intel® Pentium® CPUB950 (2,10 ГГц, 2 МБ L3 Cache);
– оперативная память 4Gb DDR3;
– видео карта 2Gb DDR3;
– жесткиq диск на 320Gb;
Программные средства:
– подлинная Windows® 7 Домашняя (64 Бит);
– Microsoft Office SharePointт 2007;
– наборweb-разработчика (PHP 5.3.3, PHPMyAdmin, OpenServer);
– Adobe PhotoShop CS6;
Результатом курсовой работы стал готовый к работе web - сайт в котором размещена информация о центре фитнеса и красоты. В ходе проведения работы были решены поставленные в курсовой работе задачи. Оценивая проделанную работу, можно сделать следующие выводы:
- сайт предоставляет пользователям наиболее нужную ему информацию, а именно -возможность ознакомиться со списком услуг в сфере спорта, красоты и здоровья;
- дизайн сайта соответствует предполагаемым предпочтениям целевой группы, времени и целям нахождения потенциальных клиентов на сайте;
- реализована навигация с помощью меню по страницам сайта.
- реализованы отзывы и заявки;
- разработан логотип сайта.
Для реализации сайта были использованы следующие средства:
– Denwer;
– Notepad++;
– программное средство open server;
– язык разметки гипертекста html и css;
– язык программирования php;
– phpmyadmin;
– adobe photoshop CS6;
– JavaScript.
В дальнейшем разработанный нами web-сайт можно будет использовать в реальной жизни. Так же возможно расширение списка предоставляемых услуг, акций, новостей.
Данный ресурс стабилен в работе и не требует высоких знаний
для работы с ним.
1. DENVER [Электронный ресурс] - Режим доступа: http://www.denwer.ru/ (дата обращения 16.05.2015).
2. htmlbook.ru [Электронный ресурс] - Режим доступа: http://htmlbook.ru/ (дата обращения 20.05.2015).
3. OpenServer [Электронный ресурс]. URL: http://open-server.ru/ (дата обращения 15.05.2015).
4. Wikipedia [Электронный ресурс] - Режим доступа: http://ru.wikipedia.org/wiki/ (дата обращения 10.05.2015).
. Веллинг, Л. Разработка веб-приложений с помощьюPHP и MySQL [Текст] / Л. Веллинг, Л. Томсон. - Вильямс 2010 - 848 с.
. Горнаков, С.Г. Осваиваем популярные системы управления сайтом [Текст] / С.Г. Горнаков. - М.: Наука, 2012. - 30 с.
. Кузнецов М, Симдянов И. PHP 5/6 в подлиннике [Текст] / М.В. Кузнецов И.В. - БХВ-Петербург, 2010. - 1024 с.
8. Лоусон, Б. Изучаем HTML5 [Текст] / Б. Лоусон, Р. Шарп. - СПб.:Питер, 2011. - 272 с.
9. Маскиано, Ч. HTML и XHTML. Подробное руководство [Текст] / Ч. Маскиано, Б. Кеннеди. - Символ-Плюс 2011. - 752 с.
10. Прохоренок, Н.А. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера[Текст] / Н.А. Прохоренок. - СПб.: БХВ-Петербург 2010. - 912 с.
. Фримен, Э. Изучаем HTML, XHTML и CSS [Текст] / Э. Фримен. - СПб.: Питер, 2012. - 656 с.
12. Чиртик, А.В. Популярный самоучитель HTML [Текст] / А.В. Чиртик. - СПб.: Питер, 2012. - 56 с.
13. Янк,
К. PHP и MySQL. От новичка к
профессионалу [Книга] / К. Янк. - М.: Эскимо, 2013. - 384 с.
Листинг файла jenya.html
<! doctype html public «- //w3c //dtd html 4.01 //en» «http://www.w3.org/tr/html4/strict.dtd»>
<html>
<head>
<meta http-equiv= «content-type» content= «text/html; charset=utf-8» />
<title>центр фитнеса и красоты</title>
<meta name= «keywords» content=»» />
<meta name= «description» content=»» />
<link rel= «stylesheet» href= «style.css» type= «text/css» />
</head>
<body alink= "#000000» link=@ «000000» vlink= "#000000»>
<body onload= «getname()»>
<!-<div>
<div>
<div>
<strong><p><font style= «font-size: 40px;»> «foksport»</font></p></strong><br/><font style= «font-size: 30px;»> - современный фитнес зал для всех желающих заниматься спортом и здоровым образом жизни.</font><br><br>
</div><! - .header->
<div>
<div>
<div>
<table>
<tr>
<th><a href= «foto.html»>фото</a></th>
<th><a href= «activ.html»>акции</a></th>
<th><a href= «novosti.html»>новости</a></th>
</tr>
</table>
<font style= «font-size: 17px; "><p><br><strong>foksport</strong> - энергия, красота, жизнь. фитнес-клуб «foksport» существует в брянске с 2005 г. мы предлагаем большой выбор тренировок для женщин и мужчин различного возраста.</br></p>
<p><br>фитнес центр «foksport» в городе брянске предлагает своим клиентам отличные условия для проведения индивидуальных и групповых тренировок по различным фитнес - направлениям.</br></p>
<p><br>команда тренеров «foksport» - это активные и постоянно развивающиеся профессионалы, которые помогут вам в кратчайшие сроки добиться желаемого результата.</br></p>
<p><br>почему нас выбирают: 1.мы любим наших клиентов. 2.с нами выгодно. 3.с нами удобно. 4.мы профессионалы и постоянно развиваемся. 5.у нас большой выбор групповых программ и дополнительных услуг.<br></p>
<br><strong>выбирайте лучшее для себя и своего организма, ведь спорт - жизнь!</br></strong></font>
</div><! - .content->
</div><! - .container->
<div>
<font style= «font-size: 22px;»><br><br><br><p><a href= «trener.html»>тренерский состав</a></p><br><br><p><a href= «persontrening.html»>персональный тренинг</a></p><br><br><p><a href= «aero.html»>аэробика</a></p><br><br><p><a href= «drugnaprav.html»>другие направления</a></p><br><br><p><a href= «dopuslugi.html»>дополнительные услуги</a></p></font><br><br><br>
</div><! - .left-sidebar ->
<div>
<!-<p><img src= «images/ar.jpg» width= «165» height= «120»></p><p><img src= «images/as.jpg» width= «165» height= «117»></p><img src= «images/ad.jpg» width= «165» height= «115»>->
<center>
<a href='http://jenya/images/_1ywoqwv4ag.jpg'><img src='http://jenya/images/_1ywoqwv4ag.jpg' height='117'></a><br>
<a href='http://jenya/images/npz1lpx1bgu.jpg'><img src='http://jenya/images/npz1lpx1bgu.jpg' height='117'></a><br>
<a href='http://jenya/images/6g2hjmcxss8.jpg'><img src='http://jenya/images/6g2hjmcxss8.jpg' height='117'></a><br>
<a href='http://jenya/images/snim.jpg'><img src='http://jenya/images/snim.jpg' height='117'></a><br>
<a href='http://jenya/images/as.jpg'><img src='http://jenya/images/as.jpg' height='117'></a><br>
<a href='http://jenya/images/fadw.jpg'><img src='http://jenya/images/fadw.jpg' height='117'></a><br>
<a href='http://jenya/images/c0sxxxowovc.jpg'><img src='http://jenya/images/c0sxxxowovc.jpg' height='117'></a><br>
<a href='http://jenya/images/jlx6whpqx6i.jpg'><img src='http://jenya/images/jlx6whpqx6i.jpg' height='117'></a><br>
</marquee></center>
</div>
</div><! - .right-sidebar ->
</div><! - .middle->
</div><! - .wrapper ->
<div>
<strong>контактные данные:</strong>
<p>(499) 753-63-63</p>
<p>пн-пт с 10 до 22</p>
<p>сб с 12 до 18</p>
вс выходной
<a href= «tabl.php»>отзывы</a><!-<a href= «otziv.html»>обратный звонок</a>->
<script>fullwin() {.open («otziv.html», "», «scrollbars»)
}
// ->
</script>
<form>
<center>
<input type= «submit» onclick= «fullwin()» value= «обратная связь»>
</center>
</form>
<div style= «position:absolute; top:75px; right:20px»><div><span id= «syn1clock» style= «font-size:18px;»><noscript>включите javascript для отображения часов</noscript></span></br />
<a id= «syn1l» style= «display:block; overflow:hidden; width:10px;» href= «http://syn1.ru/"><img alt= «анализ сайта» src= «http://syn1.ru/img/under.gif» /></a></div>
<script language= «javascript» type= «text/javascript» src= «http://syn1.ru/scripts/clock.js»></script></div>
</div><! - .footer ->
</body>
</html>
Листинг файла trener.html
<! DOCTYPE HTML PUBLIC «- //W3C //DTD HTML 4.01 //EN» «http://www.w3.org/TR/html4/strict.dtd»>
<html>
<head>
<meta http-equiv= «content-type» content= «text/html; charset=utf-8» />
<title>Центр фитнеса и красоты</title>
<meta name= «keywords» content=»» />
<meta name= «description» content=»» />
<link rel= «stylesheet» href= «style.css» type= «text/css» />
</head>
<body alink= "#000000» link=@ «000000» vlink= "#000000»>
<body onLoad= «getName()»>
<!-<div>
<div>
<div>
</div><! - .header->
<div>
<div>
<div>
<table>
<tr>
<th><A href= «foto.html»>Фото</A></th>
<th><A href= «activ.html»>Акции</A></th>
<th><A href= «novosti.html»>Новости</A></th>
</tr>
</table>
<table>
<tr>
<td><img src= «images/pn97UoK2TQc.jpg»= «200» height= «300»></td>
<td><font style= «font-size: 17px; "><font style color= «red» ><b>Шевцова Евгения</b>
</font> - Управляющая клубом. Координатор групповых программ. Инструктор по аэробным, силовым направлениям и mind&body. </font></td>
</tr>
</table>
<hr>
<table>
<tr>
<td><font style= «font-size: 17px; "><font style color= «red» ><b>Морозова Виктория</b>
</font> - Инструктор танцевальных программ, персональный тренер.</font></td>
<td><img src= «images/PsrCN_v0XOk.jpg»= «300» height= «200»></td>
</tr>
</table>
<hr>
<table>
<tr>
<td><img src= «images/pqNXiHjN7vc.jpg»= «300» height= «200» alt= «Евгения»></td>
<td><font style= «font-size: 17px; "><font style color= «red» ><b>Лагутина Валентина</b>
</font> - Персональный тренер тренажерного зала. </font></td>
</tr>
</table>
<hr>
<table>
<tr>
<td><font style= «font-size: 17px; "><font style color= «red» ><b>Шевцова Юлия</b>
</font> - Тренер - инструктор групповых программ: степ-аэробика, силовой тренинг, стретчинг. Инструктор по аква-аэробике. Персональный тренер по фитнесу. </font></td>
<td><img src= «images/LxpfafNBDbw.jpg»= «230» height= «320» alt= «Евгения»></td>
</tr>
</table>
<hr>
<table>
<tr>
<td><img src= «images/2B_5bQCtHsE.jpg»= «200» height= «300» alt= «Евгения»></td>
<td><font style= «font-size: 17px; "><font style color= «red» ><b>Межуев Антон</b>
</font> - Персональный тренер тренажерного зала. </font></td>
</tr>
</table>
<hr>
<table>
<tr>
<td><font style= «font-size: 17px; "><font style color= «red» ><b>Михеев Владимир</b>
</font> - Персональный тренер по фитнесу.</font></td>
<td><img src= «images/rIcsHIirNC4.jpg»= «180» height= «264»></td>
</tr>
</table>
<hr>
<table>
<tr>
<td><img src= «images/ZkqjlkUNm1I.jpg»= «180» height= «264»></td>
<td><font style= «font-size: 17px; "><font style color= «red» ><b>Баранов Евгений</b>
</font> - Тренер по групповым тренировкам.</font></td>
</tr>
</table>
<hr>
<p><A href= «jenya.html»>На главную</A></p>
</div><! - .content->
</div><! - .container->
<div>
<font style= «font-size: 22px;»><br><br><br><p><A href= «trener.html»>Тренерский состав</A></p><br><br><p><A href= «persontrening.html»>Персональный тренинг</A></p><br><br><p><A href= «aero.html»>Аэробика</A></p><br><br><p><A href= «drugnaprav.html»>Другие направления</A></p><br><br><p><A href= «dopuslugi.html»>Дополнительные услуги</A></p></font><br><br><br>
</div><! - .left-sidebar ->
<div>
<!-<p><img src= «images/ar.jpg» width= «165» height= «120»></p><p><img src= «images/as.jpg» width= «165» height= «117»></p><img src= «images/ad.jpg» width= «165» height= «115»>->
<CENTER>
<a href='http://jenya/images/_1YwoQWV4Ag.jpg'><img src='http://jenya/images/_1YwoQWV4Ag.jpg' height='117'></a><br>
<a href='http://jenya/images/NPz1Lpx1bGU.jpg'><img src='http://jenya/images/NPz1Lpx1bGU.jpg' height='117'></a><br>
<a href='http://jenya/images/6g2hJmCxSS8.jpg'><img src='http://jenya/images/6g2hJmCxSS8.jpg' height='117'></a><br>
<a href='http://jenya/images/snim.JPG'><img src='http://jenya/images/snim.JPG' height='117'></a><br>
<a href='http://jenya/images/as.JPG'><img src='http://jenya/images/as.JPG' height='117'></a><br>
<a href='http://jenya/images/fadw.JPG'><img src='http://jenya/images/fadw.JPG' height='117'></a><br>
<a href='http://jenya/images/c0sXxXOwOvc.jpg'><img src='http://jenya/images/c0sXxXOwOvc.jpg' height='117'></a><br>
<a href='http://jenya/images/JLX6whPqx6I.jpg'><img src='http://jenya/images/JLX6whPqx6I.jpg' height='117'></a><br>
</marquee></CENTER>
</div>
</div><! - .right-sidebar ->
</div><! - .middle->
</div><! - .wrapper ->
<div>
<strong>Контактные данные:</strong>
<p>(499) 753-63-63</p>
<p>пн-пт с 10 до 19</p>
<p>сб с 12 до 17</p>
вс выходной
<A href= «tabl.php»>Отзывы</A><!-<A href= «otziv.html»>Обратный звонок</A>->
<script>fullwin() {.open («otziv.html», "», «scrollbars»)
}
// ->
</script>
<form>
<center>
<input type= «submit» onClick= «fullwin()» value= «Обратная связь»>
</center>
</form>
<div style= «position:absolute; top:75px; right:20px»><div><span id= «syn1clock» style= «font-size:18px;»><noscript>Включите JavaScript для отображения часов</noscript></span></br />
<script language= «JavaScript» type= «text/javascript» src= «http://syn1.ru/scripts/clock.js»></script></div>