- •В.Л. Гренков интернет технологии. Методика и практика создания web-страниц и web-сайтов
- •Москва 2014
- •. Документы html и основные теги.
- •1.2. Практические задания по теме: задания 1…10.
- •2. Освоение правил и приемов вставки рисунков рисунков и видеороликов в веб-документы
- •2.1. Атрибуты оформления текста и графики в html-документах
- •2.2. Практические задания по теме: задания 2-1…2-9
- •3. Практические приемы создания списков в веб-страницах
- •3.1. Виды списков, теги и атрибуты их оформления
- •3.2. Практические задания по теме: задания 3-1…3-11
- •4. Практические приемы создания таблиц в веб-страницах
- •4.1. Применение и оформление таблиц в html-документах.
- •4.2. Практические задания по теме: задания 1…9.
- •5. Создание гиперссылок и связывание веб-страниц
- •5.1. Оформление внешних и внутренних гиперссылок.
- •5.2. Практические задания по теме: задания 5-1…5-11.
- •6. Практические приемы создания форм в веб-страницах
- •6.1. Назначение и структура форм. Теги и атрибуты формы.
- •6.2. Практические задания по теме: задания 6-1…6-5
- •7. Применение таблиц каскадных стилей css
- •7.1. Стили,их определение и применение. Теги и атрибуты css.
- •7.2. Практические задания по теме: задания 7-1…7-8.
- •8. Обработка форм
- •8.1. Средства обработки форм. Подготовки файла обработки.
- •8.2. Практическое задание по теме.
- •Тема 9. Практика создания сайта
- •9.2. Практические задания по теме: задания 9-1…9-4.
- •Тема 10. Публикация сайта. Требования к сайту и его поддержка.
- •10.1. Особенности регистрации и поддержки сайта.
- •10.2. Практическое задание по теме.
10.2. Практическое задание по теме.
Задание 10-1.
1). Вставить знак копирайта на главную страницу сайта, поместив его в нижней части страницы. Проверить результат.
2). Выполнить регистрацию сайта на бесплатном хостинге и закачать его на сервер. Ввести адрес сайта в строке браузера. После отображения главной страницы сайта, проверить правильность его функционирования в целом.
3). Проверить обработку запросов, делая заказ товара на сайте и проверяя исполнение php-кода (обработку формы в файле otvet.php).
Если php-код исполняется правильно, то после нажатия кнопки «Заказать», заказчик получит сообщение с упоминанием своей фамилии и других данных, вводимых им в форму заказа. (Данные передаются сервером через переменные “FIO”, “Adr” и др.).
4). Проверить сайт на плагиат, воспользовавшись соответствующими программными средствами (например, программой copyscape).
5). Проверить сайт на корректность по отношению к популярным браузерам в редакторе Dreamweaver. Попрактиковаться в устранении несоответствий.
* Во избежание перегрузки вузовской компьютерной сети (сервера) рекомендуется выполнять данное задание в домашних условиях.
Приложение П1. Исходные тексты заданий и решения: тексты html-документов.
П1.1. Тексты к теме 1 (bmt1.txt и bmt1-10).
Документ bmt1.txt
<body>
<html>
Кафедра
«Биомедицинские приборы и компьютерные технологии»
Кафедра готовит специалистов по биомедицинской технике.
Специальность «Биотехнические аппараты и системы»
Направления и цели подготовки.
В рамках специальности «Биотехнические аппараты и системы» кафедра ведет подготовку по следующим трем направлениям.
Схемотехническое направление:
- разработка, эксплуатация и ремонт биомедицинской техники.
Информационно-программистское направление:
- обработка и анализ биомедицинских данных, работа с биомедицинскими базами данных
Исследовательское направление:
- исследование биомедицинских процессов и сигналов, создание методов и первичных преобразователей для биомедицины.
Содержание направлений подготовки.
Схемотехническое направление.
Цикл дисциплин схемотехнического направления:
Основы электротехники.
1. Аналоговая и цифровая электроника.
2. Узлы и элементы медицинской техники.
3. Интерфейс биомедицинских устройств.
4. Биомедицинские измерения.
5. Медицинские приборы, аппараты, системы и комплексы.
6. Электронные вычислительные медицинские системы.
Информационно-программистское направление.
Цикл дисциплин информационно-программистского направления:
1. Управление в биологических и медицинских системах.
2. Технические методы диагностических исследований и лечебных воздействий.
3. Методы обработки биологических процессов и сигналов.
4. Управление в биологических и медицинских системах.
5. Компьютерные технологии в медико-биологических исследованиях.
6. Базы данных и экспертные системы.
Исследовательское направление.
1. Основы взаимодействия физических полей с биообъектами.
2. Измерительные преобразователи и электроды.
3. Физические основы применения медицинских лазерных приборов.
4. Физические основы применения медицинских ультразвуковых приборов.
5. Методы и аппаратура биомедицинской телеметрии.
6. Методы и аппаратура компьютерной томографии.
</body>
</html>
Документ bmt1-10.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<head >
<title> Кафедра ПР-3 </title>
<style type="text/css">
p#ramka{
font-size:24pt;
color:indigo;
text-indent:6em;
border:2px solid red;
padding:10px;
Width:900px;
height:320px;
margin-left:250px;
margin-bottom:100px;
}
</style>
<u><h2 align=center >КАФЕДРА</h2></u>
<b><h1 align=center text=red>«Биомедицинские приборы и компьютерные технологии»</h1></b>
</head>
П1.2. Тексты к теме 2 (bmt2.txt и bmt2-10).
Документ bmt2.txt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<body>
МИОСТИМУЛЯТОР ШЕСТИКАНАЛЬНЫЙ
Технические характеристики
1.Количество каналов - 6
2.Количество программ - 8
3.Диапазон установки длительности импульса - 100мкс – 25 мс
4.Шаг установки длительности импульса - 100мкс
5.Диапазон установки частоты - 1-150 Гц
6.Диапазон установки тока стимуляции - 0-100 мА
7.Диапазон установки напряжения стимуляции - 0-150 В
8.Средний потребляемый ток - 25 мА
9.Максимальный потребляемый ток - 50 мА
10.Время непрерывной работы не менее - 10 час
11.Габаритные размеры - 120*65*25 мм
12.Вес с аккумуляторной батареей - 200 г
Краткое описание
Миостимулятор предназначен для автономной работы с предварительно установленными программами. Программы задаются на ПК и по ИФК каналу записываются в прибор либо считываются из него. Миостимулятор может работать в режим амплитудной или частотной модуляции.Все каналы независимы.
При амплитудной модуляции параметры импульсов устанавливаются для программы в целом, но могут быть установлены индивидуально для каждого канала. Уровни каналов, огибающие амплитуд и время начала работы каждого канала устанавливаются при помощи удобного графического интерфейса.
При частотной модуляции устанавливается скважность импульсов для программы в целом, а частота импульсов задается графически. Амплитуда импульсов автоматически корректируется в зависимости от частоты.
В приборе может задаваться либо ток стимуляции либо напряжение. Система управления прибором поддерживает величину тока (напряжения) на заданном уровне.
Автономно прибор позволяет выбрать одну из восьми ранее записанных программ, включить программу одиночным циклом или непрерывным, оперативно регулировать уровни всех каналов и период цикла программы.
Миостимулятор комплектуется электродами различной формы.
Конструкция электродов обеспечивает наилучший контакт с поверхностью тела, что является обязательным условием для получения желаемого результата. Корпус прибора имеет специальную скобу для закрепления на одежде пациента. Это особенно важно при реабилитации опорно-двигательного аппарата, когда больной используя специальную поддерживающую тележку
может автономно проводить лечебные-тренировочные сеансы.
</body>
</html>
Документ bmt2-10.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<head >
<style type="text/css">
body
{background-image:url("Ris_mio/oboi.gif");
}
p#ramka{
font-size:24pt;
color:indigo;
text-indent:10em;
border:4px solid red;
padding-left:100px;
margin-left:50px;
}
p#block1,p#block2,p#block3,p#block4,p#block5,p#block6{
font-family:colibri;
font-style:bolder;
font-size:16pt;
text-indent:2em;
}
p#block1{color:Darkcyan;
margin-left:350px;
}
p#block2{color:fuchsia;
margin-left:400px;
}
p#block3{
color:olive;
margin-left:350px;
}
p#block4{
color:orange;
margin-left:400px;
}
p#block5{
color:forestgreen;
margin-left:350px;
}
p#block6{
color:goldenrod;
margin-left:400px;
}
</style>
<b><h1 style="color:red; text-align:center"> Миостимуляторы</h1></b><nobr>
<u><h2 style="color:green; text-align:center" >«Технические данные и описание миостимуляторов»</h2></u>
</head>
<body>
<img src="Ris_mio/dnk.gif" hspace=500>
<p id="block1"><a href="Ris_mio/Sputnik.swf">МИОСТИМУЛЯТОР ШЕСТИКАНАЛЬНЫЙ</a><br/>
Технические характеристики <br/>
1.Количество каналов - 6 <br/>
2.Количество программ - 8 <br/>
3.Диапазон установки длительности импульса - 100мкс – 25 мс <br/>
4.Шаг установки длительности импульса - 100мкс <br/>
<img src="Ris_mio/ris2-1.jpg" width="300" align=left hspace=30 vspace=20> <br/>
5.Диапазон установки частоты - 1-150 Гц <br/>
6.Диапазон установки тока стимуляции - 0-100 мА <br/>
7.Диапазон установки напряжения стимуляции - 0-150 В <br/>
8.Средний потребляемый ток - 25 мА <br/>
9.Максимальный потребляемый ток - 50 мА <br/>
10.Время непрерывной работы не менее - 10 час <br/>
11.Габаритные размеры - 120*65*25 мм <br/>
12.Вес с аккумуляторной батареей - 200 г <br/> </p> <br/>
<p id="ramka">Краткое описание<br/>
Миостимулятор предназначен для автономной работы с предварительно<br/>
установленными программами. Программы задаются на ПК и по ИФК каналу<br/>
записываются в прибор либо считываются из него.<br/>
Миостимулятор может работать в режим амплитудной или частотной<br/>
модуляции.Все каналы независимы.<br/> </p> <br/>
<p id="block2"><img src="Ris_mio/ris2-3.jpg" width="300" align=right hspace=10 ><br/>
При амплитудной модуляции параметры импульсов устанавливаются для<br/>
программы в целом, но могут быть установлены индивидуально для каждого<br/>
канала. Уровни каналов, огибающие амплитуд и время начала работы<br/>
каждого канала устанавливаются при помощи удобного графического<br/>
интерфейса.<br/>
<p id="block3"> <img src="Ris_mio/ris2-6.jpg" width="350" align=middle vspace=20><br/>
При частотной модуляции устанавливается скважность импульсов для<br/>
программы в целом, а частота импульсов задается графически. Амплитуда<br/>
импульсов автоматически корректируется в зависимости от частоты.<br/>
В приборе может задаваться либо ток стимуляции либо напряжение. Система<br/>
управления прибором поддерживает величину тока (напряжения) на заданном<br/>
уровне.<br/>
<p id="block4"> <img src="Ris_mio/ris2-7.jpg" width="400" align=top vspace=20><br/>
Автономно прибор позволяет выбрать одну из восьми ранее записанных<br/>
программ, включить программу одиночным циклом или непрерывным,<br/>
оперативно регулировать уровни всех каналов и период цикла программы.<br/>
<p id="block5"> <img src="Ris_mio/ris2-9.jpg" width="450" align=bottom hspace=20><br/>
Миостимулятор комплектуется электродами различной формы.<br/>
Конструкция электродов обеспечивает наилучший контакт с поверхностью<br/>
тела, что является обязательным условием для получения желаемого<br/>
результата. Корпус прибора имеет специальную скобу для закрепления на одежде<br/>
пациента. Это особенно важно при реабилитации опорно-двигательного<br/>
аппарата, когда больной используя специальную поддерживающую тележку<br/>
может автономно проводить лечебные-тренировочные сеансы.<br/>
<p id="block6"> <img src="Ris_mio/ris2-4.jpg" width="500" align=absbottom vspace=20><br/>
Внешний вид шестиканального миостимулятора и электродов представлен<br/>
На рис. Фрагменты пользовательского интерфейса программы<br/> </p>
</body>
</html>
П1.3. Тексты к теме 3 (bmt3.txt и bmt3-10).
Документ bmt3.txt
ПРИБОРЫ ФУНКЦИОНАЛЬНОЙ ДИАГНОСТИКИ
Электрокардиограф ЭК1Т-04
Трех/шестиканальный электрокардиограф ЭК3Т-01 «БИОС»
Электрокардиограф «Диамант-К»
12-канальный компьютерный кардиограф Кардиоанализатор «АНКАР-131»
12-канальный компьютерный электрокардиограф «Карди»
Миниатюрный компьютерный электрокардиограф Поли-Спектр-12
ЭЭГА"21/26 «Энцефалан"131"03 “Классический” 19"канальный компь"
ютерный электроэнцефалограф Нейрон-Спектр-3
- 24-канальный электроэнцефалограф «Нейровизор-24»
19-канальный компьютерный электроэнцефалограф Нейрон-Спектр-3
Эхоэнцефалоскоп переносный ЭЭС-12
Краниоскоп"3М – портативный медицинский прибор для ультразвуковой
Компьютерный эхоэнцефалограф «Ангиодин-Эхо»
Компьютерный эхоэнцефалограф в стационарном исполнении
Сономед"315/М многооконный ультразвуковой эхоэнцефалограф
Сономед"315/П портативный ультразвуковой эхоэнцефалограф
Стационарный ультразвуковой доплеровский комплекс «АНГИОДИН-Классик»
Сономед"300/A стационарный многооконный прибор для исследования
маточно-плацентарного кровотока и кровообращения плода
Спироанализатор «Диамант С»
Спирограф (спироанализатор) СП01-М
Полианализатор для комплексного исследования параметров
кровообращения РГПА-6/12 РЕАН-ПОЛИ
Реоанализатор «Диамант-Р»
Программно-аппаратный комплекс для объективного контроля и оценки
состояния центральной, периферической, органной гемодинамики и
соотношения жидкостных секторов организма человека
Многофункциональный компьютерный peoграф «Рео-Спектр-3»
Нейромиоанализатор НМА-4-01 «НЕЙРОМИАН»
Документ bmt3-10.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<head > <style type="text/css">
body {background-image:url("Ris_mio/oboi.gif"); }
h2{color:darkcyan;
text-align:center;
font-family:Arial Black;
font-style:italic; }
</head > </style>
<body>
<!-- <p> <a href="Ris_mio/Sputnik.swf">МИОСТИМУЛЯТОР ШЕСТИКАНАЛЬНЫЙ </a>
-->
<h1 style="color:orange; text-align:center">ПРИБОРЫ ФУНКЦИОНАЛЬНОЙ ДИАГНОСТИКИ</h1>
<h2>Кардиографы</h2>
<ul style="color:darkred; margin-left:300px; font-size:150%">
<li>Электрокардиограф ЭК1Т-04
<li>Трех/шестиканальный электрокардиограф ЭК3Т-01 «БИОС»
<li>Электрокардиограф «Диамант-К»
<li>12-канальный компьютерный кардиограф Кардиоанализатор «АНКАР-131»
<li>12-канальный компьютерный электрокардиограф «Карди»<br/>
<li>Миниатюрный компьютерный электрокардиограф Поли-Спектр-12<br/>
</ul>
<h2>Энцефалографы</h2>
<ul type=circle style="color:blue; margin-left:300px; font-size:140%">
<li>ЭЭГА"21/26 «Энцефалан"131"03
<li>“Классический” 19"канальный компьютерный электроэнцефалограф<br/>
Нейрон-Спектр-3
<li>24-канальный электроэнцефалограф «Нейровизор-24»
<li>19-канальный компьютерный электроэнцефалограф Нейрон-Спектр-3
</ul>
<h2>Ультразвуковые приборы</h2>
<ul type=square style="color:green;margin-left:300px; font-size:130%">
<li>Эхоэнцефалоскоп переносный ЭЭС-12
<li>Краниоскоп"3М – портативный медицинский прибор для ультразвуковой</br>
диагностики
<li>Компьютерный эхоэнцефалограф «Ангиодин-Эхо»
<li>Компьютерный эхоэнцефалограф в стационарном исполнении
<li>Сономед"315/М многооконный ультразвуковой эхоэнцефалограф
<li>Сономед"315/П портативный ультразвуковой эхоэнцефалограф
<li>Стационарный ультразвуковой доплеровский комплекс «АНГИОДИН-Классик»
<li>Сономед"300/A стационарный многооконный прибор для исследования<br/>
маточно-плацентарного кровотока и кровообращения плода
</ul>
<!--
<h2>Приборы для спирометрии</h2>
<ul style="color:brown; margin-left:300px; font-size:120%">
<li>Спироанализатор «Диамант С»
<li>Спирограф (спироанализатор) СП01-М
</ul>
<h2>Приборы для реографии и миографии</h2>
<ul style="color:darkviolet; margin-left:300px; font-size:110%">
<li>Полианализатор для комплексного исследования параметров кровообращения<br/>
РГПА-6/12 РЕАН-ПОЛИ
<li>Реоанализатор «Диамант-Р»
<li>Программно-аппаратный комплекс для объективного контроля и оценки<br/>
состояния центральной, периферической, органной гемодинамики и соотношения<br/>
<li>жидкостных секторов организма человека
<li>Многофункциональный компьютерный peoграф «Рео-Спектр-3»
<li>Нейромиоанализатор НМА-4-01 «НЕЙРОМИАН»
</ul>
-->
</body>
</html>
П1.4. Тексты к теме 4 (bmt4.txt и bmt4-6.html).
Документ bmt4.txt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>MedEq Поставщик медоборудования</title>
<style type="text/css"> </style> </head>
<body bgcolor=pink>
<table align=right width="650" height="75" border="2">
<tr >
<td width="150" height="75" border="1"> </td>
<td width="150" height="75" border="1"> </td>
<td width="150" height="75" border="1"> </td>
<td width="150" height="75" border="1"> </td>
</tr> </table> <br>
</body> </html>
Документ bmt4-6.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>MedEq Поставки медтехники</title>
<style type="text/css">
<!--
body { margin-right:0px; }
h4{color: #000000; }
-->
</style> </head>
<body bgcolor="pink">
<p><img style src="D:/Praktika/logotip.png" border=0 align="left"><img src="D:/Praktika/znak.png" border=0 align="right" style>
<br><br><br><br></p>
<table width="650" height="75" border="2" align="center" >
<tr > <td width="150" height="75" border="1" align="center"><a href="D:/Praktika/Kont1.html"><img src="D:/Praktika/Menu/vibor1.png"></a></td>
<td width="150" height="75" border="1" align="center"><a href="D:/Praktika/Dost2.html"><img src="D:/Praktika/Menu/vibor2.png"></a></td>
<td width="150" height="75" border="1" align="center"><a href="D:/Praktika/Opis3.html"><img src="D:/Praktika/Menu/vibor3.png"></a></td>
<td width="150" height="75" border="1" align="center"><a href="D:/Praktika/Zakaz4.html"><img src="D:/Praktika/Menu/vibor4.png"></a></td>
</tr> </table> <br> <br> <br>
<p style=" margin-left:450px; width:500px; font-size:24pt; background-color:wheat; color:black; border:0px; text-align:center">
МЕДИЦИНСКИЕ ПРИБОРЫ И ОБОРУДОВАНИЕ</p >
</body> </html>
П1.5. Тексты к теме 5 (bmt5.txt и bmt5-8).
Документ bmt5.txt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>MedEq Поставки медтехники</title>
<style type="text/css">
<!--
body { margin-right:0px; }
h4{ color: #000000; }
td,th { font-family: Calibri;
font-size:20px;
font-weight:bold;
color:#003399;
background-color:#ECE9D8;
text-align:center; }
-->
</style> </head>
<body bgcolor="pink">
<p><img style src="D:/Praktika/logotip.png" border=0 align="left"><img src="D:/Praktika/znak.png" border=0 align="right" style>
<br><br><br></p>
<table width="650" height="75" border="2" align="center" >
<tr>
<td width="150" height="75" border="1" align="center"><a href="D:/Praktika/Kont1.html"><img src="D:/Praktika/Menu/vibor1.png"></td>
<td width="150" height="75" border="1" align="center"><a href="D:/Praktika/Dost2.html"><img src="D:/Praktika/Menu/vibor2.png"></td>
<td width="150" height="75" border="1" align="center"><a href="D:/Praktika/Opis3.html"><img src="D:/Praktika/Menu/vibor3.png"></td>
<td width="150" height="75" border="1" align="center"><a href="D:/Praktika/Zakaz4.html"><img src="D:/Praktika/Menu/vibor4.png"></td>
</tr> </table> <br>
<p style=" margin-left:450px; width:500px; font-size:24pt; text-align:center; background-color:wheat; color:black; border:1px solid blue">
МЕДИЦИНСКИЕ ПРИБОРЫ И ОБОРУДОВАНИЕ</p ><br>
<table width="1400" border="0" align="right" cellspacing="0" cellpadding="10">
<tr align="right">
<th style="weight:30px; background-color:wheat;border:1px solid blue">
КАРДИОГРАФЫ </th></tr>
<tr valign="bottom">
<td style width="305"><p align="center"><img src="D:/Praktika/Kard1.png" width="240" border="0" /></a></p>
<h4 align="center">Электрокардиограф ЭК1Т-04</h4></td>
<td style width="305"><p align="center"><img src="D:/Praktika/Kard2.png" width="240" border="0" /></a></p>
<h4 align="center">Электрокардиограф ЭКТ3Т-01"</h4></td>
<td width="305"><h4 align="center"><img src="D:/Praktika/Kard3.png" width="150" border="0" /></a></p>
<h4 align="center">Кардиоанализатор "Диамант-К"</h4></td>
<td width="305"><p align="center"><img src="D:/Praktika/Kard4.png" width="150" border="0" /></a></p>
<h4 align="center">Электрокардиограф "Анкар-131" </h4></td>
</tr>
<tr align="right">
<th style="weight:30px; background-color:wheat;border:1px solid blue">
ЭНЦЕФАЛОГРАФЫ </th></tr>
<tr valign="bottom">
<td width="305"><p align="center"><img src="D:/Praktika/encef1.png" width="240" border="0" /></a></p>
<h4 align="center">Энцефалограф "Нейроскоп-400"</h4></td>
<td width="305"><p align="center"><img src="D:/Praktika/encef2.png" width="240" border="0" /></a></p>
<h4 align="center">Нейровизор-24 </h4></td>
<td width="305"><h4 align="center"><img src="D:/Praktika/encef3.png" width="150" border="0" /></a></p>
<h4 align="center">Эхоэнцефалоскоп ЭЭС-12</h4></td>
<td width="305"><p align="center"><img src="D:/Praktika/encef4.png" width="150" border="0" /></a></p>
<h4 align="center">Нейровизор БММ</h4></td>
</tr>
<tr align="right">
<th style="weight:30px; background-color:wheat;border:1px solid blue">
СПИРОГРАФЫ </th></tr>
<tr valign="bottom">
<td width="305"><p align="center"><img src="D:/Praktika/spiro1.png" width="240" border="0" /></a></p>
<h4 align="center">Спироанализатор "Диамант-С"</h4></td>
<td width="305"><p align="center"><img src="D:/Praktika/spiro2.png" width="240" border="0" /></a></p>
<h4 align="center">Спирограф 21/01"Р-Д"</h4></td>
<td width="305"><h4 align="center"><img src="D:/Praktika/spiro3.png" width="150" border="0" /></a></p>
<h4 align="center">Спирометр ССП</h4></td>
<td width="305"><p align="center"><img src="D:/Praktika/spiro4.png" width="150" border="0" /></a></p>
<h4 align="center">Спирометр Спирос-100</h4></td>
</tr>
<tr align="right">
<th style="weight:30px; background-color:wheat;border:1px solid blue">
РЕОГРАФЫ </th></tr>
<tr valign="bottom">
<td width="305"><p align="center"><img src="D:/Praktika/reogr1.png" width="240" border="0" /></a></p>
<h4 align="center">Реограф"Диамант-Р"</h4></td>
<td width="305"><p align="center"><img src="D:/Praktika/reogr2.png" width="240" border="0" /></a></p>
<h4 align="center">Реограф"Рео-Спектр-2"</h4></td>
<td width="305"><p align="center"><img src="D:/Praktika/reogr3.png" width="150" border="0" /></a></p>
<h4 align="center">Реограф"РГПА-6/12"</h4></td>
<td width="305"><p align="center"><img src="D:/Praktika/reogr4.png" width="150" border="0" /></a></p>
<h4 align="center">Реограф "Мицар-Рео"</h4></td>
</tr> <br>
</table> </body> </html>
Документ bmt5-8.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>MedEq Поставки медтехники</title>
<style type="text/css">
<!--
body { margin-right:50px; }
h4{ color: #000000; }
td,th { font-family: Calibri;
font-size:18px;
font-weight:bold;
color:#003399;
background-color:#ECE9D8; }
p#tip1,p#tip2{ font-family:calibri; font-style:bolder; font-size:14pt;
text-indent:2em; text-align:justify; margin-left:200px;}
p#tip1{color:darkviolet; }
p#tip2{color:blue;} }
-->
</style> </head>
<body bgcolor="pink">
<p><img style src="D:/Praktika/logotip.png" border=0 align="left"><img src="D:/Praktika/znak.png" border=0 align="right" style> <br><br><br><br></p>
<table width="650" height="75" border="2" align="center" >
<tr>
<td width="150" height="75" border="1" align="center"><a href="D:/Praktika/Kont1.html"><img src="D:/Praktika/Menu/vibor1.png"></td>
<td width="150" height="75" border="1" align="center"><a href="D:/Praktika/Dost2.html"><img src="D:/Praktika/Menu/vibor2.png"></td>
<td width="150" height="75" border="1" align="center"><a href="D:/Praktika/Opis3.html"><img src="D:/Praktika/Menu/vibor3.png"></td>
<td width="150" height="75" border="1" align="center"><a href="D:/Praktika/Zakaz4.html"><img src="D:/Praktika/Menu/vibor4.png"></td>
</tr>
</table> <br><br>
<p style=" margin-left:450px; width:500px; font-size:24pt; background-color:wheat; color:black; border:1px solid blue; text-align:center">
МЕДИЦИНСКИЕ ПРИБОРЫ И ОБОРУДОВАНИЕ</p ><br>
<table width="1350" border="0" align="right" cellspacing="0" cellpadding="10">
<tr valign="bottom">
<th ><p style="width:280px;height:50px;font-size:24pt;background-color:wheat;color:black;border:1px solid blue;text-align:center">
КАРДИОГРАФЫ</p></th>
<td style width="305"><p align="center"><a href="D:/Praktika/kar1.html">
<img src="D:/Praktika/Kard1.png" width="240" border="0" /></a></p>
<h4 align="center">Электрокардиограф ЭК1Т-04</h4></td>
<td s width="305"><p align="center"><a href="D:/Praktika/kar2.html">
<img src="D:/Praktika/Kard2.png" width="240" border="0" /></a></p>
<h4 align="center">Электрокардиограф ЭКТ3Т-01"</h4></td>
<td width="305"><h4 align="center"><a href="D:/Praktika/kar3.html">
<img src="D:/Praktika/Kard3.png" width="200" border="0" /></a></h4>
<h4 align="center">Кардиоанализатор "Диамант-К"</h4></td>
<td width="305"><p align="center"><a href="D:/Praktika/kar4.html">
<img src="D:/Praktika/Kard4.png" width="200" border="0" /></a></p>
<h4 align="center">Электрокардиограф "Анкар-131" </h4></td>
</tr>
<tr valign="bottom">
<th ><p style="width:280px;height:50px;font-size:24pt;background-color:wheat;color:black;border:1px solid blue;text-align:center">
ЭНЦЕФАЛОГРАФЫ</p ></th>
<td width="305"><p align="center"><a href="D:/Praktika/enc1.html">
<img src="D:/Praktika/encef1.png" width="240" border="0" /></a></p>
<h4 align="center">Энцефалограф "Энцефалан"</h4></td>
<td width="305"><p align="center"><a href="D:/Praktika/enc2.html">
<img src="D:/Praktika/encef2.png" width="240" border="0" /></a></p>
<h4 align="center">Нейровизор-24 </h4></td>
<td width="305"><p align="center"><a href="D:/Praktika/enc3.html"><img src="D:/Praktika/encef3.png" width="200" border="0" /></a></p>
<h4 align="center">Эхоэнцефалоскоп ЭЭС-12</h4></td>
<td width="305"><p align="center"><a href="D:/Praktika/enc4.html">
<img src="D:/Praktika/encef4.png" width="200" border="0" /></a></p>
<h4 align="center">Электроэнцефалограф "Нейроскоп NS-400"</h4></td>
</tr>
<tr valign="bottom">
<th ><p style="width:280px;height:50px;font-size:24pt;background-color:wheat;color:black;border:1px solid blue;text-align:center">
СПИРОГРАФЫ </p ></th>
<td width="305"><p align="center"><a href="D:/Praktika/spi1.html">
<img src="D:/Praktika/spiro1.png" width="240" border="0" /></a></p>
<h4 align="center">Спироанализатор "Диамант-С"</h4></td>
<td width="305"><p align="center"><a href="D:/Praktika/spi2.html">
<img src="D:/Praktika/spiro2.png" width="240" border="0" /></a></p>
<h4 align="center">Спирограф СМП-21/01"Р-Д"</h4></td>
<td width="305"><p align="center"><a href="D:/Praktika/spi3.html">
<img src="D:/Praktika/spiro3.png" width="200" border="0" /></a></p>
<h4 align="center">Спирометр ССП</h4></td>
<td width="305"><p align="center"><a href="D:/Praktika/spi4.html">
<img src="D:/Praktika/spiro4.png" width="200" border="0" /></a></p>
<h4 align="center">Спирометр Спирос-100</h4></td>
</tr>
<tr valign="bottom">
<th ><p style="width:280px;height:50px;font-size:24pt;background-color:wheat;color:black;border:1px solid blue;text-align:center">
РЕОГРАФЫ</p РЕОГРАФЫ</th>
<td width="305"><p align="center"><a href="D:/Praktika/reo1.html">
<img src="D:/Praktika/reogr1.png" width="240" border="0" /></a></p>
<h4 align="center">Реограф"Диамант-Р"</h4></td>
<td width="305"><p align="center"><a href="D:/Praktika/reo2.html">
<img src="D:/Praktika/reogr2.png" width="240" border="0" /></a></p>
<h4 align="center">Реограф"Рео-Спектр-2"</h4></td>
<td width="305"><p align="center"><a href="D:/Praktika/reo3.html">
<img src="D:/Praktika/reogr3.png" width="200" border="0" /></a></p>
<h4 align="center">Реограф"РГПА-6/12"-<br/>РЕАН-ПОЛИ</h4></td>
<td width="305"><p align="center"><a href="D:/Praktika/reo4.html">
<img src="D:/Praktika/reogr4.png" width="200" border="0" /></a></p>
<h4 align="center">Реограф "Мицар-Рео"</h4></td>
</tr>
</table>
<h1 style align="center">НАША
<a href="D:/Praktika/Opis3.html">ПРОДУКЦИЯ</a></h1>
<p id="tip1">
<a href="D:/Praktika/Opis3.html">Продукция</a>, которую поставляет и сопровождает наша фирма отличается большим ассортиментом,<br/>
представленным списком медицинских приборов диагностического, терапевтического и аналитического назначения<br/>
Диагностические приборы и комплексы отличаются повышенной сложностью и многофункциональностью, что соответственно <br/>
отражается на их стоимости. Тем не менее, благодаря прямым связям с предприятиями-производителями наши цены выгодно <br/>
отличаются своей доступностью,что выгодно их отличает от цен конкурентов на аналогичные изделия. Подобные приборы и <br/>
комплексы предназначены, в основном, для оптовых поставок в медицинские центры и учреждения. Терапевтическая и <br/>
аналитическая техника помимо медучреждений может поступать как в розничную торговую сеть, так и для непосредственной<br/>
продажи частным потребителям (пациентам)<br/>
</p> <B><HR></B>
<p id="tip2">
В числе диагностических приборов и комплексов мы поставляем медицинскую технику для <br/>
электрокардиографии, электроэнцефалографии, электромиографии, спирографии и спирометрии, а также для реографии и <br/>
импедансной плетизмографии. В целом охвачен весь спектр современной диагностической медицинской техники, включая<br/>
последние новинки, в которых используются ультразвуковые, лазерные методы и методы компьютерной томографии. Конкретные <br/>
типы приборов Вы можете найти в наших каталогах и через "витрину" на главной странице сайта<br/>
</p><B><HR></B>
</body>
</html>
П1.6. Тексты к теме 6 (bmt6.txt и bmt6-6).
Документ bmt6.txt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" >
<title><Бланк заказа</title> </head>
<body>
<p>Заполните, пожалуйста, бланк заказа. Для этого введите в нижеследующие поля (строки) Ваши контактные данные:</p>
<p> Фамилию, имя, отчество (подряд, через пробел).</p>
<p> Адрес, по которому нужно доставить выбранный вами товар.</p>
<p>Почтовый индекс, если Вы желаете, чтобы товар доставили почтой - в следующую строку </p>
<p> Номер контактного телефона (домашнего или мобильного), чтобы можно было с вами связаться-.</p>
<p> Адрес Вашей электронной почты, если она у Вас есть.</p> <p> </p>
</body> </html>
Документ bmt6-6.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title><Бланк заказа</title>
</head>
<body>
<p>Заполните, пожалуйста, бланк заказа. Для этого введите в нижеследующие поля (строки) Ваши контактные данные:</p>
<p> Фамилию, имя, отчество (подряд, через пробел).</p>
<p> Адрес, по которому нужно доставить выбранный вами товар.</p>
<p>Почтовый индекс, если Вы желаете, чтобы товар доставили почтой - в следующую строку </p>
<p>Номер контактного телефона (домашнего или мобильного), чтобы можно было с вами связаться-.</p>
<p>Адрес Вашей электронной почты, если она у Вас есть.</p> <p> </p>
<form name="form_zakaz" method="post" action="http://localhost/klient_z.php">
<p><strong>Фамилия, Имя, Отчество</strong><br />
<input name="Fio" type="text" size="150" maxlength="40" > </p>
<strong>Адрес</strong><br />
<input name="Adr" type="text" size="150" maxlength="40" > <br /> <br />
<strong>Почтовый индекс</strong><br />
<input name="Ind" type="text" size="150" maxlength="40" > <br /> <br />
<strong>Номер телефона</strong><br />
<input name="Tel" type="text" size="150" maxlength="40"> <br /> <br />
<strong>Электронная почта</strong><br />
<p> <input name="Epo" type="text" size="150" maxlength="40"> <br /> </p>
<p>Выберите нужный Вам вид доставки (по умолчанию выбрана доставка самовывоз) </p>
<p><strong> Вид доставки</strong></p>
<table width="200">
<tr> <td> <input name="Dost" type="radio" value="Cамовывоз" checked="checked" > Cамовывоз
<input type="radio" name="Dost" value="Курьером" Курьером/>Курьером
</td> </tr> </table>
<p> <br /> Примечание - введите дополнительный текст, если Вы хотите что - добавить для уточнения заказа.</p>
<p> <textarea name="Pri" cols="150" rows="5"></textarea> </p>
<p>Нажмите кнопку <strong>ЗАКАЗАТЬ!</strong> и ждите подтверждения заказа в виде сообщения " Ваш заказ принят". </p>
<input type="submit" name="Заказать" value="ЗАКАЗАТЬ!" >
</form><p> </p>
</body> </html>
П1.7. Тексты к теме 7 (bmt7.txt и bmt7-4, bmt7-5, bmt7-6, bmt7-7 bmt7-8).
Документ bmt7.txt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>MedEq Поставки медтехники</title>
<style type="text/css">
<!-- body { margin-right:50px; }
h4{ color: #000000; }
td,th { font-family: Calibri; font-size:18px;
font-weight:bold; color:#003399;
background-color:#ECE9D8; }
--> </style> </head>
<body bgcolor="pink">
<p><img style src="logotip.png" border=0 align="left"><img src="znak.png" border=0 align="right" style> <br> <br> <br> <br> </p>
<table width="650" height="75" border="2" align="center" >
<tr> <td width="150" height="75" border="1" align="center">
<a href="../Kont1.html"><img src="Menu/vibor1.png"></td>
<td width="150" height="75" border="1" align="center"><a href="../Dost2.html"><img src="Menu/vibor2.png"></td>
<td width="150" height="75" border="1" align="center"><a href="../Opis3.html"><img src="Menu/vibor3.png"></td>
<td width="150" height="75" border="1" align="center"><a href="../Zakaz4.html"><img src="Menu/vibor4.png"></td>
</tr> </table> <br> <br> <br>
<p style=" margin-left:450px; width:500px; font-size:24pt; background-color:wheat; color:black; border:1px solid blue; text-align:center">
МЕДИЦИНСКИЕ ПРИБОРЫ И ОБОРУДОВАНИЕ </p > <br>
Документ bmt7-4.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>MedEq Поставки медтехники</title>
<style type="text/css">
<!--
body { margin:0px; background-color:pink;
font-size:18px;
font-weight:bold;
color:#003399; }
div#blok1{ position:relative; border:none;
margin-left:50px; margin-right:50px;
height:240px; background-color:#ECE9D8;}
div#blok2{border:none; margin-left:400px;
border-height:75px; }
div#blok3{border:none; pozition:absolute;
margin-left:50px; margin-right:50px;
height:1300px; background-color:#ECE9D8;}
div#kat{margin-left:0px;}
div#kar1{margin-left:280px;margin-top:-1005px;}
div#enc2{margin-left:560px;margin-top:-1005px;}
div#spi3{margin-left:840px;margin-top:-1005px;}
div#reo4{margin-left:1120px;margin-top:-1005px;}
h4{background-color:#ECE9D8;color: #000000; }
}
td,th { font-family: Calibri;
font-size:18px;
font-weight:bold;
color:#003399;
background-color:#ECE9D8;
}
-->
</style> </head>
<body>
<div id="blok1" valign="top">
<img src="D:/Praktika/logotip.png" align="left">
<div id="blok2">
<a href="D:/Praktika/BAZA/Kont1.html"><img src="D:/Praktika/Menu/vibor1.png"></a>
<a href="D:/Praktika/BAZA/Dost2.html"><img src="D:/Praktika/Menu/vibor2.png"></a>
<a href="D:/Praktika/BAZA/Opis3.html"><img src="D:/Praktika/Menu/vibor3.png"></a>
<a href="D:/Praktika/BAZA/Zakaz4.html"><img src="D:/Praktika/Menu/vibor4.png"></a>
<img src="D:/Praktika/znak.png" align="right" ></div>
<p style=" margin-left:450px; width:500px; font-size:24pt; background-color:wheat; color:black; border:1px solid blue; text-align:center">
МЕДИЦИНСКИЕ ПРИБОРЫ И ОБОРУДОВАНИЕ</p >
</div>
<br>
<div id="blok3" valign="top"> </div> <br>
</body>
</html>
Документ bmt7-5.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>MedEq Поставки медтехники</title>
<style type="text/css">
<!--
body { margin:0px; background-color:pink;
bgcolor="pink" font-size:18px;
font-weight:bold; color:#003399;
}
div#blok1{position:relative; border:none;
margin-left:50px;margin-right:50px;
height:240px; background-color:#ECE9D8;
}
div#blok2{border:none; margin-left:400px;
border-height:75px;}
div#blok3{border:none; pozition:absolute;
margin-left:50px; margin-right:50px;
height:1300px; background-color:#ECE9D8;
}
div#kat,div#kar1,div#enc2,div#spi3,div#reo4{
border:2px solid green; pozition:absolute;
width:240px;height:1300px; background-color:#ECE9D8;
}
div#kat{ margin-left:20px;}
div#kar1{margin-left:280px;margin-top:-1305px;}
div#enc2{margin-left:540px;margin-top:-1305px;}
div#spi3{margin-left:800px;margin-top:-1305px;}
div#reo4{margin-left:1060px;margin-top:-1305px;}
h4{background-color:#ECE9D8; color: #000000;}
-->
</style> </head>
<body>
<div id="blok1" valign="top">
<img src="D:/Praktika/logotip.png" align="left">
<div id="blok2">
<a href="D:/Praktika/BAZA/Kont1.html"><img src="D:/Praktika/Menu/vibor1.png"></a>
<a href="D:/Praktika/BAZA/Dost2.html"><img src="D:/Praktika/Menu/vibor2.png"></a>
<a href="D:/Praktika/BAZA/Opis3.html"><img src="D:/Praktika/Menu/vibor3.png"></a>
<a href="D:/Praktika/BAZA/Zakaz4.html"><img src="D:/Praktika/Menu/vibor4.png"></a>
<img src="D:/Praktika/znak.png" align="right" ></div>
<p style=" margin-left:450px; width:500px; font-size:24pt; background-color:wheat; color:black; border:1px solid blue; text-align:center">
МЕДИЦИНСКИЕ ПРИБОРЫ И ОБОРУДОВАНИЕ</p >
</div>
<br>
<div id="blok3" valign="top">
<div id="kat"> КАТАЛОГ </div>
<div id="kar1">КАРДИОГРАФЫ </div>
<div id="enc2">ЭНЦЕФАЛОГРАФЫ </div>
<div id="spi3">СПИРОГРАФЫ </div>
<div id="reo4">РЕОГРАФЫ </div>
</div>
<br>
</body> </html>
Документ bmt7-6.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>MedEq Поставки медтехники</title>
<style type="text/css">
<!--
body { margin:0px; background-color:pink;
bgcolor="pink" font-size:18px;
font-weight:bold; color:#003399;
}
div#blok1{position:relative; border:none;
margin-left:50px; margin-right:50px;
height:240px; background-color:#ECE9D8;
}
div#blok2{border:none; margin-left:400px;
border-height:75px;
}
div#blok3{border:none; pozition:absolute;
margin-left:50px; margin-right:50px;
height:1300px; background-color:#ECE9D8;
}
div#kat,div#kar1,div#enc2,div#spi3,div#reo4{
border:2px solid green; pozition:absolute;
width:240px; height:1300px; background-color:#ECE9D8;
}
div#kat{ margin-left:20px;}
div#kar1{margin-left:280px;margin-top:-1305px;}
div#enc2{margin-left:540px;margin-top:-1305px;}
div#spi3{margin-left:800px;margin-top:-1305px;}
div#reo4{margin-left:1060px;margin-top:-1305px;}
td,th { font-family: Calibri; font-size:18px;
font-weight:bold; color:#003399;background-color:#ECE9D8;
}
h4{background-color:#ECE9D8; color: #000000; }
}
td,th { font-family: Calibri; font-size:18px;
font-weight:bold; color:#003399; background-color:#ECE9D8; }
-->
</style> </head>
<body>
<div id="blok1" valign="top"> <img src="D:/Praktika/logotip.png" align="left">
<div id="blok2">
<a href="D:/Praktika/BAZA/Kont1.html"><img src="D:/Praktika/Menu/vibor1.png"></a>
<a href="D:/Praktika/BAZA/Dost2.html"><img src="D:/Praktika/Menu/vibor2.png"></a>
<a href="D:/Praktika/BAZA/Opis3.html"><img src="D:/Praktika/Menu/vibor3.png"></a>
<a href="D:/Praktika/BAZA/Zakaz4.html"><img src="D:/Praktika/Menu/vibor4.png"></a>
<img src="D:/Praktika/znak.png" align="right" >
</div>
<p style=" margin-left:450px; width:500px; font-size:24pt; background-color:wheat;
color:black; border:1px solid blue; text-align:center">
МЕДИЦИНСКИЕ ПРИБОРЫ И ОБОРУДОВАНИЕ</p >
</div>
<br>
<div id="blok3" valign="top">
<div id="kat"><p style="width:240px;height:30px;font-size:18pt;background-color:wheat;
color:black;border:none;text-align:center"> КАТАЛОГ </p> </div>
<div id="kar1"><p style="width:240px;height:30px;font-size:18pt;background-color:wheat;
color:black;border:none;text-align:center"> КАРДИОГРАФЫ</p> </div>
<div id="enc2"><p style="width:240px;height:30px;font-size:18pt;background-color:wheat;
color:black;border:none;text-align:center"> ЭНЦЕФАЛОГРАФЫ</p > </div>
<div id="spi3"><p style="width:240px;height:30px;font-size:18pt;background-color:wheat;
color:black;border:none;text-align:center"> СПИРОГРАФЫ </p > </div>
<div id="reo4"><p style="width:240px;height:30px;font-size:18pt;background-color:wheat;
color:black;border:none;text-align:center"> РЕОГРАФЫ</p РЕОГРАФЫ </div>
</div>
<br>
<table width="1350" border="0" align="right" cellspacing="0" cellpadding="10">
<tr valign="bottom">
<th ><p style="width:280px;height:50px;font-size:24pt;
background-color:wheat;color:black;border:1px solid blue;text-align:center">
КАРДИОГРАФЫ</p></th>
<td style width="305"><p align="center"><a href="kar1.html"><img src="Kard1.png" width="240" border="0" /></a></p>
<h4 align="center">Электрокардиограф ЭК1Т-04</h4></td>
<td width="305"><p align="center"><a href="kar2.html"><img src="Kard2.png" width="240" border="0" /></a></p>
<h4 align="center">Электрокардиограф ЭКТ3Т-01"</h4></td>
<td width="305"><h4 align="center"><a href="kar3.html"><img src="Kard3.png" width="200" border="0" /></a></h4>
<h4 align="center">Кардиоанализатор "Диамант-К"</h4></td>
<td width="305"><p align="center"><a href="kar4.html"><img src="Kard4.png" width="200" border="0" /></a></p>
<h4 align="center">Электрокардиограф "Анкар-131" </h4></td>
</tr>
<tr valign="bottom">
<th ><p style="width:280px;height:50px;font-size:24pt;background-color:wheat;color:black;border:1px solid blue;text-align:center">
ЭНЦЕФАЛОГРАФЫ</p ></th>
<td width="305"><p align="center"><a href="enc1.html"><img src="encef1.png" width="240" border="0" /></a></p>
<h4 align="center">Энцефалограф "Энцефалан"</h4></td>
<td width="305"><p align="center"><a href="enc2.html"><img src="encef2.png" width="240" border="0" /></a></p>
<h4 align="center">Нейровизор-24 </h4></td>
<td width="305"><p align="center"><a href="enc3.html"><img src="encef3.png" width="200" border="0" /></a></p>
<h4 align="center">Эхоэнцефалоскоп ЭЭС-12</h4></td>
<td width="305"><p align="center"><a href="enc4.html"><img src="encef4.png" width="200" border="0" /></a></p>
<h4 align="center">Электроэнцефалограф "Нейроскоп NS-400"</h4></td>
</tr>
<tr valign="bottom">
<th ><p style="width:280px;height:50px;font-size:24pt;background-color:wheat;color:black;border:1px solid blue;text-align:center">
СПИРОГРАФЫ </p ></th>
<td width="305"><p align="center"><a href="spi1.html"><img src="spiro1.png" width="240" border="0" /></a></p>
<h4 align="center">Спироанализатор "Диамант-С"</h4></td>
<td width="305"><p align="center"><a href="spi2.html"><img src="spiro2.png" width="240" border="0" /></a></p>
<h4 align="center">Спирограф СМП-21/01"Р-Д"</h4></td>
<td width="305"><p align="center"><a href="spi3.html"><img src="spiro3.png" width="200" border="0" /></a></p>
<h4 align="center">Спирометр ССП</h4></td>
<td width="305"><p align="center"><a href="spi4.html"><img src="spiro4.png" width="200" border="0" /></a></p>
<h4 align="center">Спирометр Спирос-100</h4></td>
</tr>
<tr valign="bottom">
<th ><p style="width:280px;height:50px;font-size:24pt;background-color:wheat;color:black;border:1px solid blue;text-align:center">
РЕОГРАФЫ</p> </th>
<td width="305"><p align="center"><a href="reo1.html"><img src="reogr1.png" width="240" border="0" /></a></p>
<h4 align="center">Реограф"Диамант-Р"</h4></td>
<td width="305"><p align="center"><a href="reo2.html"><img src="reogr2.png" width="240" border="0" /></a></p>
<h4 align="center">Реограф"Рео-Спектр-2"</h4></td>
<td width="305"><p align="center"><a href="reo3.html"><img src="reogr3.png" width="200" border="0" /></a></p>
<h4 align="center">Реограф"РГПА-6/12"-<br/>РЕАН-ПОЛИ</h4></td>
<td width="305"><p align="center"><a href="reo4.html"><img src="reogr4.png" width="200" border="0" /></a></p>
<h4 align="center">Реограф "Мицар-Рео"</h4></td>
</tr>
</table>
</body> </html>
Документ bmt7-7.html
Прило <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>MedEq Поставки медтехники</title>
<style type="text/css">
<!--
body { margin:0px; background-color:pink;
bgcolor="pink" font-size:18px;
font-weight:bold; color:#003399;}
div#blok1{position:relative; border:none;
margin-left:50px; margin-right:50px;
height:240px; background-color:#ECE9D8;}
div#blok2{border:none; margin-left:400px;border-height:75px;}
div#blok3{border:none; pozition:absolute;
margin-left:50px; margin-right:50px;
height:1300px; background-color:#ECE9D8; }
div#kat,div#kar1,div#enc2,div#spi3,div#reo4{border:2px solid green;
pozition:absolute; width:240px;
height:1300px; background-color:#ECE9D8; }
div#kat{ margin-left:20px;}
div#kar1{margin-left:280px;margin-top:-1305px;}
div#enc2{margin-left:540px;margin-top:-1305px;}
div#spi3{margin-left:800px;margin-top:-1305px;}
div#reo4{margin-left:1060px;margin-top:-1305px;}
td,th { font-family: Calibri; font-size:18px;
font-weight:bold; color:#003399;
background-color:#ECE9D8; }
h4{background-color:#ECE9D8; color: #000000; }
}
td,th { font-family: Calibri; font-size:18px;
font-weight:bold; color:#003399;
background-color:#ECE9D8; }
-->
</style> </head>
<body>
<div id="blok1" valign="top"> <img src="D:/Praktika/logotip.png" align="left">
<div id="blok2">
<a href="D:/Praktika/BAZA/Kont1.html"><img src="D:/Praktika/Menu/vibor1.png"></a>
<a href="D:/Praktika/BAZA/Dost2.html"><img src="D:/Praktika/Menu/vibor2.png"></a>
<a href="D:/Praktika/BAZA/Opis3.html"><img src="D:/Praktika/Menu/vibor3.png"></a>
<a href="D:/Praktika/BAZA/Zakaz4.html"><img src="D:/Praktika/Menu/vibor4.png"></a>
<img src="D:/Praktika/znak.png" align="right" >
</div>
<p style=" margin-left:450px; width:500px; font-size:24pt; background-color:wheat;
color:black; border:1px solid blue; text-align:center">
МЕДИЦИНСКИЕ ПРИБОРЫ И ОБОРУДОВАНИЕ</p >
</div>
<br>
<div id="blok3" valign="top">
<div id="kat"><p style="width:240px;height:30px;font-size:18pt;background-color:wheat;
color:black;border:none;text-align:center"> КАТАЛОГ </p>
</div>
<div id="kar1"><p style="width:240px;height:30px;font-size:18pt;background-color:wheat;
color:black;border:none;text-align:center"> КАРДИОГРАФЫ</p>
</div>
<div id="enc2"><p style="width:240px;height:30px;font-size:18pt;background-color:wheat;
color:black;border:none;text-align:center"> ЭНЦЕФАЛОГРАФЫ</p >
</div>
<div id="spi3"><p style="width:240px;height:30px;font-size:18pt;background-color:wheat;
color:black;border:none;text-align:center"> СПИРОГРАФЫ </p >
</div>
<div id="reo4"><p style="width:240px;height:30px;font-size:18pt;background-color:wheat;
color:black;border:none;text-align:center"> РЕОГРАФЫ</p РЕОГРАФЫ
</div>
</div>
<br>
<table width="1350" border="0" align="right" cellspacing="0" cellpadding="10">
<tr valign="bottom">
<th ><p style="width:280px;height:50px;font-size:24pt;background-color:wheat;color:black;border:1px solid blue;text-align:center">
КАРДИОГРАФЫ</p></th>
<td style width="305"><p align="center"><a href="kar1.html"><img src="Kard1.png" width="240" border="0" /></a></p>
<h4 align="center">Электрокардиограф ЭК1Т-04</h4></td>
<td width="305"><p align="center"><a href="kar2.html"><img src="Kard2.png" width="240" border="0" /></a></p>
<h4 align="center">Электрокардиограф ЭКТ3Т-01"</h4></td>
<td width="305"><h4 align="center"><a href="kar3.html"><img src="Kard3.png" width="200" border="0" /></a></h4>
<h4 align="center">Кардиоанализатор "Диамант-К"</h4></td>
<td width="305"><p align="center"><a href="kar4.html"><img src="Kard4.png" width="200" border="0" /></a></p>
<h4 align="center">Электрокардиограф "Анкар-131" </h4></td>
</tr>
<tr valign="bottom">
<th ><p style="width:280px;height:50px;font-size:24pt;background-color:wheat; color:black;border:1px solid blue;text-align:center">
ЭНЦЕФАЛОГРАФЫ</p ></th>
<td width="305"><p align="center"><a href="enc1.html"><img src="encef1.png" width="240" border="0" /></a></p>
<h4 align="center">Энцефалограф "Энцефалан"</h4></td>
<td width="305"><p align="center"><a href="enc2.html"><img src="encef2.png" width="240" border="0" /></a></p>
<h4 align="center">Нейровизор-24 </h4></td>
<td width="305"><p align="center"><a href="enc3.html"><img src="encef3.png" width="200" border="0" /></a></p>
<h4 align="center">Эхоэнцефалоскоп ЭЭС-12</h4></td>
<td width="305"><p align="center"><a href="enc4.html"><img src="encef4.png" width="200" border="0" /></a></p>
<h4 align="center">Электроэнцефалограф "Нейроскоп NS-400"</h4></td>
</tr>
<tr valign="bottom">
<th ><p style="width:280px;height:50px;font-size:24pt;background-color:wheat;color:black;border:1px solid blue;text-align:center">
СПИРОГРАФЫ </p ></th>
<td width="305"><p align="center"><a href="spi1.html"><img src="spiro1.png" width="240" border="0" /></a></p>
<h4 align="center">Спироанализатор "Диамант-С"</h4></td>
<td width="305"><p align="center"><a href="spi2.html"><img src="spiro2.png" width="240" border="0" /></a></p>
<h4 align="center">Спирограф СМП-21/01"Р-Д"</h4></td>
<td width="305"><p align="center"><a href="spi3.html"><img src="spiro3.png" width="200" border="0" /></a></p>
<h4 align="center">Спирометр ССП</h4></td>
<td width="305"><p align="center"><a href="spi4.html"><img src="spiro4.png" width="200" border="0" /></a></p>
<h4 align="center">Спирометр Спирос-100</h4></td>
</tr>
<tr valign="bottom">
<th ><p style="width:280px;height:50px;font-size:24pt;background-color:wheat;color:black;border:1px solid blue;text-align:center">
РЕОГРАФЫ</p> </th>
<td width="305"><p align="center"><a href="reo1.html"><img src="reogr1.png" width="240" border="0" /></a></p>
<h4 align="center">Реограф"Диамант-Р"</h4></td>
<td width="305"><p align="center"><a href="reo2.html"><img src="reogr2.png" width="240" border="0" /></a></p>
<h4 align="center">Реограф"Рео-Спектр-2"</h4></td>
<td width="305"><p align="center"><a href="reo3.html"><img src="reogr3.png" width="200" border="0" /></a></p>
<h4 align="center">Реограф"РГПА-6/12"-<br/>РЕАН-ПОЛИ</h4></td>
<td width="305"><p align="center"><a href="reo4.html"><img src="reogr4.png" width="200" border="0" /></a></p>
<h4 align="center">Реограф "Мицар-Рео"</h4></td>
</tr>
</table>
</body> </html>
Документ bmt7-8.html
Прило <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>MedEq Поставки медтехники</title>
<style type="text/css">
<!-- body {margin:0px; background-color:pink;
bgcolor="pink" font-size:18px;
font-weight:bold; color:#003399;
}
div#blok1{position:relative; border:none;
margin-left:50px; margin-right:50px;
height:240px; background-color:#ECE9D8;
}
div#blok2{border:none; margin-left:400px;border-height:75px;}
div#blok3{border:none; pozition:absolute;
margin-left:50px; margin-right:50px; height:820px;}
div#kat,div#kar1,div#enc2,div#spi3,div#reo4{
border:2px solid green; pozition:absolute;
width:240px; height:820px; background-color:#ECE9D8;}
div#kat{ margin-left:20px;}
div#kar1{margin-left:280px;margin-top:-825px;}
div#enc2{margin-left:540px;margin-top:-825px;}
div#spi3{margin-left:800px;margin-top:-825px;}
div#reo4{margin-left:1060px;margin-top:-825px;}
h4{background-color:#ECE9D8; color: #000000;}
-->
</style> </head>
<body>
<div id="blok1" valign="top"> <img src="D:/Praktika/logotip.png" align="left">
<div id="blok2">
<a href="D:/Praktika/BAZA/Kont1.html"><img src="D:/Praktika/Menu/vibor1.png"></a>
<a href="D:/Praktika/BAZA/Dost2.html"><img src="D:/Praktika/Menu/vibor2.png"></a>
<a href="D:/Praktika/BAZA/Opis3.html"><img src="D:/Praktika/Menu/vibor3.png"></a>
<a href="D:/Praktika/BAZA/Zakaz4.html"><img src="D:/Praktika/Menu/vibor4.png"></a>
<img src="D:/Praktika/znak.png" align="right" >
</div>
<p style=" margin-left:450px; width:500px; font-size:24pt; background-color:wheat;
color:black; border:1px solid blue; text-align:center">
МЕДИЦИНСКИЕ ПРИБОРЫ И ОБОРУДОВАНИЕ</p >
</div> <br>
<div id="blok3" valign="top">
<div id="kat"><p style="width:240px;height:30px;font-size:18pt;background-color:wheat;
color:black;border:none;text-align:center"> КАТАЛОГ </p>
</div>
<div id="kar1"><p style="width:240px;height:30px;font-size:18pt;background-color:wheat;
color:black;border:none;text-align:center"> КАРДИОГРАФЫ</p>
<p align="center"><a href="D:/Praktika/kar1.html"><img src="D:/Praktika/Kard1.png" height="120" border="0" /></a></p>
<h4 align="center">Электрокардиограф ЭК1Т-04</h4>
<p align="center"><a href="D:/Praktika/kar2.html"><img src="D:/Praktika/Kard2.png" height="120" border="0" /></a></p>
<h4 align="center">Электрокардиограф ЭКТ3Т-01"</h4>
<p align="center"><a href="D:/Praktika/kar3.html"><img src="D:/Praktika/Kard3.png" height="120" border="0" /></a></p>
<h4 align="center">Кардиоанализатор "Диамант-К"</h4>
<p align="center"><a href="D:/Praktika/kar4.html"><img src="D:/Praktika/Kard4.png" height="120" border="0" /></a></p>
<h4 align="center">Электрокардиограф "Анкар-131" </h4>
</div>
<div id="enc2"><p style="width:240px;height:30px;font-size:18pt;background-color:wheat;
color:black;border:none;text-align:center"> ЭНЦЕФАЛОГРАФЫ</p >
<p align="center"><a href="D:/Praktika/enc1.html"><img src="D:/Praktika/encef1.png" height="120" border="0" /></a></p>
<h4 align="center">Энцефалограф "Энцефалан"</h4>
<p align="center"><a href="D:/Praktika/enc2.html"><img src="D:/Praktika/encef2.png" height="120" border="0" /></a></p>
<h4 align="center">Нейровизор-24 </h4>
<p align="center"><a href="D:/Praktika/enc3.html"><img src="D:/Praktika/encef3.png" height="120" border="0" /></a></p>
<h4 align="center">Эхоэнцефалоскоп ЭЭС-12</h4>
<p align="center"><a href="D:/Praktika/enc4.html"><img src="D:/Praktika/encef4.png" height="120" border="0" /></a></p>
<h4 align="center">Электроэнцефалограф "Нейроскоп NS-400"</h4> </div>
<div id="spi3"><p style="width:240px;height:30px;font-size:18pt;background-color:wheat;
color:black;border:none;text-align:center"> СПИРОГРАФЫ </p >
<p align="center"><a href="D:/Praktika/spi1.html"><img src="D:/Praktika/spiro1.png" height="120" border="0" /></a></p>
<h4 align="center">Спироанализатор "Диамант-С"</h4>
<p align="center"><a href="D:/Praktika/spi2.html"><img src="D:/Praktika/spiro2.png" height="120" border="0" /></a></p>
<h4 align="center">Спирограф СМП-21/01"Р-Д"</h4>
<p align="center"><a href="D:/Praktika/spi3.html"><img src="D:/Praktika/spiro3.png" height="120" border="0" /></a></p>
<h4 align="center">Спирометр ССП</h4>
<p align="center"><a href="D:/Praktika/spi4.html"><img src="D:/Praktika/spiro4.png" height="120" border="0" /></a></p>
<h4 align="center">Спирометр Спирос-100</h4> </div>
<div id="reo4"><p style="width:240px;height:30px;font-size:18pt;background-color:wheat;
color:black;border:none;text-align:center"> РЕОГРАФЫ</p>
<p align="center"><a href="D:/Praktika/reo1.html"><img src="D:/Praktika/reogr1.png" height="120" border="0" /></a></p>
<h4 align="center">Реограф"Диамант-Р"</h4>
<p align="center"><a href="D:/Praktika/reo2.html"><img src="D:/Praktika/reogr2.png" height="120" border="0" /></a></p>
<h4 align="center">Реограф"Рео-Спектр-2"</h4>
<p align="center"><a href="D:/Praktika/reo3.html"><img src="D:/Praktika/reogr3.png" height="120" border="0" /></a></p>
<h4 align="center">Реограф"РГПА-6/12"-<br/>РЕАН-ПОЛИ</h4>
<p align="center"><a href="D:/Praktika/reo4.html"><img src="D:/Praktika/reogr4.png" height="120" border="0" /></a></p>
<h4 align="center">Реограф "Мицар-Рео"</h4> </div>
</div>
</body> </html>
П1.8. Тексты к теме 8 (blank_z.html и otvet.html).
Документ blank_z.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title><Бланк заказа</title> </head>
<body>
<p> Заполните, пожалуйста, бланк заказа. Для этого введите в нижеследующие поля (строки) Ваши контактные данные:</p>
<p> Фамилию, имя, отчество (подряд, через пробел).</p>
<p> Адрес, по которому нужно доставить выбранный вами товар.</p>
<p> Почтовый индекс, если Вы желаете, чтобы товар доставили почтой - в следующую строку </p>
<p> Номер контактного телефона (домашнего или мобильного), чтобы можно было с вами связаться-.</p>
<p> Адрес Вашей электронной почты, если она у Вас есть.</p> <p> </p>
<form name="form_zakaz" method="post" action="http://localhost/klient_z.php">
<p><strong>Фамилия, Имя, Отчество</strong><br />
<input name="Fio" type="text" size="150" maxlength="40" /> </p>
<strong>Адрес</strong><br />
<input name="Adr" type="text" size="150" maxlength="40" /> <br /><br />
<strong>Почтовый индекс</strong><br />
<input name="Ind" type="text" size="150" maxlength="40" /> <br /><br />
<strong>Номер телефона</strong><br />
<input name="Tel" type="text" size="150" maxlength="40" />
<br /><br /><strong>Электронная почта</strong> <br />
<p> <input name="Epo" type="text" size="150" maxlength="40" /> <br /> </p>
<p>Выберите нужный Вам вид доставки (по умолчанию выбрана доставка курьером) </p>
<p><strong> Вид доставки</strong></p>
<table width="200"> <tr> <td>
<input name="Dost" type="radio" value="Курьером" checked="checked" />
Курьером >
<input type="radio" name="Dost" value="Почтой" />
Почтой
</td> </tr> </table>
<p> <br /> Примечания - введите дополнительный текст, если Вы хотите что - добавить для уточнения заказа.</p>
<p> <textarea name="Pri" cols="150" rows="5"></textarea></p>
<p>Нажмите кнопку <strong>ЗАКАЗАТЬ!</strong> и ждите подтверждения заказа в виде сообщения " Ваш заказ принят". </p>
<input type="submit" name="Заказать" value="ЗАКАЗАТЬ!" />
</form> <p> </p>
</body> </html>
Документ otvet_z.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Подтверждение заказа</title>
</head>
<body>
<?php
echo "Уважаемый "; echo $Fio;
echo "!"; print "<br>";
echo "Ваш заказ принят";
print "<br>";
echo "Ваш телефон "; echo $Tel;
print "<br>";
echo "Ваш адрес "; echo $Adr;
print "<br>";
echo "Ваша электронная почта "; echo $Epo;
print "<br>";
echo "Ваш вид доставки "; echo $Dost;
print "<br>";
echo "Ваши дополнения: "; echo $Pri;
?>
<h2>Благодарим за удачный выбор.</h2>
<h3>Для ускорения заказа Вы можете связаться</h3>
<h3>с нашими менеджерами по телефону, указанному</h3>
<h3>на главной странице, над витриной товаров</h3>
<h3>Для возврата на витрину товаров </h3>
<h3>можно воспользоваться кнопкой </h3> <br>
<table width="120" height="75" border="2" align="left" cellpadding="3 cellspacing="0" bordercolor="#000000">
<tr> <td><a href="index.html"><img src="./Navig/jmp_gl.png" width="120" height="40" border="0" /> </a></td> </tr ></table></p>
</body> </html>
П1.9. Текст к теме 9 (default.html).
Документ default.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>MedEq Поставки медтехники</title>
<style type="text/css">
<!-- body {margin:0px; background-color:pink;
font-weight:bold; color:#003399; }
div#blok1{position:relative; border:none;
margin-left:50px; margin-right:50px;
height:240px; background-color:#ECE9D8; }
div#blok2{
border:none;
position:relative;
margin-left:400px;
border-height:75px;
}
div#blok3{
border:none;
position:relative;
margin-left:50px;
margin-right:50px;
height:820px;}
div#kat,div#kar1,div#enc2,div#spi3,div#reo4{
border:2px solid green;
position:relative;
width:240px;
height:820px;
background-color:#ECE9D8;}
div#kat{ margin-left:20px;}
div#kar1{margin-left:280px;margin-top:-825px;}
div#enc2{margin-left:540px;margin-top:-825px;}
div#spi3{margin-left:800px;margin-top:-825px;}
div#reo4{margin-left:1060px;margin-top:-825px;}
h4{background-color:#ECE9D8; color: #000000;}
-->
</style> </head>
<body>
<div id="blok1" valign="top"> <img src="logotip.png" align="left">
<div id="blok2">
<a href="./Navig/Kont1.html"><img src="./Navig/vibor1.png"></a>
<a href="./Navig/Dost2.html"><img src="./Navig/vibor2.png"></a>
<a href="./Navig/Opis3.html"><img src="./Navig/vibor3.png"></a>
<a href="./Navig/Zakaz4.html"><img src="./Navig/vibor4.png"></a>
<img src="znak.png" align="right" >
</div>
<p style=" margin-left:450px; width:500px; font-size:24pt; background-color:wheat;
color:black; border:1px solid blue; text-align:center">
МЕДИЦИНСКИЕ ПРИБОРЫ И ОБОРУДОВАНИЕ</p >
</div> <br>
<div id="blok3" valign="top">
<div id="kat"><p style="width:240px;height:30px;font-size:18pt;background-color:cyan;
border:none;text-align:center"> КАТАЛОГ </p>
<select name=group size=20 multiple=1 >
<option selected value="kar1"value="kar1">Электрокардиограф ЭК1Т-04
<option value="kar2">Электрокардиограф ЭКТ3Т-01
<option value="kar3">Кардиоанализатор "Диамант-К"
<option value="kar4">Электрокардиограф "Анкар-131"
<option value="encef1">Энцефалограф "Энцефалан">
<option value="encef2">Нейровизор-24
<option value="encef3">Эхоэнцефалоскоп ЭЭС-12
<option value="encef4">Нейроскоп NS-400
<option value="spiro1">Спироанализатор "Диамант-С"
<option value="spiro2">Спирограф СМП-21/01"Р-Д"
<option value="spiro3">Спирометр ССП
<option value="spiro4">Спирометр Спирос-100
<option value="reogr1">Реограф"Диамант-Р"
<option value="reogr2">Реограф"Рео-Спектр-2"
<option value="reogr3">Реограф"РГПА-6/12"- РЕАН-ПОЛИ
<option value="reogr4">Реограф "Мицар-Рео"
</select>
</form>
</div>
<div id="kar1"><p style="width:240px;height:30px;font-size:18pt;background-color:white;
border:none;text-align:center"> КАРДИОГРАФЫ</p>
<p align="center"><a href="./Pribor/kar1.html"><img src="./Pribor/Kard1.png" height="120" border="0" /></a></p>
<h4 align="center">Электрокардиограф ЭК1Т-04</h4>
<p align="center"><a href="./Pribor/kar2.html"><img src="./Pribor/Kard2.png" height="120" border="0" /></a></p>
<h4 align="center">Электрокардиограф ЭКТ3Т-01"</h4>
<p align="center"><a href="./Pribor/kar3.html"><img src="./Pribor/Kard3.png" height="120" border="0" /></a></p>
<h4 align="center">Кардиоанализатор "Диамант-К"</h4>
<p align="center"><a href="./Pribor/kar4.html"><img src="./Pribor/Kard4.png" height="120" border="0" /></a></p>
<h4 align="center">Электрокардиограф "Анкар-131" </h4>
</div>
<div id="enc2"><p style="width:240px;height:30px;font-size:18pt;background-color:white;
border:none;text-align:center"> ЭНЦЕФАЛОГРАФЫ</p >
<p align="center"><a href="./Pribor/enc1.html"><img src="./Pribor/encef1.png" height="120" border="0" /></a></p>
<h4 align="center">Энцефалограф "Энцефалан"</h4>
<p align="center"><a href="./Pribor/enc2.html"><img src="./Pribor/encef2.png" height="120" border="0" /></a></p>
<h4 align="center">Нейровизор-24 </h4>
<p align="center"><a href="./Pribor/enc3.html"><img src="./Pribor/encef3.png" height="120" border="0" /></a></p>
<h4 align="center">Эхоэнцефалоскоп ЭЭС-12</h4>
<p align="center"><a href="./Pribor/enc4.html"><img src="./Pribor/encef4.png" height="120" border="0" /></a></p>
<h4 align="center">Электроэнцефалограф "Нейроскоп NS-400"</h4>
</div>
<div id="spi3"><p style="width:240px;height:30px;font-size:18pt;background-color:white;
border:none;text-align:center"> СПИРОГРАФЫ </p >
<p align="center"><a href="./Pribor/spi1.html"><img src="./Pribor/spiro1.png" height="120" border="0" /></a></p>
<h4 align="center">Спироанализатор "Диамант-С"</h4>
<p align="center"><a href="./Pribor/spi2.html"><img src="./Pribor/spiro2.png" height="120" border="0" /></a></p>
<h4 align="center">Спирограф СМП-21/01"Р-Д"</h4>
<p align="center"><a href="./Pribor/spi3.html"><img src="./Pribor/spiro3.png" height="120" border="0" /></a></p>
<h4 align="center">Спирометр ССП</h4>
<p align="center"><a href="./Pribor/spi4.html"><img src="./Pribor/spiro4.png" height="120" border="0" /></a></p>
<h4 align="center">Спирометр Спирос-100</h4>
</div>
<div id="reo4"><p style="width:240px;height:30px;font-size:18pt;background-color:white;
border:none;text-align:center"> РЕОГРАФЫ</p>
<p align="center"><a href="./Pribor/reo1.html"><img src="./Pribor/reogr1.png" height="120" border="0" /></a></p>
<h4 align="center">Реограф"Диамант-Р"</h4>
<p align="center"><a href="./Pribor/reo2.html"><img src="./Pribor/reogr2.png" height="120" border="0" /></a></p>
<h4 align="center">Реограф"Рео-Спектр-2"</h4>
<p align="center"><a href="./Pribor/reo3.html"><img src="./Pribor/reogr3.png" height="120" border="0" /></a></p>
<h4 align="center">Реограф"РГПА-6/12"-<br/>РЕАН-ПОЛИ</h4>
<p align="center"><a href="./Pribor/reo4.html"><img src="./Pribor/reogr4.png" height="120" border="0" /></a></p>
<h4 align="center">Реограф "Мицар-Рео"</h4>
</div>
<br><br>
<a href="mailto:bmt@mail.ru">Введите текст Вашего заказа</a>
<br><br>
</div>
</body>
</html>
Литература
1. Н. Комолова, Е. Яковлева Самоучитель по HTML.– СПб: Питер, 2011.
2. Петюшкин А.В. HTML.Экспресс.– СПб: БХВ-Петербург, 2003.
3. Гончаров А. Самоучитель HTML. – СПб.: Питер, 2002.– 240 с.: ил.
4. Алексеев А.П. Введение в Web-дизайн: учебное пособие.– М.: СОЛОН-ПРЕСС, 2008.– 192 с.: ил.
5. Дронов В.А. Самоучитель Macromeia DreamWeaver 8.– СПб.: БХВ- Петербург, 2006.– 320 с.: ил.
6. Никсон Р. Создаем динамические веб-сайты с помощью PHP, MySql и JavaScript. СПб.: Питер, 2011.– 496 с.: ил.
7. Маклафлин Б. PHP и MySQL. Исчерпывающее руководство.– СПб.: Питер, 2013.– 512 с.: ил.
8. Ромашов В. CMS Drupal: Система управления содержимым сайта.– СПб.: Питер, 2010.– 256 с.: ил.
9. Михайлов Б.М., Халабия Р.Ф. Практические навыки работы в Интернете: Учебно-методическое пособие по выполнению лабораторных работ.– М.: МГУПИ, 2009. - 50 с..
10. http://www.copyscape.ru
11. http://www.site-do.ru/css/ Уроки CSS.
12. http://webmaster.alexanderklimov.ru/ А.Климов. Справочник по тегам HTMLи CSS.chm
13. http://htmlbook.ru. В. Мержевич. Справочник по HTML и CSS.pdf
14. http://www.medprom.ru
15. http://www.medtehnikaspb.ru
16. http://www.medico.ru
Гренков Вячеслав Леонидович
ИНТЕРНЕТ ТЕХНОЛОГИИ. МЕТОДИКА И ПРАКТИКА СОЗДАНИЯ WEB-СТРАНИЦ И WEB-САЙТОВ
Учебное пособие
–––––––––––––––––––––––––––––––––––––––––––––––––––––––
__№ _____ от __________ ________г.
Подписано в печать _________________
Формат 60x84 1/16
Объем 7 п.л. Тираж 100 экз. Заказ № _________
–––––––––––––––––––––––––––––––––––––––––––––––––––––––
ГОУ ВПО “Московский государственный университет
приборостроения и информатики”
107996, Москва, ул. Стромынка, 20
