Меню
Главная
Авторизация/Регистрация
 
Главная arrow Информатика arrow Разработка web сайта на основе HTML с использованием JavaScript

Практическая часть. Листинг сайта:

<html>

<HEAD>

<TITLE>Школа №100</title>

<META content="text/html; charset=windows-1251" http-equiv=Content-Type>

<META content="" name=Description>

<META content="" name=Keywords>

<META content=Nikolay name=Author>

<SCRIPT language=JavaScript1.2

src="search/search.js"></SCRIPT>

<SCRIPT language=JavaScript1.2

src="search/searchEngine.js"></SCRIPT>

<STYLE>

p,span,form,input,hr,textarea{

font-family: Tahoma, Verdana, Arial, Sans serif;

font-size: 11px;

margin: 0px;padding: 0px;

vertical-align: middle;

}

.vmarg{margin-top:4px;}

.hmarg{margin-left:5px;margin-right:5px;}

.userData {BEHAVIOR: url(newhome0.htm)}

img {margin: 0px;padding: 0px;}

.checkbox{border:none;width:17px;height: 11px;vertical-align: middle;text-align: left;margin:2px;}

.b{font-weight:bold;}

.select{height: 21px; vertical-align:top;border:#A2B1C9 1px solid;background-color: #FFFFFF;}

.button{height: 21px; vertical-align:top; font-family: Verdana, Arial, Sans serif; font-size:10px;}

.but{height: 21px; vertical-align:bottom;font-family: Verdana, Arial, Sans serif; font-size:10px;}

input,textarea{border:#A2B1C9 1px solid;height: 21px; vertical-align:bottom;font-family: Verdana, Arial, Sans serif; font-size:11px;}

.head{background-color: #084D6C;}

.height1{height: 1px;}

.headline{background: #A7C1DD; padding: 0px; margin-top:2px;margin-bottom:2px;}

.headline_m{padding: 0px; margin:0px;}

.headline1{text-align: left; color: #FFFFFF; font-weight: bold; margin: 2px; margin-left:3px;}

.text{text-align:justify;padding: 2px; margin: 2px; color: #26486E;}

a{text-decoration:none;}

a:hover {text-decoration:none;}

a.nav{color:#FFFFFF;}

a.nav:hover{color:#FF0000;}

a.copyr:visited{color:#074C6B;text-decoration:none;}

a.copyr:hover{color:#074C6B;text-decoration:underline;}

a.copyr{color:#074C6B;}

.w{color:#FFFFFF;}

.r{color:#FF0000;}

a.podrobnee{color: #AB7A2C; padding: 10px;}

a.podrobnee:hover{ text-decoration: underline; }

.mi1{padding: 4px; background-color: #5FA4DE;}

.mi{padding: 2px; background-color: #4D81BA; border-bottom: 1px solid White; padding-left: 4px; }

.mi2{padding: 2px; padding-left: 4px; }

.mlink{padding: 0px; background-color: #529ADA;}

a.al{

color:#FFFFFF;

background-image:none;

width:181px;

height:43px;

text-align:left;

font-weight:bold;

padding: 2px 5px 0px 10px;

border-bottom: 1px solid #FFFFFF;

}

a.al:hover{color:#771C00; background-image:url(but_on00.gif); height:43px; width:180px;}

.ramka{margin: 3px; border: 1px solid #A2B1C9; background-color: #3273bb; text-align: center;}

.copyright{margin-left: 5px; color:#FFFFFF;}

div.win{

overflow: scroll;

overflow-x: hidden;

scrollbar-face-color: #306CAD;

scrollbar-shadow-color: #A7C1DD;

scrollbar-highlight-color: #A7C1DD;

scrollbar-3dlight-color: #306CAD;

scrollbar-darkshadow-color: #306CAD;

scrollbar-track-color: #ffffff;

scrollbar-arrow-color: #ffffff;

}

body{

scrollbar-face-color: #306CAD;

scrollbar-shadow-color: #A7C1DD;

scrollbar-highlight-color: #A7C1DD;

scrollbar-3dlight-color: #306CAD;

scrollbar-darkshadow-color: #306CAD;

scrollbar-track-color: #ffffff;

scrollbar-arrow-color: #ffffff;

}

</STYLE>

</head>

<body aLink=#006699 link=#000066 bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" text="black" vlink="purple" style="skrolling:no">

<table align=center border=0 bordercolor=black border="0" cellspacing="0" cellpadding="0">

<tr>

<td colspan=3>

<table background="imgfon1.gif" border=0 >

<tr >

<td><img src="imgadmin.jpg"> </td>

<td width="100%" align=center> <img src="imgadnin1.gif" align=center>  </td>

<td ><img src="imgflag1.gif" align=right> </td>

</table>

</td>

</tr>

<tr>

<td colspan=3 height="7" ></td>

</tr>

<tr>

<td colspan=3 background="imgfon4.gif" height="24"> </td>

</tr>

<tr>

<td colspan=3 height="7" ></td>

</tr>

<tr>

<td background="imgfon1.gif" width="10" valign="top">

<a href=index.htm > <img src="imghome.gif" border=0></a><br>

<a href=01.htm ><img src="imghystor.gif" border=0></a><br>

<a href=02.htm ><img src="imgpeopls.gif" border=0></a><br>

<a href=03.htm ><img src="imgmodel.gif" border=0></a><br>

<a href=04.htm ><img src="imgobraz.gif" border=0></a><br>

<a href=05.htm ><img src="imgsou.gif" border=0></a><br>

<a href=06.htm ><img src="imgkontak.gif"border=0></a><br>

</td>

<td width="65%" valign="top" height="890" bgcolor="#FAF8F8">

<table width="100%">

<tr class="ramka">

<td> <p > </p></td>

</tr>

<tr>

<td><P id=sR align=justify> </td>

</tr>

</table>

</td>

</td>

<td height="100%" valign="top">

<table class="ramka" width="182" border="0" cellspacing="0" cellpadding="2" >

<tr height="18" align="right" >

<td valign="middle" width="100%" background="grad.gif" height="18"><p class="headline1">Опрос</p></td>

</tr>

<tr>

<td colspan="3" bgcolor="#ffffff" height="200" >

<div id="winnews" style="height:350;" > </p></div></td>

</tr>

<table class="ramka" width="182" border="0" cellspacing="0" cellpadding="2">

<tr height="18" >

<td valign="middle" width="100%" height="18"><p class="headline1">Найти</p></td>

<td width="18" height="1" height="18"></td>

</tr>

<tr>

<td height="100" colspan="2" bgcolor="#ffffff" >

<table border="0" cellpadding="0" cellspacing="0">

<div align="center"><center>

<FORM name=searchform onsubmit="find();return false;"> <TBODY>

<tr><td nowrap><p>Поиск по сайту</p><p><input style="width:143px" size="11" value="" name=searchbox maxlenght="100"></p><p align="right"><input onclick=find(); type="button" value="Найти"></p></td></tr>

<tr>

</td>

</tr>

</table>

</table>

</td>

</tr>

<tr>

<td colspan=3 height="7" ></td>

</tr>

<tr>

<td colspan=3 background="imgfon4.gif" height="24"> </td>

</tr>

<tr>

<td colspan=3 height="100"></td>

</tr>

</table>

Листинг скриптов:

1. search.js

<!--

function info(name,link,info) {

this.name=name;

this.link=link;

this.info=info;

}

var searchInfo=new Array();

searchInfo[0]=new info("Главная","index.htm","20.12 Игра Самый умный 6-7 классы 25.12 КВН 27.12 Конференция по борьбе против зависимостей 20.01 Сбор макулатуры (собрано 4 тонны) 11.02 Выборы президента совета школы В дальнейшем планируется 14.02 День Святого Валентина В программе: - концерт - дискотека - работа почты влюблённых 19.02 Смотр строя и песни 22.02 Игра Рыцарский турнир 5 7 классы 26.02 День семьи ");

searchInfo[1]=new info("история 1969 1977","01_1.htm","I этап - становления, 1969 - 1977 годы, создание единого коллектива <br>педагогов, учащихся, родителей. Сформировались прочные традиции в эстетическом направлении образования, сложились творческие коллективы:<br> хор учащихся, ансамбль педагогов, школьный <br>театр, которые имели успех не только в районных конкурсах, но и городских. Как отмечали учителя школ № 22, 28 , где продолжали обучение дети, выпускники школы- восьмилетки № 100 отличались жизнерадостностью и взаимопониманием.");

searchInfo[2]=new info("История 1977 1997","01_2.htm","II этап - функционирования, в 1978 году школа приобрела статус средней общеобразовательной. Это привело к дальнейшему развитию её потенциала, коллектив учителей пополнился новыми талантливыми педагогами, имеющими опыт работы в средней школе. Контингент учащихся определила специфическая социальная среда. В основном это были на 65% семьи рабочих второго поколения уралмашевцев и 35% семьи ИТР и интеллигенции. В тот период большинство родителей связывали судьбу своих детей с заводом и стремились дать им среднее или высшее техническое образование. Поэтому в школе традиционно огромное значение придавалось точным наукам.В 1988 - 1989 г.г. школа вступила в полосу кризиса, в котором находилась вся советская система. Были утрачены былые ценностные ориентиры, которые стали подменяться ценностями материального обогащения любой ценой. Наряду с этим, постепенно начались процессы пробуждения и роста общественного самосознания. В 90-е годы XX века изменились целевые ориентиры нашего государства. Общество обращается к признанию позиции социальных групп и прав конкретного человека. Этим обусловлен следующий этап развития школы. В 1988 - 1989 г.г. школа вступила в полосу кризиса, в котором находилась вся советская система. Были утрачены былые ценностные ориентиры, которые стали подменяться ценностями материального обогащения любой ценой. Наряду с этим, постепенно начались процессы пробуждения и роста общественного самосознания. В 90-е годы XX века изменились целевые ориентиры нашего государства. Общество обращается к признанию позиции социальных групп и прав конкретного человека. Этим обусловлен следующий этап развития школы. II этап - поиска идей обеспечения прав личности в образовательном процессе через дифференциацию в обучении. В 1992 году принята I программа развития школы. Деятельность педагогического коллектива была направлена на обеспечение условий для становления ученика как личности, с разным уровнем способностей и потребностей, для реабилитации отстающих и предоставления возможности продвинутого обучения тем, кто способен учиться с опережением. В период до 1995 года была проведена жёсткая дифференциация по уровню обученности, созданы гомогенные классы: классы коррекционно-развивающие, компенсирующие. Математической и гуманитарной направленности, развивающего обучения по системе Эльконина Д.Б. и Давыдова В.В.Однако впоследствии мы отказались от ранней жёсткой дифференциации, сохранив лишь специальные коррекционные классы для детей с задержкой психического развития. Так как в гомогенном классе ограничиваются возможности развития личности.В 1996 году была разработана новая концепция и программа развития школы, где ведущей идеей стала идея адаптивного дифференцированного обучения. Особое внимание в этот период педагогический коллектив уделял конструированию урока в зависимости от склонностей, возможностей и способностей детей в классах смешанного типа. Осуществлялся поиск различных форм и методов обучения для максимального развития каждого ребёнка, апробировались в начальном и среднем звене технологии развивающего обучения. Была начата работа по освоению программы углублённого изучения математики и созданию УМК для классов гуманитарной направленности на завершающей стадии основной школы.В 1997 году поступил заказ родителей будущих десятиклассников на открытие подготовительных курсов в ВУЗ на базе школы и был заключён договор с УГТУ-УПИ. Данный этап развития школы характеризуется бурным ростом педагогического мастерства учителей. Методическая работа способствовала становлению статуса педагога как субъекта образовательного процесса, поскольку было направленно не только на повышение теоретических знаний и методических умений, но и на развитие самостоятельности, ответственности, рефлексивности (способности осмысливать свои действия, самопознание). ");

searchInfo[3]=new info("История 1998-2002","01_3.htm","В 1998 - 1999 г.г. школа прошла процесс лицензирования и аттестации. Основные виды услуг зафиксированы в лицензии, и школа получила право на образовательную деятельность по программам углублённого изучения математики, коррекционным образовательным программам, наряду с общеобразовательными программами обучения.Учитывая социальный заказ родителей и учащихся, в 2000 году был заключён договор с УГПУ на создание подготовительных курсов для классов гуманитарной направленности (9 - 11 кл.), в перспективе планируется совместная работа с УрГСХА (открытие профильных сельскохозяйственных 10 классов). Таким образом, в деятельности образовательного учреждения за эти годы произошли серьёзные целевые, содержательные, организационно-методические и управленческие изменения, на анализе которых мы остановимся ниже, и проводимые нами социологические исследования подтверждают наше предположение о том, что на пути традиционного, негуманного подхода к растущей личности не могутнаступить качественные изменения в системе образования, в том числе в работе нашей школы, благодаря которым достигался бы главный результат - воспитание свободной и ответственной, духовно и нравственно развитой личности.Решение столь важной задачи возможно, по нашему убеждению, в учебном заведении, переведённого из условий стабильного функционирования в развивающиеся, работа которого направлена на развитие личности ребёнка в процессе духовного взаимодействия с постоянно совершенствующейся личностью взрослого.");

searchInfo[4]=new info("Дополнительное образование","04.htm"," В школе действует 18 детских объединений по следующим направлениям : - спортивное - художественно-эстетическое - Прикладное (театр модница затейливый крючок, сделай сам, юный редактор и юнный оформитель) - проедметные (эколлогия урала литертура урала занимательный французский логика речь ) - развивающие кружки (МДО) ");

searchInfo[5]=new info("Дополнительное образование Кружки","04_1.htm","Театр Юный программист Танцы Хор ");

searchInfo[6]=new info("Дополнительное образование Секции","04_2.htm","Волейбол Баскетбол Каратэ Киокушинкай ОФП ");

searchInfo[7]=new info("Дополнительное образование Платные услуги","04_4.htm","Эти занятия с удовольствием посещают дети с 3 по 6 класс. На уроках они осваивают азы компьютерной грамотности. Информатика помогает им развивать внимательность сосредоточенность, память и мышление. Ребята узнают , как возникают ошибки, как их предотвращать и разыскивать. Но самое главное : «Информатика учит их учиться!»");

// searchInfo[n]=new info("","","");

//-->

2. searchEngine.js

var msg="";

var yes=false;

var found=0;

var bold="";

var boldN="";

var resultsN="";

function find ()

{

var search= "";

search = document.searchform.searchbox.value;

if(search.length <3) { return;}

var searchFor=search.toUpperCase();

for(i=0;i<searchInfo.length;i++)

{

for(n=0;n<searchInfo[i].info.length;n++)

{

var results=searchInfo[i].info.substring(n,n+search.length);

if(results.toUpperCase()==searchFor)

{

yes=true;

bold=searchInfo[i].info.substring(0,40);

bold +=".....";

break;

}

}

if(yes==true)

{

found++;

boldN=searchInfo[i].name;

msg+= '<a href="'+searchInfo[i].link+'">'+boldN+'</a> - '+bold+'<br>';

yes=false;

}

}

var table=" <b> РЕЗУЛЬТАТЫ ПОИСКА: </b> Найдено <font size=+1 color=#00008B>"+found+"</font> ссылок "+ '<font color=#FF0000><b>' + search + '</b></font><br><br>';

if(document.all) document.all.sR.innerHTML =table + ' ' +msg;

if(document.layers)

{

//Здесь открыть новое окно, куда все и записать.

var neww = window.open("", "neww");

neww.document.write(table + ' ' + msg);

neww.document.close();

}

window.status="Поиск завершен.";

yes=false;

found=0;

document.forms[0].searchbox.value="";

resultsN="";

bold="";

msg="";

boldN="";

}

 
< Предыдущая   СОДЕРЖАНИЕ   Следующая >
 

Предметы
Агропромышленность
Банковское дело
БЖД
Бухучет и аудит
География
Документоведение
Естествознание
Журналистика
Инвестирование
Информатика
История
Культурология
Литература
Логика
Логистика
Маркетинг
Математика, химия, физика
Медицина
Менеджмент
Недвижимость
Педагогика
Политология
Политэкономия
Право
Психология
Региональная экономика
Религиоведение
Риторика
Социология
Статистика
Страховое дело
Техника
Товароведение
Туризм
Философия
Финансы
Экология
Экономика
Этика и эстетика
Прочее