Разработка web-сайта, посвященного педагогическим работам преподавателя математики

Страницы работы

Содержание работы

Разработанный 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>

Похожие материалы

Информация о работе