1. Простые сайты, («сайты-визитки», домашние странички и т.п.). Основная цель обозначить своё присутствие в интернете. Такие сайты обычно содержат немного информации о владельце или фирме и совсем мало другой интересной информации.

2. Тематические, узконаправленные сайты. Эти сайты могут быть большими и подробно освещать какую-либо тему. Многие из тематических сайтов занимают достойное место в интернете. Однако тематические, узконаправленные сайты могут привлекать и быть интересны лишь определённому кругу лиц.

3. Многофункциональные сайты (порталы). Содержат массу самой разнообразной информации, такой как каталог предприятий и много функций, В основном создаются фирмами и предоставляют только бесплатные услуги и информацию с целью привлечения большего количества людей. Цель компаний это получение прибыли с рекламы.

2. Обзор и сравнительный анализ HTML-редакторов

Macromedia Flash

Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Macromedia DreamWeaver, Allaire HomeSite или 1^st Page 2000. А кто-то пользуется простым текстовым редактором, например Блокнотом (Notepad). Текстовые редакторы, возможно, использовать только для создания небольших страниц, так как у них есть много минусов: не поддерживаются проекты, отсутствует «подсветка» текста, в общем, работать с ними может только профессионал, знающий язык HTML.

Рассмотрим визуальный HTML-редактор DreamWeaver. Этот программный продукт рассчитан на тех, кто плохо, или почти не знает язык HTML, хотя в нем можно создавать сайты даже не обладая данными знаниями. DreamWeaver содержит все, что необходимо как для визуальной компоновки web-страниц, так и для работы с HTML-кодом. Интуитивный интерфейс DreamWeaver настолько прост, что даже начинающий дизайнер сможет быстро создать профессиональный Web-сайт. Непосредственно в Dreamweaver можно создавать анимации в формате Macromedia Flash, использовать данные из Microsoft Office, легко импортировать rollover-графику, меню и кнопки из Fireworks. Компания Macromedia считается лидером по производству программ для создания веб-сайтов, а также законодателем моды в этой области. В последнее время она начала выпускать версию за версией данного продукта, тем самым все, более совершенствуя его. DreamWeaver-3, - 4, - 6 и это еще не предел. Причем в каждой новой версии добавляется всё больше и больше функциональных возможностей, не по одной и не по две, а чуть ли не десятками. Многие разработчики Web-сайтов считают DreamWeaver наиболее удобным HTML-редактором как для начинающих Web-дизайнеров, так и для опытных программистов.

Одна из последних версий HTML-редактора компании Macromedia-DreamWeaver 9, который относится к категории WYSIWYG-редакторов (т.е. What You See Is What You Get), и этот пакет имеет очень много достоинств: удобный интерфейс, настройка функций, поддержка больших проектов и многое другое. Для работы в этой программе не нужно досконально знать HTML (в этом и упрощается преимущество технологии WYSIWYG - что вижу, то и получаю).

DreamWeaver на несколько шагов опережает другие редакторы, использующие технологию WYSIWYG, в первую очередь тем, что генерирует очень чистый HTML-код. DreamWeaver позволяет избавиться от однотипной работы при создании страниц (например, верстка текста) при помощи использования опции «запись последовательности команд» вы можете записывать последовательность производимых вами команд, потом нажимаете, например, CTRL+P, и DreamWeaver воспроизводит всё в той же последовательности.

Macromedia DreamWeaver - профессиональный редактор HTML для визуального создания и управления сайтами различной сложности и страницами сети Internet. Нравится ли вам вручную писать код HTML или вы предпочитаете работать в визуальной среде, DreamWeaver облегчает эту работу и обеспечивает полезными инструментами и средствами, чтобы сделать свои собственные проекты непревзойденными. DreamWeaver включает в себя много инструментов и средств для редактирования и создания профессионального сайта: HTML, CSS, JavaScript, редакторы кода (просмотр кода и инспектор кода), что позволяет вам, редактировать различные текстовые документы, которые поддерживаются в DreamWeaver. Также вы можете настроить DreamWeaver, чтобы он наводил порядок и переформатировал HTML, как вы этого хотите.

Возможность визуального редактирования в DreamWeaver также позволяет быстро создавать или менять дизайн проекта без написания кода. DreamWeaver относится к так называемым «визуальным» редакторам, т.е. вы сразу можете видеть на экране (хотя бы приблизительно) результат своей работы. При этом он распространяет полный доступ к источнику кода и не вставляет в него ничего лишнего, как это делает, например, FrontPage. Таким образом, можно создавать свою страничку и параллельно изучать HTML, заглядывая в источник. Можно на живом примере убедиться, что HTML - это просто. Простота обращения с редактором DreamWeaver заключается в том, что возможно рассмотреть все централизованные элементы и перетащить их с удобной панели непосредственно в документ.

DreamWeaver полностью настраиваемый. Можно использовать DreamWeaver, чтобы создавать свои собственные объекты и команды, изменять «горячие» клавиши и расширять возможности DreamWeaver новыми свойствами, инспекторами свойств и новыми отчетами о сайте.

HTML-редактор FrontPage

Одним из первых редакторов является FrontPage. Редактор входит в программный пакет MS Office. Этот программный продукт упрощает работу с HTML-языком.

Microsoft FrontPage призван облегчить вам задачу достойно представить себя в WWW или создать Web-сайт для сети intranet вашей организации. FrontPage, органично вписывающийся в пакет приложений Microsoft Office, стал первым продуктом широкого использования для Internet, сочетающим в себе клиентскую и серверную части и обеспечивающим возможность разработки сайта в целом и установки его на большинство популярных серверов. Если вы хотите создать свой Web-сайт, но с программированием знакомы только понаслышке, не беспокойтесь - FrontPage способен взять на себя всю необходимую работу по программированию. Однако FrontPage станет достаточно серьезным помощником и для профессиональных разработчиков, предпочитающих держать в руках полный контроль над творческим процессом.

FrontPage поставляется с несколькими дополнительными утилитами, вместе составляющими так называемый FrontPage Bonus Pack.

Уникальность FrontPage еще и в том, что он базируется на клиент-серверной модели разработки, что неимоверно облегчает интеграцию с большинством компьютерных систем. Давайте разберемся в этом получше.

В клиент - серверных системах, сервер - это компьютер (или приложение), обеспечивающий удаленным пользователям доступ по сети к своим данным или ресурсам. Клиент - это компьютер (или приложение), который запрашивает эти данные или ресурсы. Чаще всего сервер - мощная машина, а клиент - обычный настольный компьютер. Предположим, например, что все счета, выставленные компанией Cascade Coffee Roasters, хранятся в базе данных на сервере. В клиент-серверной платежной системе вы вводите информацию на компьютере-клиенте, а заполнив счет, сохраняете информацию на сервере, централизованно. Таким образом, вы можете подключить к серверу неограниченное количество клиентских компьютеров, и все они будут иметь доступ к одним и тем же данным.

FrontPage работает аналогичным образом, фактически он включает и сервер, и клиента. Его клиентское программное обеспечение состоит из Проводника (FrontPage Explorer) и Редактора (FrontPage Editor). Проводник позволяет просматривать и администрировать сайты несколькими различными способами. Для создания новых страниц и редактирования существующих предназначен Редактор.

Для серверной стороны FrontPage можно использовать FrontPage Personal Web Server или Microsoft Personal Web Server под управлением Windows 95, Windows 98 или Windows NT Workstation. При установке на Windows NT Server FrontPage автоматически определяет наличие Microsoft Internet Information Server (IIS), и если он установлен, то в дальнейшем с ним и работает. Вы можете установить один из персональных Web-серверов на компьютер в локальной (Local Area Network, LAN) или глобальной (Wide Area Network, WAN) сети на базе TCP/IP и тем самым превратить эту сеть в intranet. Вы даже можете разместить персональный Web-сервер на том же компьютере, на котором установлено клиентское обеспечение. Редактировать страницы вашего сайта и создавать новые вы можете на любом клиентском компьютере, подключенном к серверу - даже если они находятся в противоположных точках земного шара.

В состав FrontPage также входят Серверные расширения (FrontPage Server Extensions), обеспечивающие интеграцию FrontPage со всеми наиболее популярными Web-серверами. Если в вашей организации уже есть качественный Web-сервер, то серверные расширения помогут гладко решить проблемы взаимодействия между ним и FrontPage.

В состав Microsoft Office входят Microsoft Word, Excel, PowerPoint и Access. Microsoft Office - это самый популярный сегодня на рынке пакет офисных приложений. Мощность Office в создании информационного наполнения в сочетании со средствами управления сайтом и средствами генерации страниц FrontPage дает вам в руки непревзойденные возможности конструирования Web-сайтов. Вот лишь несколько аспектов их тесного взаимодействия:

- Документы Office во всех режимах обзора сайта в Проводнике FrontPage обозначаются теми же значками, что и в проводнике Windows.

- Возможности FrontPage по проверке и восстановлению ссылок распространяются на любые расположенные на вашем сайте документы Office, содержащие ссылки

- Материал из файлов Office очень просто перенести в Web-страницы FrontPage. Например, рабочие листы Excel можно частично или полностью скопировать в Редакторе на вашу страницу с помощью буфера обмена (Clipboard) или механизма drag-and-drop, и FrontPage автоматически преобразует их в таблицу HTML

- Вы можете перетаскивать документы Office из Проводника Windows в Проводник FrontPage, и эти документы будут автоматически импортироваться в ваш сайт

С помощью данной программы, возможно, снабдить Интернет - страницу динамическими шаблонами, кнопками, управлять графическими слоями и создавать изображения - образцы. Front Page 2003 представляет новые графические функции, возможность создания чистого HTML - кода и расширенные средства контроля. Кроме того, мощные инструментальные средства помогут в создание собственных Интернет - страниц и окажут содействие в разработке интерактивных сценариев.

Проводя анализ различных средств для создания Web - приложений я остановила свой выбор на Front Page т.к. он наиболее полно удовлетворяет мои потребности в создание сайта.

3. Создания Web-сайта

Требования предъявляемые к сайту:

· разрешение экрана

· язык программирования

· совместимость с браузерами

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

<html>

<head>

<meta http-equiv= «Content-Language» content= «ru»>

<meta http-equiv= «Content-Type» content= «text/html; charset=windows-1251»>

<title>Главная</title>

<script language= «JavaScript»>

<!-

function FP_preloadImgs() { //v1.0

var d=document, a=arguments; if (! d.FP_imgs) d.FP_imgs=new Array();

for (var i=0; i<a.length; i++) {d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i];}

}

function FP_swapImg() { //v1.0

var doc=document, args=arguments, elm, n; doc.$imgSwaps=new Array(); for (n=2; n<args.length;

n+=2) {elm=FP_getObjectByID (args[n]); if(elm) {doc.$imgSwaps [doc.$imgSwaps.length]=elm;

elm.$src=elm.src; elm.src=args [n+1];}}

}

function FP_getObjectByID (id, o) { //v1.0

var c, el, els, f, m, n; if(! o) o=document; if (o.getElementById) el=o.getElementById(id);

else if (o.layers) c=o.layers; else if (o.all) el=o.all[id]; if(el) return el;

if (o.id==id || o.name==id) return o; if (o.childNodes) c=o.childNodes; if(c)

for (n=0; n<c.length; n++) {el=FP_getObjectByID (id, c[n]); if(el) return el;}

f=o.forms; if(f) for (n=0; n<f.length; n++) {els=f[n].elements;

for (m=0; m<els.length; m++) {el=FP_getObjectByID (id, els[n]); if(el) return el;}}

return null;

}

// ->

</script>

</head>

<body bgcolor= "#FFFFCC» onload= «FP_preloadImgs (/*url*/'buttonD.jpg', /*url*/'buttonE.jpg', /*url*/'button13.jpg', /*url*/'button14.jpg', /*url*/'button1C.jpg', /*url*/'button1D.jpg', /*url*/'button1F.jpg', /*url*/'button20.jpg')» >

<table border= «0» cellpadding= «0» cellspacing= «0» width= «1237» height= «855»>

<tr>

<td valign= «top»>

<! - MSCellType= «DecArea» ->

<img border= «0» src= «2.jpg» width= «322» height= «218»></td>

<td valign= «top»>

<! - MSCellType= «ContentHead» ->

<img border= «0» src= «Безымянный.png» width= «912» height= «216»></td>

<td height= «218»>&nbsp;</td>

</tr>

<tr>

<td valign= «top»>

<! - MSCellType= «NavBody» ->

&nbsp;<p>&nbsp;&nbsp;

<a href= «Лекции»>

<img border= «0» id= «img2» src= «buttonC.jpg» height= «60» width= «300» alt= «Лекции» fp-style= «fp-btn: Glow Capsule 4; fp-font: Ludvig van Bethoveen; fp-font-size: 36; fp-font-color-hover: #FF0000» fp-title= «Лекции» onmouseover= «FP_swapImg (1,0,/*id*/'img2',/*url*/'buttonD.jpg')» onmouseout= «FP_swapImg (0,0,/*id*/'img2',/*url*/'buttonC.jpg')» onmousedown= «FP_swapImg (1,0,/*id*/'img2',/*url*/'buttonE.jpg')» onmouseup= «FP_swapImg (0,0,/*id*/'img2',/*url*/'buttonD.jpg')»></a></p>

<p>&nbsp;&nbsp;

<a href= «литература»>

<img border= «0» id= «img3» src= «button12.jpg» height= «60» width= «300» alt= «Литература» fp-style= «fp-btn: Glow Capsule 4; fp-font: Ludvig van Bethoveen; fp-font-size: 36» fp-title= «Литература» onmouseover= «FP_swapImg (1,0,/*id*/'img3',/*url*/'button13.jpg')» onmouseout= «FP_swapImg (0,0,/*id*/'img3',/*url*/'button12.jpg')» onmousedown= «FP_swapImg (1,0,/*id*/'img3',/*url*/'button14.jpg')» onmouseup= «FP_swapImg (0,0,/*id*/'img3',/*url*/'button13.jpg')»></a></p>

<p>&nbsp;&nbsp;

<img border= «0» id= «img4» src= «button1B.jpg» height= «60» width= «300» alt= «Тренинги» onmouseover= «FP_swapImg (1,0,/*id*/'img4',/*url*/'button1C.jpg')» onmouseout= «FP_swapImg (0,0,/*id*/'img4',/*url*/'button1B.jpg')» onmousedown= «FP_swapImg (1,0,/*id*/'img4',/*url*/'button1D.jpg')» onmouseup= «FP_swapImg (0,0,/*id*/'img4',/*url*/'button1C.jpg')» fp-style= «fp-btn: Glow Capsule 4; fp-font: Ludvig van Bethoveen; fp-font-size: 36; fp-font-color-hover: #FF0000» fp-title= «Тренинги»></p>

<p>&nbsp;&nbsp;

<a href= «тест»>

<img border= «0» id= «img5» src= «button1E.jpg» height= «60» width= «300» alt= «Тесты» onmouseover= «FP_swapImg (1,0,/*id*/'img5',/*url*/'button1F.jpg')» onmouseout= «FP_swapImg (0,0,/*id*/'img5',/*url*/'button1E.jpg')» onmousedown= «FP_swapImg (1,0,/*id*/'img5',/*url*/'button20.jpg')» onmouseup= «FP_swapImg (0,0,/*id*/'img5',/*url*/'button1F.jpg')» fp-style= «fp-btn: Glow Capsule 4; fp-font: Ludvig van Bethoveen; fp-font-size: 36; fp-font-color-hover: #FF0000» fp-title= «Тесты»></a></td>

<td valign= «top» height= «636» colspan= «2»>

<! - MSCellType= «ContentBody» ->

&nbsp;<p align= «center»>&nbsp;<img border= «0» src= «welcome7.gif» width= «600» height= «100»></p>

<p align= «justify»><font size= «4» face= «American Retro»>&nbsp; </font>

<font size= «6» face= «American Retro»>Вы находитесь на сайте

<span lang= «en-us»>psyhology.ru. </span>Здесь вы можете пройти курс

лекций по социальной психологии, ознакомиться с существующими учебными

пособиями в данной предметной области, пройти всевозможные тесты. Также

на сайте есть тренинги, которые помогут вам в общении. Они научат вас

правилам ведения беседы, поведению в обществе, что очень необходимо в

нашей жизни.</font></p>

<p align= «right»>&nbsp;<font face= «American Retro»><font size= «6»>Желаю

удачи!!!</font>&nbsp; </font> </td>

</tr>

<tr>

<td width= «322»></td>

<td width= «896»></td>

<td height= «1» width= «19»></td>

</tr>

</table>

</body>

</html>

Литература

<html>

<head>

<meta http-equiv= «Content-Language» content= «ru»>

<meta http-equiv= «Content-Type» content= «text/html; charset=windows-1251»>

<title>Литература</title>

<script language= «JavaScript»>

<!-

function FP_preloadImgs() { //v1.0

var d=document, a=arguments; if (! d.FP_imgs) d.FP_imgs=new Array();

for (var i=0; i<a.length; i++) {d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i];}

}

function FP_swapImg() { //v1.0

var doc=document, args=arguments, elm, n; doc.$imgSwaps=new Array(); for (n=2; n<args.length;

n+=2) {elm=FP_getObjectByID (args[n]); if(elm) {doc.$imgSwaps [doc.$imgSwaps.length]=elm;

elm.$src=elm.src; elm.src=args [n+1];}}

}

function FP_getObjectByID (id, o) { //v1.0

var c, el, els, f, m, n; if(! o) o=document; if (o.getElementById) el=o.getElementById(id);

else if (o.layers) c=o.layers; else if (o.all) el=o.all[id]; if(el) return el;

if (o.id==id || o.name==id) return o; if (o.childNodes) c=o.childNodes; if(c)

for (n=0; n<c.length; n++) {el=FP_getObjectByID (id, c[n]); if(el) return el;}

f=o.forms; if(f) for (n=0; n<f.length; n++) {els=f[n].elements;

for (m=0; m<els.length; m++) {el=FP_getObjectByID (id, els[n]); if(el) return el;}}

return null;

}

// ->

</script>

</head>

<body bgcolor= "#FFFFCC» onload= «FP_preloadImgs (/*url*/'button25.jpg', /*url*/'button26.jpg', /*url*/'button28.jpg', /*url*/'button29.jpg', /*url*/'button2B.jpg', /*url*/'button2C.jpg', /*url*/'button2E.jpg', /*url*/'button2F.jpg', /*url*/'button2B1.jpg', /*url*/'button2C1.jpg')» >

<table border= «0» cellpadding= «0» cellspacing= «0» width= «1237» height= «855»>

<! - MSTableType= «layout» ->

<tr>

<td valign= «top»>

<! - MSCellType= «DecArea» ->

<img border= «0» src= «2.jpg» width= «322» height= «218»></td>

<td valign= «top»>

<! - MSCellType= «ContentHead» ->

<a href= «index.htm»>

<img border= «0» src= «Безымянный.png» width= «912» height= «216»></a></td>

<td height= «218»>&nbsp;</td>

</tr>

<tr>

<td valign= «top»>

<! - MSCellType= «NavBody» ->

&nbsp;<p>&nbsp;&nbsp;

<img border= «0» id= «img6» src= «button24.jpg» height= «60» width= «300» alt= «Лекции» onmouseover= «FP_swapImg (1,0,/*id*/'img6',/*url*/'button25.jpg')» onmouseout= «FP_swapImg (0,0,/*id*/'img6',/*url*/'button24.jpg')» onmousedown= «FP_swapImg (1,0,/*id*/'img6',/*url*/'button26.jpg')» onmouseup= «FP_swapImg (0,0,/*id*/'img6',/*url*/'button25.jpg')» fp-style= «fp-btn: Glow Capsule 4; fp-font: Ludvig van Bethoveen; fp-font-size: 36; fp-font-color-hover: #FF0000» fp-title= «Лекции»></p>

<p>&nbsp;&nbsp;

<img border= «0» id= «img7» src= «button27.jpg» height= «60» width= «300» alt= «Литература» onmouseover= «FP_swapImg (1,0,/*id*/'img7',/*url*/'button28.jpg')» onmouseout= «FP_swapImg (0,0,/*id*/'img7',/*url*/'button27.jpg')» onmousedown= «FP_swapImg (1,0,/*id*/'img7',/*url*/'button29.jpg')» onmouseup= «FP_swapImg (0,0,/*id*/'img7',/*url*/'button28.jpg')» fp-style= «fp-btn: Glow Capsule 4; fp-font: Ludvig van Bethoveen; fp-font-size: 36; fp-font-color-hover: #FF0000» fp-title= «Литература»></p>

<p>&nbsp;&nbsp;

<img border= «0» id= «img8» src= «button2A.jpg» height= «60» width= «300» alt= «Тренинги» onmouseover= «FP_swapImg (1,0,/*id*/'img8',/*url*/'button2B.jpg')» onmouseout= «FP_swapImg (0,0,/*id*/'img8',/*url*/'button2A.jpg')» onmousedown= «FP_swapImg (1,0,/*id*/'img8',/*url*/'button2C.jpg')» onmouseup= «FP_swapImg (0,0,/*id*/'img8',/*url*/'button2B.jpg')» fp-style= «fp-btn: Glow Capsule 4; fp-font: Ludvig van Bethoveen; fp-font-size: 36; fp-font-color-hover: #FF0000» fp-title= «Тренинги»></p>

<p>&nbsp;&nbsp;

<img border= «0» id= «img9» src= «button2D.jpg» height= «60» width= «300» alt= «Тесты» onmouseover= «FP_swapImg (1,0,/*id*/'img9',/*url*/'button2E.jpg')» onmouseout= «FP_swapImg (0,0,/*id*/'img9',/*url*/'button2D.jpg')» onmousedown= «FP_swapImg (1,0,/*id*/'img9',/*url*/'button2F.jpg')» onmouseup= «FP_swapImg (0,0,/*id*/'img9',/*url*/'button2E.jpg')» fp-style= «fp-btn: Glow Capsule 4; fp-font: Ludvig van Bethoveen; fp-font-size: 36; fp-font-color-hover: #FF0000» fp-title= «Тесты»><p>&nbsp;&nbsp;

<a href= «index.htm»>

<img border= «0» id= «img11» src= «button2A1.jpg» height= «60» width= «300» alt= «На главную» onmouseover= «FP_swapImg (1,0,/*id*/'img11',/*url*/'button2B1.jpg')» onmouseout= «FP_swapImg (0,0,/*id*/'img11',/*url*/'button2A1.jpg')» onmousedown= «FP_swapImg (1,0,/*id*/'img11',/*url*/'button2C1.jpg')» onmouseup= «FP_swapImg (0,0,/*id*/'img11',/*url*/'button2B1.jpg')» fp-style= «fp-btn: Glow Capsule 4; fp-font: Ludvig van Bethoveen; fp-font-size: 36; fp-font-color-hover: #FF0000» fp-title= «На главную»></a></td>

<td valign= «top» height= «636» colspan= «2»>

<! - MSCellType= «ContentBody» ->

&nbsp;<p align= «left»>&nbsp;&nbsp; <a href= «нов_стр._3.htm»>

<img border= «0» src= «91180738.jpg» width= «104» height= «154» align= «left»></a></p>

<p align= «left»><a class= «Book_link» href= «учебное % 20 пособие»>Социальная

психология: Учебное пособие</a></p>Автор(ы): Алтунина И.Р., Немов Р.С.

<br>

&nbsp;<div class= «shortAnnot»>

<a onmouseover= «showBookData('192240')» href= «учебное % 20 пособие»>Издание

является учебным пособием, дающим достаточно полные знания о

состоянии социальной психологии на сегодняшний день. Пособие

соответствует стандартам высшего професс…</a></div>

1 издание, 2010 год

<p>&nbsp;</p>

<p><a href= «нов_стр._4.htm»>

<img border= «0» src= «91180836.jpg» width= «104» height= «154» align= «left»></a></p>

<a class= «Book_link» href= «http://www.piter.com/book.phtml? 978591180836»>

<div class= «cover_small_shadow»>

&nbsp;</div>

</a><a class= «Book_link» href= «практикум»>Практикум по социальной

психологии</a><p>Автор(ы): Клецина И.С. </p>

<div class= «shortAnnot»>

<a onmouseover= «showBookData('191567')» href= «практикум»>Учебное

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

преподавателей кафедры психологии человека РГПУ им. А.И. Герцена.

Издание по структуре и соде…</a></div>

1 издание, 2008 год

<p align= «left»>&nbsp;</p>

<p align= «justify»><font size= «4» face= «American Retro»>&nbsp; </font>

</p> </td>

</tr>

<tr>

<td width= «322»></td>

<td width= «896»></td>

<td height= «1» width= «19»></td>

</tr>

</table>

</body>

</html>

Тест

<script language= «JavaScript»>

<! - Hide JavaScript from Java-Impaired Browsers

function dataBase(test) {

var counter=0;

if (test.q0 [1].checked) {counter++;}

if (test.q1 [1].checked) {counter++;}

if (test.q2 [0].checked) {counter++;}

if (test.q3 [0].checked) {counter++;}

if (test.q4 [1].checked) {counter++;}

if (test.q5 [0].checked) {counter++;}

if (test.q6 [1].checked) {counter++;}

if (test.q7 [0].checked) {counter++;}

if (test.q8 [0].checked) {counter++;}

if (test.q9 [0].checked) {counter++;}

document.test.display.value = counter;

}

function FP_preloadImgs() { //v1.0

var d=document, a=arguments; if (! d.FP_imgs) d.FP_imgs=new Array();

for (var i=0; i<a.length; i++) {d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i];}

}

function FP_swapImg() { //v1.0

var doc=document, args=arguments, elm, n; doc.$imgSwaps=new Array(); for (n=2; n<args.length;

n+=2) {elm=FP_getObjectByID (args[n]); if(elm) {doc.$imgSwaps [doc.$imgSwaps.length]=elm;

elm.$src=elm.src; elm.src=args [n+1];}}

}

function FP_getObjectByID (id, o) { //v1.0

var c, el, els, f, m, n; if(! o) o=document; if (o.getElementById) el=o.getElementById(id);

else if (o.layers) c=o.layers; else if (o.all) el=o.all[id]; if(el) return el;

if (o.id==id || o.name==id) return o; if (o.childNodes) c=o.childNodes; if(c)

for (n=0; n<c.length; n++) {el=FP_getObjectByID (id, c[n]); if(el) return el;}

f=o.forms; if(f) for (n=0; n<f.length; n++) {els=f[n].elements;

for (m=0; m<els.length; m++) {el=FP_getObjectByID (id, els[n]); if(el) return el;}}

return null;

}

// End Hiding Script ->