Internet развивается довольно стремительно. Быстро растет количество изданий, посвященных этой сети, что предвещает широкое ее распространение даже в далеких от техники областях. Internet превращается в полноценный источник разнообразной полезной информации для любой категории пользователей.

Каждый из нас уже сейчас может сделать свой вклад в развитие Internet. Для этого достаточно создать свой Web-сайт и разместить его в сети.

Для этого необходимо решить следующие частные задачи:

- ознакомиться с современными интернет-технологиями и, по возможности, использовать их в своей разработке;

- изучить программный инструментарий, применяемый для разработки и создания Web-сайтов;

- выявить и учесть методы и способы представления на Web-страницах различных видов информации, не препятствующие их доступности;

- ознакомиться с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительно следовать им в своей практике;

- определиться со структурой Web-страниц;

- выбрать стратегию разработки и создания Web-сайта.

В данной работе будет рассмотрена структура созданного Web-сайта по вопросам медицинского страхования.

1. Порядок создания web-сайта

Web-страницы могут существовать в любом формате, но в качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Web-проекта. Обычно HTML-документ - это файл с расширением .html или .htm, в котором текст размечен HTML-тегами (англ. tag - специальные встроенные указания). Средствами HTML задаются синтаксис и размещение тегов, в соответствии с которыми браузер отображает содержимое Web-документа. Текст самих тегов Web-браузером не отображается.

Перед созданием всего сайта создается его структура, т.е. создается главная страница, а с ней связанные с помощью ссылок дополнительные страницы, которые отвечают за свои разделы. Первым делом создается папка, в которой будет находиться до размещения в Интернет будущий сайт. В этой папке должны находиться еще и "подпапки", предназначенные для картинок, музыкальных файлов прочего. Полезно также выделить отдельную папку для каждого раздела сайта. В корневом каталоге должна находиться главная страничка сайта. Существует еще одно правило: размер странички должен укладываться в размер одного экрана. Сначала создается структура документа. При создании структуры указываются имена страниц (не файлов). Затем страница заполняется нужными картинками и текстом. В конце, когда страница создана, ее нужно сохранить в нужной папке. Имя файла для главной страницы должно быть index.html . Далее созданные страницы объединяют с помощью ссылок. При связке в общий документ ссылки можно спрятать под любой видимый объект (картинки, меню, кнопки и т.д.).

2. Структура сайта

Созданный сайт по вопросам медицинского страхования состоит из следующих разделов:

- главная страница;

- раздел, посвященный вопросам обязательного медицинского страхования;

- раздел, посвященный вопросам добровольного медицинского страхования;

- активная asp-страница, содержащая опрос для посетителей сайта.

Для каждого раздела сайта создана своя папка: main, oms, dms, picts (содержит картинки, используемые для оформления сайта). В каждую папку вложены исходные файлы, например, папка main содержит следующие документы: 0.html, 1.html, 2.html, 3.html, frm.html, top.html, mnu.html и opros.asp.

2.1 Главная страница

Главная страница имеет фреймовую структуру и разделена на две части: верхнюю, которая ссылается на страницу main\top.html и не исчезает при нажатиях на ссылки, и нижнюю, которая является изменяемой частью основной страницы и ссылается на страницу main\frm.html.

Код главной страницы имеет вид:

<html>

<head>

</head>

</frameset>

</html>

Top.html состоит из заголовка и таблицы, в которой размещены основные ссылки на разделы сайта. Таблица и заголовок находятся по центру страницы, независимо от ширины окна.

Код страницы top.html имеет вид:

<html>

<h1 align="center">Медицинское страхование</h1>

<tr>

<th width="25%" height="23" align="center" valign="middle" nowrap background="../picts/layout_21.gif" scope="col"><p align="center" style="color:#FFFF99"><a href="frm.html" target="mainFrame">Главная</a></p></th>

<th width="25%" height="23" align="center" valign="middle" nowrap background="../picts/layout_21.gif" scope="col"><div align="center"style="color:#FFFF99"><a href="opros.asp" target="mainFrame">Опрос</a></div></th>

</tr>

</table>

</div>

</body>

</html>

Frm.html основной страницы так же имеет фреймовую структуру, но разделен не по горизонтали, а вертикально, для удобства навигации по сайту.

Код frm.html имеет вид:

<html>

<head>

<title>Медицинское страхование</title>

</head>

</frameset>

</html>

Левая часть фреймсета ссылается на страницу mnu.html, которая остается неизменной при навигации по подразделам главной страницы.

Правая часть изменяема и отображает те страницы, ссылки на которые имеет левая часть фрейма.

Код mnu.html имеет вид:

<html>

<a href="1.html" target="mnFrame">Законодательство</a>

<a href="2.html" target="mnFrame">Виды медицинского страхования</a>

<a href="3.html" target="mnFrame">Плюсы и Минусы.</a>

</body>

</html>

Код правой части фрейма приведен в соответствии с названиями страниц, на которые имеет ссылки mnu.html. Начальная страница, которую отображает фрейм при загрузке раздела: main\0.html.

Код 0.html:

<html>

<head>

<title>Медицинское страхование</title>

</head>

<p>Медицинское страхование, как способ защиты государством прав пациента на полноценное лечение и охрану собственного здоровья, уходит корнями вглубь веков. Издавна к недобросовестным лекарям и мошенникам от врачевания применялись суровые наказания. Медики, не располагающие требуемой квалификацией и знаниями, не только лишались права заниматься врачебной практикой, но попадали в суровые жернова закона.</p>

</div>

<p>В России с 1993 года медицинское страхование существует в двух формах: обязательное и добровольное. Обязательное медицинское страхование свойственно странам с социально ориентированной рыночной экономикой и является частью системы социального страхования государства. Добровольное представляет собой самостоятельный вид медицинского страхования, служащий дополнением к обязательному.</p>

</div>

</body>

</html>

Приведем также пример кода одной из страниц, которая имеет ссылку на другой раздел внутри текста (main/2.html):

<html>

<head>

<title>Виды медицинского страхования.</title>

</head>

<h2 align="center">Виды медицинского страхования.</h2>

<p align="center"><img src="../picts/layout_27.gif" width="100%"

height="10"></p>

<p align="justify">Услуги по страхованию в России развиваются поступательными темпами. Большинство россиян уже знают, что такое обязательное медицинское страхование (ОМС), и даже являются владельцами полиса. При этом далеко не все располагают полной информацией о добровольном медицинском страховании и его преимуществах. Оба эти вида при кажущемся сходстве имеют массу различий.

</p>

<p align="justify"><a href="../oms/frm.html" target="mainframe">Обязательное_медицинское_страхование</a> - это гарантированный государством комплекс мер материального обеспечения граждан и членов их семей при болезни, потере трудоспособности, в старости; охраны здоровья матерей с детьми и пр.</p>

<p align="justify"><a href="../dms/frm.html" target="mainframe">Добровольное_медицинское_страхование</a> проводится на базе договора, порядок заключения которого и общие условия устанавливаются страховой компанией самостоятельно, - но в рамках положений Закона "О страховании". Следует иметь в виду, что отдельные нюансы договоров у различных страховщиков могут быть разными.<br>

<br>

Добровольное медицинское страхование обеспечивает оплату медицинских услуг, имеющих отношение непосредственно к лечению. Причем, программы страхователю предлагаются самые разные - на выбор. Некоторые из них предполагают медицинское страхование на случай стойкой и временной нетрудоспособности или необходимости реабилитации; а отдельные предложения могут включать даже такие элементы, как оплата спортивно-оздоровительных услуг и приобщение к здоровому образу жизни.</p>

</body>

</html>

Структура главной страницы сайта представлена на рисунке 2.1.

Рисунок 2.1 - Структура главной страницы сайта

Коды остальных страниц раздела имеют аналогичную структуру.

2.2 Раздел по ОМС

Раздел подобно главной странице имеет фреймсет, разделенный вертикально. Левый фрейм ссылается на страницу oms\mnu.html, содержащую ссылки на страницы подразделов.

Правый фрейм ссылается на страницы подразделов, ссылки на которых содержит левый фрейм. Начальная страница, которую отображает правый фрейм при загрузке раздела: oms\0.html.

Приведем код одной из страниц, которая имеет таблицу:

<html>

<head>

<title>Обязательное медицинское страхование (ОМС). Обращение за медицинской помощью.</title>

</head>

<body background="../picts/layout_29.gif" bgcolor="#FFFFCC" link="#3300CC" alink="#33CCFF" vlink="#FF6600" topmargin="15" leftmargin="50" marginheight="15" marginwidth="50">

<h2 align="center">Обращение за медицинской помощью.</h2>

<p align="center"><img src="../picts/layout_27.gif" width="100%" height="10"></p>

<p align="justify">Если у гражданина возникает необходимость в медицинской помощи, - он предъявляет в поликлинике страховой полис и удостоверение личности.</p>

<h4 align="justify">Важно запомнить:</h4>

<tr>

<th height="28" scope="col">1.</th>

<th scope="col"><p align="justify"><span style="font:'Times New Roman', Times, serif"><span style="color:#FF0000">Полис действителен только в период действия трудового договора.</span></span></th>

</tr>

<tr>

<th height="46" scope="col">2.</th>

<th scope="col"><p align="justify"><span style="font:'Times New Roman', Times, serif"><span style="color:#FF0000">Увольняясь с предыдущего места работы, гражданин возвращает полис обязательного медицинского страхования в свою бухгалтерию.</span></span></p></th>

</tr>

<tr>

<th width="22" height="28" scope="col">3.</th>

<th width="550" scope="col"><p align="justify"><span style="font:'Times New Roman', Times, serif"><span style="color:#FF0000">На новом месте работы человек получает новый полис.</span></span></p> </th>

</tr>

</table>

<p align="justify">Надо иметь в виду, что полис обладает силой лишь на территории России. И в этом заключается один из главных его недостатков. <br>

<b>На граждан, выезжающих на длительный срок работать по контракту за пределы родного государства, не распространяются возможности программы обязательного медицинского страхования.</b> </p>

<p align="justify">Поэтому, в таких случаях необходимо позаботиться о дополнительных видах страхования. </p>

</body>

</html>

Структура раздела представлена на рисунке 2.2.

Рисунок 2.2 - Структура раздела по ОМС

2.3 Раздел по ДМС

Как и главная страница, раздел имеет фреймсет, разделенный вертикально. Левый фрейм ссылается на страницу dms\mnu.html, содержащую ссылки на страницы подразделов.

Правый фрейм ссылается на страницы подразделов, ссылки на которых содержит левый фрейм. Начальная страница, которую отображает правый фрейм при загрузке раздела: dms\0.html.

Приведем код страницы правого фрейма, которая имеет ссылку на другой раздел внутри текста.

Код dms\1.html:

<html>

<head>

<title>Добровольное медицинское страхование (ДМС). Для чего нужно ДМС.</title>

</head>

<body background="../picts/layout_29.gif" bgcolor="#FFFFCC" link="#3300CC" alink="#33CCFF" vlink="#FF6600" topmargin="15" leftmargin="50" marginheight="15" marginwidth="50">

<h2 align="center">Для чего нужно добровольное медицинское страхование</h2>

<p align="center"><img src="../picts/layout_27.gif" width="100%" height="10"></p>

<p align="justify">Добровольное медицинское страхование (ДМС) демонстрирует в последнее время хорошие показатели развития. По сравнению с <a href="../oms/frm.html" target="mainframe">ОМС</a> (Oбязательным медицинским страхованием), россияне, добровольно застраховавшие свое здоровье, имеют возможность получать врачебную помощь в большем объеме и лучшего качества. Добровольное медицинское страхование открывает перед гражданами новые возможности: бесплатный доступ к дорогостоящим видам обследования и лечения, богатый выбор физиотерапевтических процедур, консультации лучших специалистов, пребывание в стационарах повышенной комфортности.</p>

<p align="justify">Стать владельцем полиса ДМС можно, заключив соответствующий договор со страховой компанией. На основании этого соглашения страховщик выступает проводником интересов гражданина, и этот процесс не ограничивается лишь предоставлением качественной медицинской помощи. Добровольное медицинское страхование предусматривает также и защиту гражданина, оказание помощи при госпитализации, контроль стоимости медицинского сервиса.</p>

<p align="justify">Многие из нас не раз сталкивались с тем, что в районных поликлиниках нам навязывают ненужные порой обследования и процедуры. С владельцем полиса добровольного медицинского страхования такого не происходит. Владельцы полисов избавлены от необходимости выстаивать многочасовые очереди в медучреждениях или ломать голову над тем, к какому врачу обратиться. Добровольное медицинское страхование предусматривает подробную информацию в полисе обо всех условиях и объемах предоставления медицинских услуг, а также список лечебных учреждений, права и обязанности владельца полиса.</p>

</body>

</html>

Структура раздела представлена на рисунке 2.3.

Рисунок 2.3 - Структура раздела по ДМС

2.4 Раздел "Опрос"

Раздел представляет собой форму опроса посетителей сайта о необходимости медицинского страхования.

Ссылается на активную страницу opros.asp, код которой представлен ниже:

<%@Language=VBScript%>

<% Option Explicit

Dim Num

Num=0

<HTML>

<HEAD>

<TITLE>Пример теста</TITLE>

</HEAD>

<BODY>

<font face="Verdana">

<h3>Нужно ли медицинское страхование?</h3>

<form id=FORM1 action="opros.asp" method=post>

<p>

<input id=Radio type=radio name=Var value="1"> Да, нужно.<br>

<input id=Radio type=radio name=Var value="2"> Нет, не нужно.<br>

<input id=Radio type=radio name=Var value="3"> Затрудняюсь ответить.<br><br>

</p></form>

<%Num=Request.Form("Var")%>

if Num<>0 then

if (Num=2) or (Num=1) or (Num=3) then

Response.Write("<p>Ваш голос учтен!</p>")

else

end if

</body>

</html>

Структура раздела представлена на рисунке 2.4.

Рисунок 2.4 - Структура раздела "Опрос"

Заключение

В данной курсовой работе рассмотрены актуальные вопросы разработки и создания современного Web-сайта.

При этом были решены следующие частные задачи:

- ознакомление с современными Интернет-технологиями и их использование в настоящей разработке;

- изучение программного инструментария, применяемого для разработки и создания Web-сайтов;

- выявление и учет методов и способов представления на Web-страницах различных видов информации, не препятствующих их доступности;

- ознакомление с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительное следование им на практике;

- определение структуры Web-страниц.

В результате проведенных работ на базе выбранных технологий был создан прототип современного Web-сайта.

Список использованных источников

Гаевский А.Ю., Романовский В.А. Самоучитель по созданию Web-страниц: HTML, JavaScript и Dynamic HTML. - К.: А.С.К., 2002. - 472 с.

Холмогоров В. Основы web-мастерства. Учебный курс. - СПб.: Питер, 2001. - 352 с.: ил.