Курсовая работа: Создание 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 rows="20%,*" cols="*" frameborder="no" border="10" framespacing="0">
<frame src="main/top.html" name="Top" scrolling="No" noresize="noresize" id="topframe" />
<frame src="main/frm.html" name="mainFrame" id="mainFrame" />
</frameset>
<noframes></noframes>
</html>
Top.html состоит из заголовка и таблицы, в которой размещены основные ссылки на разделы сайта. Таблица и заголовок находятся по центру страницы, независимо от ширины окна.
Код страницы top.html имеет вид:
<html>
<body background="../picts/layout_29.gif" link="#FFFFCC" alink="#33FFFF" vlink="#66FFCC" topmargin="10" leftmargin="0" marginheight="10" marginwidth="0">
<h1 align="center">Медицинское страхование</h1>
<div align="center">
<table width="100%" height="29" border="1" background="../picts/layout_01.gif">
<tr>