Задача 4.
экзаменационный билет представить в HTML коде. Фон серый, текст черный
поля 1, 2, 3, (4+5), * оформить в виде фреймов
поля 4, 5 оформить в виде таблицы
при наведении указателя мыши на поле 6 цвет фона должен измениться на желтый, а цвет текста вопроса 3 – на синий
содержание вопросов 1,2 записать в полях формы и отправить на сервер методом Get
в поле 6 предусмотреть кнопку Reset
Frame.htm
<HTML>
<HEAD>
<TITLE>№№ Экз.б. №№ Задачи</title>
<META name="Content-Type" content="text/html; charset=windows-1251">
<META name ="Author" content="Холопова Анна" >
<META name="Keywords" content="ИТиС">
</head>
<FRAMESET frameborder=1 framespacing=5 rows="40%, 10%, 50%">
<FRAMESET frameborder=1 framespacing=5 cols="60%, 20%, *">
<FRAME noresize scrolling=AUTO src="f1.htm">
<FRAME noresize scrolling=AUTO src="f2.htm">
<FRAME noresize scrolling=AUTO src="f3.htm">
</frameset>
<FRAME noresize scrolling=AUTO src="f4.htm">
<FRAME scrolling=AUTO src="f5.htm">
<NOFRAMES>
<P>Ваш броузер не поддерживает фреймы
</noframes>
</frameset>
</html>
F1.htm
<HTML>
<HEAD>
<TITLE>Фрейм 1</title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<BODY FONT bgcolor="grey" text=”black” size=3 align=center face=”Times New Roman” >
<P><b>Федеральное агентство по образованию<br>
<P><i>Государственное образовательное учреждение выс-<br>
<P>шего профессионального образования</i><br>
<P>Московский государственный институт ра-<br>
<P>диотехники, электроники и автоматики<br>
<P><sup><font size=+1>(технический университет)</font></sup></b>
</body>
</html>
F2.htm
<HTML>
<HEAD>
<TITLE>Фрейм 2</title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<BODY FONT bgcolor="grey" text=”black” size=3 align=center face=”Times New Roman” >
<P>Кафедра<br>
<P><b>Интеллектуальных<br>
<P>технологий и сис-<br>
<P>тем</b>
</body>
</html>
F3.htm
<HTML>
<HEAD>
<TITLE>Фрейм 3</title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<BODY FONT bgcolor="grey" text=”black” size=3 align=center face=”Times New Roman” >
<P><b>УТВЕРЖДАЮ<br>
<P><i>Зав. кафедрой</i></b><br>
<P><img src=”подпись.gif”>
</body>
</html>
F4.htm
<HTML>
<HEAD>
<TITLE> Фрейм 4</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<BODY FONT bgcolor="grey" text=”black” size=3 align=center face=”Times New Roman” >
<TABLE border=1>
<TR>
<TD width=80% >
<b>Интернет-технологии и системы</b>
</td>
<TD><P>Дата<br>
<img src=”дата.gif”> </td>
</table>
</BODY>
</HTML>
F5.htm
<HTML>
<HEAD>
<TITLE>Фрейм 5</title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<SCRIPT>
// Если указатель мыши установлен
function doMouseOver() {
this.style.background=’yellow’;
this.style.color=’blue’
}
}
// Если указатель мыши убран
function doMouseOut() {
this.style.background=’grey’;
this.style.color=’black’
}
}
</script>
</head>
<BODY FONT bgcolor="grey" text=”black” size=3 align=center face=”Times New Roman” >
<TABLE border=0 cellspacing=0 cellpadding=0><TR>
<TR>
<TD colspan=3>
<FORM action="http://www.myserver.com/script/myapp.exe" method="post">
<P>1.<textarea name=”vopros1” rows=2 cols=85>
НАПИШИ СЮДА СВОЙ ПЕРВЫЙ ВОПРОС ИЗ БИЛЕТА</textarea>
<P>2.<textarea name=”vopros2” rows=2 cols=85>
НАПИШИ СЮДА СВОЙ ВТОРОЙ ВОПРОС ИЗ БИЛЕТА</textarea>
<INPUT type="submit" value="Отослать">
<INPUT type="reset" value="Отмена">
</form></td>
<TR>
<TD colspan=3
onmouseover=doMouseOver() onmouseout=doMouseOut()>
НАПИШИ ВОПРОС №3</td>
</table>
</body>
</html>