2.2.7 Локальный сервер Denwer
При создании динамических сайтов, т.е. сайтов работающих на CMS, практически все разработчики используют локальный сервер. Это специальная программа, которая устанавливается на компьютер и позволяет осуществлять разработку сайтов, не выходя в сеть Интернет.
Денвер — набор дистрибутивов (локальный сервер WAMP) и программная оболочка, предназначенные для создания и отладки сайтов (веб-приложений, прочего динамического содержимого интернет-страниц) на локальном ПК (без необходимости подключения к сети Интернет) под управлением ОС Windows.
2.3 Структура сайта
Rodick's mercy содержит:
Основную информацию о ветклинике;
Контактны и реквизиты ветеринарной клиники;
Новостную ленту;
Полный список услуг с их кратким описанием;
Цены на предоставляемый перечень услуг;
Обратную связь с владельцем сайта.
На рисунке 2.3.1 можно посмотреть на дерево сайта.
Рисунок 2.3.1 – Дерево сайта Rodick's mercy
2.4 Макет разрабатываемого сайта
На рисунке 2.4.1 представлена главная страница сайта Rodick's mercy.
Рисунок 2.4.1 – Главная страница
Часть кода главной страницы сайта:
<!DOCTYPE html>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="http://localhost:2525/demo2/xmlrpc.php">
<title>Rodick's mercy — ветеринарная клиника</title>
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="Rodick's mercy » Лента" href="http://localhost:2525/demo2/feed/" />
<link rel="alternate" type="application/rss+xml" title="Rodick's mercy » Лента комментариев" href="http://localhost:2525/demo2/comments/feed/" />
<script type="text/javascript">
<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://localhost:2525/demo2/wp-includes/css/dashicons.min.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='admin-bar-css' href='http://localhost:2525/demo2/wp-includes/css/admin-bar.min.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css' href='http://localhost:2525/demo2/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2' type='text/css' media='all' />
<link rel='stylesheet' id='download-attachments-frontend-css' href='http://localhost:2525/demo2/wp-content/plugins/download-attachments/css/frontend.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='bakes-and-cakes-font-awesome-css' href='http://localhost:2525/demo2/wp-content/themes/bakes-and-cakes/css/font-awesome.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='animate-css' href='http://localhost:2525/demo2/wp-content/themes/bakes-and-cakes/css/animate.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='owl-carousel-min-css' href='http://localhost:2525/demo2/wp-content/themes/bakes-and-cakes/css/owl.carousel.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='bakes-and-cakes-jquery-sidr-light-style-css' href='http://localhost:2525/demo2/wp-content/themes/bakes-and-cakes/css/jquery.sidr.light.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='bakes-and-cakes-lightslider-style-css' href='http://localhost:2525/demo2/wp-content/themes/bakes-and-cakes/css/lightslider.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='bakes-and-cakes-google-fonts-css' href='//fonts.googleapis.com/css?family=Open+Sans%3A400%2C400italic%2C700%7CNiconne&ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='bakes-and-cakes-style-css' href='http://localhost:2525/demo2/wp-content/themes/bakes-and-cakes/style.css?ver=1.1.4' type='text/css' media='all' />
<script type='text/javascript' src='http://localhost:2525/demo2/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='http://localhost:2525/demo2/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<link rel='https://api.w.org/' href='http://localhost:2525/demo2/wp-json/' />
Рисунок 2.4.2 – Страница описания ветеринарной клиники
Рисунок 2.4.3 – Страница услуги
Рисунок 2.4.4 – Страница госпитализация
По аналогии со страницей госпитализации, представленной на рисунке 2.4.4, сделаны страницы поликлиника, специалисты, хирургия. Они так же имеют только ссылки на дочерние страницы.
Рисунок 2.4.5 – Страница анестезиология
Так же как и на странице анестезиология, которая изображена на рисунке 2.4.5, сделаны страницы дневной стационар, интенсивная терапия, круглосуточный стационар, вакцинация, приём врача, рентген и т. д. Все они содержат информацию о данных услугах.
Рисунок 2.4.6 – Страница контакты
Рисунок 2.4.7 – Страница цены