Файл: Разработка сайта стоматологической клиники «Акуленок».pdf
Добавлен: 31.03.2023
Просмотров: 718
Скачиваний: 7
Рисунок 1-Главная страница сайта
Как видно, на главной странице сайта содержится самая главная информация о центре фитнеса и красоты и её услугах. Создавалась страница с помощью редактора Notepad ++.
Следующий раздел сайта - это краткая информация о клинике (рисунок 2-3). На этой странице располагается информация о самой клинике и их основные преимущества. Цель данного раздела – познакомить и заинтересовать клиента преимуществами данной стоматологической клиники что отличает их от других стоматологических клиник.
Рисунок 2- Краткая информация о клинике
Рисунок 3- основные преимущества клиники
Далее на сайте находятся фотографии клиники так же для привлечения клиентов (рисунок 4).
Рисунок 4 – фотографии клиники
Следующий раздел сайта – это предоставляемые услуги данной стоматологической клиники «Акуленок». Пользователь сайта может без труда ознакомиться с предоставленными услугами, благодаря удобному интерфейсу и так же записаться на консультацию у специалиста (рисунок 5-6).
Рисунок 5 –Услуги
Рисунок 6 – Услуги (подробно)
Следующий раздел сайта - это отзывы оставленные клиентами клиники. Пользователю будет проще решиться стать клиентом этой клиники или нет, опираясь на отзывы на сайте данной клиники (рисунок 7).
Рисунок 7-Отзывы клиентов
Следующий раздел сайта – это персонал клиники. Цель этого раздела заключается в том, чтобы познакомить потенциальных клиентов с персоналом клиники. Ознакомить клиентов с достижениями специалистов клиники для за получения доверия и уверенности в том что в этой клинике пациенту точно помогут с его проблемой (рисунок 8).
Рисунок 8- Персонал клиники
И заключительный раздел - это контакты клиники и сам адрес
(рисунок 9).
Рисунок 9- контакты и адрес клиники
2.2 Технические и программные требования при разработке web-сайта
В процессе создания веб-сайта, в рамках курсовой работы использовались следующие технические средства.
Технические средства:
– процессор AMD FX(tm)-6300 Six-core processor 3.50GHz;
– оперативная память 8Gb ;
– видео карта NVIDIA GeForce GTX 1060 6 GB;
– жесткий диск на 930Gb;
Программные средства:
–Windows® 10 Домашняя (64 Бит);
– наборwebразработчика (PHP 5.3.3, PHPMyAdmin, OpenServer);
– Paint.
Заключение
Результатом курсовой работы стал готовый к работе web - сайт в котором размещена информация о стоматологической клинике «Акуленок». В ходе проведения работы были решены поставленные в курсовой работе задачи. Оценивая проделанную работу, можно сделать следующие выводы:
- сайт предоставляет пользователям наиболее нужную ему информацию, а именно возможность ознакомиться со списком услуг в сфере
стоматологии;
- дизайн сайта соответствует предполагаемым предпочтениям целевой группы, времени и целям нахождения потенциальных клиентов на сайте;
- реализована навигация с помощью меню по разделам сайта.
- разработан логотип сайта.
Для реализации сайта были использованы следующие средства:
– Denwer;
– Notepad++;
– программное средство open server;
– язык разметки гипертекста html и css;
– язык программирования php;
– phpmyadmin;
–paint;
– 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. Веллинг, Л. Разработка веб-приложений с помощьюPHP и MySQL [Текст] / Л. Веллинг, Л. Томсон. - Вильямс 2010 - 848 с.
5. Горнаков, С.Г. Осваиваем популярные системы управления сайтом [Текст] / С.Г. Горнаков. - М.: Наука, 2012. - 30 с.
6. Кузнецов М, Симдянов И. PHP 5/6 в подлиннике [Текст] / М.В. Кузнецов И.В. - БХВ-Петербург, 2010. - 1024 с.
7. Лоусон, Б. Изучаем HTML5 [Текст] / Б. Лоусон, Р. Шарп. - СПб.:Питер, 2011. - 272 с.
8. Маскиано, Ч. HTML и XHTML. Подробное руководство [Текст] / Ч. Маскиано, Б. Кеннеди. - Символ-Плюс 2011. - 752 с.
9. Прохоренок, Н.А. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера[Текст] / Н.А. Прохоренок. - СПб.: БХВ-Петербург 2010. - 912 с.
10. Фримен, Э. Изучаем HTML, XHTML и CSS [Текст] / Э. Фримен. - СПб.: Питер, 2012. - 656 с.
11. Чиртик, А.В. Популярный самоучитель HTML [Текст] / А.В. Чиртик. - СПб.: Питер, 2012. - 56 с.
12. Янк, К. PHP и MySQL. От новичка к профессионалу [Книга] / К. Янк. - М.: Эскимо, 2013. - 384 с.
Приложение
Скриншот:
(Работа в notepad++)
Исходный код программы:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Стоматологическая клиника</title>
<meta property="fb:app_id" content="257953674358265">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-dns-prefetch-control" content="on">
<meta name="robots" content="nofollow">
<link rel="shortcut icon" href="https://static.tildacdn.com/img/tildafavicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all">
<link rel="stylesheet" href="https://tilda.ws/project3539960/tilda-blocks-2.12.css?t=1610730343" type="text/css" media="all">
<link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-animation-1.0.min.css" type="text/css" media="all">
<link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-menusub-1.0.min.css" type="text/css" media="all">
<link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css" type="text/css" media="all">
<link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-zoom-2.0.min.css" type="text/css" media="all">
<script type="text/javascript" async="" id="tildastatscript" src="https://static.tildacdn.com/js/tildasimplestat-0.1.min.js">
</script>
<script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js">
</script>
<script src="https://static.tildacdn.com/js/tilda-scripts-2.8.min.js">
</script>
<script src="https://tilda.ws/project3539960/tilda-blocks-2.7.js?t=1610730343"></script><script src="https://static.tildacdn.com/js/lazyload-1.3.min.js" charset="utf-8">
</script>
<script src="https://static.tildacdn.com/js/tilda-animation-1.0.min.js" charset="utf-8"></script>
<script src="https://static.tildacdn.com/js/tilda-menusub-1.0.min.js" charset="utf-8"></script>
<script src="https://static.tildacdn.com/js/tilda-slds-1.4.min.js" charset="utf-8"></script>
<script src="https://static.tildacdn.com/js/hammer.min.js" charset="utf-8"></script>
<script src="https://static.tildacdn.com/js/tilda-zoom-2.0.min.js" charset="utf-8"></script>
<script src="https://static.tildacdn.com/js/tilda-map-1.0.min.js" charset="utf-8"></script>
<script type="text/javascript">window.dataLayer = window.dataLayer || [];</script>
<script type="text/javascript">if((/bot|google|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|facebook/i.test(navigator.userAgent))
===false && typeof(sessionStorage)!='undefined' && sessionStorage.getItem('visited')!=='y'){ var style=document.createElement('style'); style.type='text/css';
style.innerHTML='@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out
.2s;-moz-transition: opacity ease-in-out
.2s;-o-transition: opacity ease-in-out
.2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}';
document.getElementsByTagName('head')[0].appendChild(style); $(document).ready(function()
{ $('.t-records').addClass('t-records_animated'); setTimeout(function(){ $('.t-records').addClass('t-records_visible'); sessionStorage.setItem('visited','y'); },400); });
}</script>
<style type="text/css">@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}
</style>
</head>
<body class="t-body" style="margin: 0px;">
<div id="allrecords" class="t-records t-records_animated t-records_visible" data-hook="blocks-collection-content-node" data-tilda-project-id="3539960" data-tilda-page-id="16589483" data-tilda-formskey="7d7ac0b8e7666878821b94bcba154670"><div id="rec270195518" class="r t-rec" style="background-color:#d698b1; " data-animationappear="off" data-record-type="257" data-bg-color="#d698b1">
<div id="nav270195518marker"></div>
<div class="t228__mobile">
<div class="t228__mobile_container">
<div class="t228__mobile_text t-name t-name_md" field="text">
</div>
<div class="t228__burger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<div id="nav270195518" class="t228 t228__hidden t228__positionfixed " style="background-color: rgba(255,255,255,0.80); height:90px; box-shadow: 0px 1px 3px rgba(0,0,0,0.10);" data-bgcolor-hex="#ffffff" data-bgcolor-rgba="rgba(255,255,255,0.80)" data-navmarker="nav270195518marker" data-appearoffset="" data-bgopacity-two="" data-menushadow="10" data-bgopacity="0.80" data-menu-items-align="center" data-menu="yes">
<div class="t228__maincontainer t228__c12collumns" style="height:90px;">
<div class="t228__padding40px">
</div>
<div class="t228__leftside" style="min-width: 216px;">
<div class="t228__leftcontainer">
<a><img src="https://i.pinimg.com/736x/d2/44/68/d24468474c4a90a83abb88ccbed22965.jpg" class="t228__imglogo t228__imglogomobile" imgfield="img" style="max-width: 58px;width: 58px; height: auto; display: block;" alt="SMILE DENT">
</a>
</div>
</div>
<div class="t228__centerside ">
<div class="t228__centercontainer">
<ul class="t228__list">
<li class="t228__list_item">
<a class="t-menu__link-item" href="#about" data-menu-submenu-hook="" style="color:#292929;font-size:20px;font-weight:300;text-transform:uppercase;" data-menu-item-number="1">О клинике</a>
</li>
<li class="t228__list_item">
<a class="t-menu__link-item" href="#services" data-menu-submenu-hook="" style="color:#292929;font-size:20px;font-weight:300;text-transform:uppercase;" data-menu-item-number="2">Услуги</a>
</li>
<li class="t228__list_item">
<a class="t-menu__link-item" href="#specialists" data-menu-submenu-hook="" style="color:#292929;font-size:20px;font-weight:300;text-transform:uppercase;" data-menu-item-number="3">Специалисты</a>
</li>
<li class="t228__list_item">
<a class="t-menu__link-item" href="#contacts" data-menu-submenu-hook="" style="color:#292929;font-size:20px;font-weight:300;text-transform:uppercase;" data-menu-item-number="4">Контакты</a>
</li>
</ul>
</div>
</div>
<div class="t228__rightside" style="min-width: 216px;">
<div class="t228__rightcontainer">
<div class="t228__right_descr" style="color:#00a1c9;font-size:24px;font-weight:400;">+7 913 566 32 19</div>
</div>
</div>
<div class="t228__padding40px">
</div>
</div>
</div>
<style>@media screen and (max-width: 980px) { #rec270195518 .t228__leftcontainer { padding: 20px; } #rec270195518 .t228__imglogo { padding: 20px 0; }
#rec270195518 .t228 { position: static;
}
}
</style>
<script> $(window).load(function() { if (typeof t228_setWidth !== "undefined") { t228_setWidth('270195518'); } });
$(window).resize(function() { t228_setWidth('270195518'); t228_setBg('270195518');
});
$(document).ready(function() { t228_highlight(); t228_checkAnchorLinks('270195518'); if (typeof t228__init === 'function') { t228__init('270195518'); } t228_setBg('270195518'); t228_setWidth('270195518'); t228_createMobileMenu('270195518');
});</script>
<style>#rec270195518 .t-menu__link-item{ -webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out; position: relative; }
#rec270195518 .t-menu__link-item::after { content: ''; position: absolute; left: 0; bottom: 20%; opacity: 0; width: 100%; height: 100%; border-bottom: px solid ; -webkit-box-shadow: inset 0px -px 0px 0px ; -moz-box-shadow: inset 0px -px 0px 0px ; box-shadow: inset 0px -px 0px 0px ; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
#rec270195518 .t-menu__link-item.t-active{ opacity:1 !important;}
#rec270195518 .t-menu__link-item.t-active::after {
opacity: 1;
bottom: -0px;
border-bottom: 0px solid #00a1c9;
-webkit-box-shadow: inset 0px -1px 0px 0px #00a1c9;
-moz-box-shadow: inset 0px -1px 0px 0px #00a1c9;
box-shadow: inset 0px -1px 0px 0px #00a1c9;
}
@supports (overflow:-webkit-marquee) and (justify-content:inherit)
{ #rec270195518 .t-menu__link-item, #rec270195518 .t-menu__link-item.t-active { opacity: 1 !important; }
}</style>
<script type="text/javascript"> $(document).ready(function() { setTimeout(function(){ t_onFuncLoad('t_menusub_init', function() { t_menusub_init('270195518'); }); }, 500); });</script>
<style>@media screen and (max-width: 980px) { #rec270195518 .t-menusub__menu .t-menusub__link-item { color:#292929 !important; } #rec270195518 .t-menusub__menu .t-menusub__link-item.t-active { color:#292929 !important; }
}</style></div>
<div id="rec270195519" class="r t-rec" style="background-color:#ebebeb; " data-record-type="542" data-bg-color="#ebebeb" data-animationappear="off">
<div class="t-cover" id="recorddiv270195519" bgimgfield="img" style="height:100vh; background-image:url('https://static.tildacdn.com/tild6136-6362-4962-b561-663765376131/-/resize/20x/job-opportunity-bann.jpg');">
<div class="t-cover__carrier loaded" id="coverCarry270195519" data-content-cover-id="270195519" data-content-cover-bg="https://static.tildacdn.com/tild6136-6362-4962-b561-663765376131/job-opportunity-bann.jpg" data-content-cover-height="100vh" data-content-cover-parallax="" style="height: 100vh; background-attachment: scroll; background-image: url("https://thumb.tildacdn.com/tild6136-6362-4962-b561-663765376131/-/format/webp/job-opportunity-bann.jpg");" src="">
</div>
<div class="t-cover__filter" style="height:100vh;background-image: -moz-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));background-image: -o-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));background-image: -ms-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));background-image: linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fe000000', endColorstr='#fe000000');">
</div>
<div class="t542">
<div class="t-container">
<div class="t-cover__wrapper t-valign_middle" style="height:100vh;">
<div class="t-col t-col_6 t-align_left">
<div data-hook-content="covercontent">
<div class="t542__wrapper t542__wrapper_desktop t-align_left">
<div class="t542__title t-heading t-heading_lg t542__bottommargin_lg" data-animate-style="fadeinright" data-animate-group="yes" data-animate-order="1" field="title" style="color: rgb(0, 0, 0); font-size: 48px; padding-bottom: 60px;">Cтоматологические услуги от опытных специалистов
</div>
<div class="t542__text t-text t-text_sm" data-animate-style="fadeinright" data-animate-group="yes" data-animate-order="3" data-animate-delay="0.5" field="text" style="color: rgb(122, 122, 122); font-size: 28px;">
<span style="color: rgb(240, 91, 91);"></span>
<span style="color: rgb(255, 255, 255);"></span>
<span style="color: rgb(255, 247, 247);">+7 913 566 32 19</span>