Разработанный web-сайт посвящен педагогическим разработкам преподавателя математики Базиной Н.А.. Он состоит из пяти связанных HTML-страничек. Главная страница визуально разделена на 4 части:
1. Заголовок страницы;
2. Список (теги <ul>, <li>) ссылок (теги <A href=…>) на страницы, содержащие разработки Базиной Н.А.
3. Ссылки на сайты, содержащие новости образования.
4. Анимированный рисунок – ссылка, при нажатии на который происходит создание новой HTML – страницы, на которой можно ввести и отправить возникший вопрос автору сайта.
Первый раздел - Физико-математический бой - содержит страницу с отформатированным текстом (теги <B>, <I>, <center>, <font>,<p> и т.д.) и меню ссылок перехода внутри страницы (<a>).
Второй раздел –Физико-математический ипподром– содержит вставленные изображения с анимацией (<img>) и ссылку на страницу ”Дополнительные материалы для жюри”,которая имеет форматированные куски текста, оформленные в виде таблицы (теги <table>, <td>, <tr>…).
На остальных страницах находятся ссылки на внешние документы(на файлы .doc и .ppt) и также отформатированный текст
В начале каждой страницы сделано меню ссылок перехода на остальные страницы (<a>).
При создании данного сайта были использованы такие средства Javascript как создание временного окна, всплывающего окошка, а также проверки ввели ли текст в форму.
Для создания страниц использовался текстовый редактор Microsoft Notepad. Некоторые особенности страницы (напр. фиксированный фоновый рисунок) могут не работать при использовании браузеров, не поддерживающих JavaScript и HTML 4.0.
Далее приводятся несколько примеров исходных текстов старниц.
Проект по ИВТ.htm
<html>
<head>
<script language="JavaScript">
function openWin(){
myWin=open("Internet.html")
}
function timer(){
setTimeout("alert('Решайтесь!Что то вы задумались ;) Что хотите сделать?')",5000)
}
</script>
<STYLE> p {color:darkred;text-align:left;} </STYLE>
<title>Банк Педагогического опыта</title>
</head>
<H1><font size="+6" face="Monotype Corsiva" color="#753a00">
<p> <b><marquee height="47" behavior="slide" direction="down">Банк Педагогического опыта</marquee></b>
</font></h1>
<Table width=100%><tr><TD valign="top" rowspan="7" width=90%><IMG src="./pic05/Owl.gif" align="left">
<body onLoad="timer()" bgcolor="#ffc082" alink="#cc0000" vlink="#800000">
<font size="+3" face="Monotype Corsiva" color="#753a00"><p align="justify"> Преподавателя высшей категории
<p>Базиной Надежды Антоновны </Font>
<p><HR noshade width="75%" size="5" align="left" color="#f07800">
<p><font size="+1" face="Arial" color="#884400">
<i>Базина Надежда Антоновна на протяжении 23 лет работает учителем математики.Соответственно за столь
длинный срок она добилась определённых успехов и разработала много урочных и внеклассных мероприятий по математике.
<p>Вот некоторые из них:
<ul>
<li><A href="fiz_mat boj.html">Физико-математический бой </A> </li>
<li><A href="ippodrom.html">Физико-математический ипподром</A> </li>
<li><A href="Применение интеграла.html">Урок-семинар по теме "Применение интеграла" </A> </li>
<li><A href="площадь крив трап.html">Урок по теме "Площадь криволинейной трапеции" </A> </li>
</ul></i></font>
<img src="./pic05/letter.gif"
title="Письмо автору на dab_90@mail.ru"
alt="[Письмо автору на dab_90@mail.ru]"
align="left" border=0 width=105 height=77 onClick="openWin()"></TD>
<td width=20% align="right"><a href="http://ege.edu.ru/"><img src="ЕГЭ.jpg" width="140" height="120" alt="Сайт информационной поддержки ЕГЭ"><p>Сайт информационной поддержки ЕГЭ</a></td></tr>
<tr><td nowrap width=20% align="right"><hr noshade width="100%" align="center" color="#b95c00" size="3"></td></tr>
<tr><td nowrap width=20% align="right"><a href="http://akipkro.ru/"><img src="акип.bmp" width="100" height="120" alt="Официальный сайт АКИПКРО"><p>Официальный сайт АКИПКРО</a></td></tr>
Уважаемый посетитель!
Чтобы распечатать файл, скачайте его (в формате Word).
Ссылка на скачивание - внизу страницы.