Файл: Разработка сайта стоматологической клиники (Структура документа).pdf
Добавлен: 13.03.2024
Просмотров: 26
Скачиваний: 0
3.3 Разработка приложения.
При разработке приложения был использован текстовый редактор Notepad++. Это очень удобный редактор с подсветкой синтаксиса. Написанная главная страница показана на рисунке 4.
Рисунок 4 – Внешний вид текстового редактора Notepad++
Главную страницу сайта принято называть index.html. На веб-сервера данная страница открывается первой.
Главная страница сайта стоматологической клиники разделена на 3 области. Данные области показаны на рисунке 5.
Рисунок 5 – Разделение сайта на области
Как видно из рисунка 5, сайт поделен на 3 области: шапка, тело и подвал. В шапке сайте располагается логотип, название сайта, телефон для связи и меню сайта. В теле сайта располагается краткая информация и стоматологической клиники. В подвале расположена контактная информация, режим работы и поиск по сайту.
При переходе по другим страничкам сайтам шапка и подвал остаются неизменными для удобства пользователя. Так как них расположена основная информация и меню сайта. Меняется только тело сайта, содержащая подробную информацию о разных разделах.
Меню у сайта горизонтальное с выпадающим списком у пункта «Услуги», так как клиника предоставляет много услуг. Выпадающее горизонтальное меню показано на рисунке 6. Оно реализовано с помощью стилей CSS.
Рисунок 6 – Выпадающее меню
Поиск по сайту реализован с помощью форм HTML. Форма содержит два элемента: текстовое поле для ввода искомого выражения и кнопка для запуска поиска. Форма поиска показана на рисунке 7.
Рисунок 7 – Форма поиска
Таким образом, получился удобный сайт, содержащий всю необходимую информацию.
Заключение
В результате выполнения курсовой работы был создан сайт стоматологической клиники «Вымпел». Сайт содержит всю необходимую информацию интересующую потенциальных клиентов.
В процессе выполнения работы был изучен язык HTML, на основе которого построены все сайты сети интернет.
В результате выполнения курсовой работы были достигнуты следующие задачи:
- Раскрыты основные сведения о языке HTML;
- Рассмотрен процесс создания сайта;
- Создан веб-сайт стоматологической клиники.
Список литературы
- С. В. Глушаков, А.В. Коваль, С.А. Черепнин, Программирование на Visual C++, ФОЛИО, Москва, 2017.
- Ю. Тихомиров, Самоучитель MFC, БХВ-Санкт –Петербург, 2017.
- Гончаров А. Самоучитель HTML. С.-Пб: Питер, 2000.
- Гончаров А. HTML в примерах. С.-Пб.: Питер, 2003.
- Информатика: Учебник/под ред. Н.В. Макаровой. - М.: Финансы и статистика, 2000. - 768 с.
- Информатика. Базовый курс. Учебник для Вузов/под ред. С.В. Симоновича. СПб.: Питер, 2000.
- Информатика. Компьютерная техника. Компьютерные технологии. / Пособие под ред. О.И.Пушкаря. Киев Издательский центр "Академия". 2001.
- Комягин А.О. Современный самоучитель работы на персональном компьютере. М.: ТРИУМФ, 2003.
- Ковтанюк Ю.С., Соловьян С.В. Самоучитель работы на персональном компьютере. К.: Юниор, 2001.
- Симонович С.В., Евсеев Г.А. Практическая информатика. Учебное пособие. М.: АСТпресс, 2001.
- Симонович С.В., Евсеев Г.А., Алексеев А.Г. Специальная информатика. Учебное пособие. М.: АСТпресс, 2001.
Листинг файла index.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf8>
<title>Вымпел - Стоматологическая клиника</title>
<link href=style.css rel=stylesheet />
</head>
<body>
<header>
<hgroup id=header>
<a href="index.html"><img id="logo" src="image/logo.jpg" /></a>
<hgroup id="name">
<h1>ВЫМПЕЛ</h1>
<h2>Стоматологическая клиника</h2>
</hgroup>
<hgroup id=tel>
<h1>8-800-300-30-30</h1>
<span><a class=ss href="contact.html">Адрес и график работы</a></span>
</hgroup>
</hgroup>
<nav id="menu1">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="news.html">Новости</a></li>
<li><a href=#>Услуги</a>
<ul>
<li><a href="ortop.html">Ортопедия</a></li>
<li><a href="nprot.html">Несъемное протезирование</a></li>
<li><a href="vinir.html">Виниры и вкладки</a></li>
<li><a href="koron.html">Коронки металлические и фарфоровые</a></li>
<li><a href="sprot.html">Съемное протезирование</a></li>
<li><a href="hirurg.html">Хирургия</a></li>
<li><a href="terap.html">Терапия</a></li>
</ul>
</li>
<li><a href="spec.html">Специалисты клиники</a></li>
<li><a href="okompanii.html">О компании</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</nav><!--menu1-->
</header>
<section id="content">
<img id="stomatolog" src="image/stomatolog.jpg" />
<h2>Стоматологическая клиника "Вымпел"</h2>
<p>Клиника "Вымпел" была основана в 1991 году и сегодня представляет собой многопрофильную стоматологическую клинику.</p>
<p>Со дня открытия мы стремились создать клинику, которой можно доверить свое здоровье. И сейчас мы стараемся поддерживать этот образ, внедряя последние достижения современной медицины.
Наша главная цель – обеспечить высокий уровень проводимого лечения и сделать пребывание в нашей клинике комфортным для каждого пациента.</p>
<p>Индивидуальный подход, открытость информации и готовность ответить на любые вопросы пациента – эти принципы лежат в основе нашей работы.</p>
<p>Помните, что многие заболевания легче предотвратить, чем потом их вылечить. Заботьтесь о своем здоровье и здоровье своих близких. Удачи вам, здоровья и благополучия!</p>
</section>
<hr>
<section id="content2">
<h2>Оказываемые услуги:</h2>
<p>Лечение зубов</p>
<p>Лечение десен</p>
<p>Протезирование зубов</p>
<p>Исправление прикуса</p>
<p>Имплантация</p>
<p>Удаление зубов</p>
<p>Отбеливание зубов</p>
<p>Профессиональная гигиена полости рта</p>
<p><span><a class=ss href="#">Все услуги</a></span></p>
</section>
<section id="content3">
<h2>Последние новости</h2>
<h4>Лечение кариеса</h4>
<img src="image/kar.jpg" />
<p>Кариес является одним из наиболее распространенных и неприятных заболеваний. Он связан не только с болезненными ощущениями, но и постепенным разрушением зуба,
которое при отсутствии правильного лечения станет необратимым.</p>
<span><a class=ss href="#">Все новости</a></span>
</section>
<footer>
<hgroup id=zvonok>Позвоните нам 8-800-300-30-30</hgroup>
<hgroup id=dopfot1><h4>Контакты</h4>
Москва, ул. Комсомольская д. 22 к. 1<br>
8-800-300-30-30 (телефон)<br>
</hgroup>
<hgroup id=dopfot2>
<h4>Режим работы</h4>
ПН-ПТ: с 10.00 до 20.00<br>
CБ: с 10.00 до 13.00<br>
ВС: выходной<br>
</hgroup>
<hgroup id=dopfot3>
<form action="" method="post" class="search">
<input type="search" name="" placeholder="Поиск по сайту" class="input" />
<input type="submit" name="" value="Поиск" class="submit" />
</form>
</hgroup>
<hgroup id=dopfot4>
<hr>
2018г. - Стоматологическая клиника "Вымпел"
</hgroup>
</footer>
</body>
</html>