П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:[email protected]">Введите текст Вашего заказа</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