Разработка web-сайта (стр. 4 из 14)

2.5 JavaScript

JavaScript представляет собой язык написания сценариев на клиентской стороне, который вносит на Web-страницы элементы интерактивности и условного поведения. С помощью JavaScript вы можете выводить дополнительную информацию о ссылках, создавать интерактивные эффекты при работе с мышью, изменять при определенных условиях содержимое страниц, случайным образом отображать содержимое страницы, загружать содержимое в новые окна браузер и фреймов и (с некоторой помощью CSS) передвигать элементы по странице. Дополнительные руководства по JavaScript можно найти на страницах webcoder.com.

Сценарии JavaScript обычно помещают непосредственно в документ HTML. Они могут находиться или в заголовке или в теле документа. В один документ можно поместить несколько сценариев. Пример синтаксиса:

<SCRIPT LANGUAGE=”JavaScnpt”>

Здесь находится сценарий

</SCRIPT>

2.7 Дизайн учебника

Элементы, без которых не обходится ни одна web-страница, — фон, текст и гипертекстовые ссылки — ставят интересную задачу гармонизации трех (или четырех, если учитывать цвет «посещенных» ссылок) цветов, занимающих в композиции резко различающиеся площади и выполняющих разные функции. Есть немало страниц с минимумом графики и достаточно ординарной композицией, которые привлекают и запоминаются исключительно своей цветовой гаммой.[19;20;21]

Первое требование к паре цветов для фона и текста — достаточный контраст между ними, необходимый для комфортного, неутомительного чтения. Контраст этот должен, прежде всего, выражаться в различной яркости цветов, так как разница только в тоне или насыщенности не позволит сознанию различать текст и фон с достаточным автоматизмом, а для текста с небольшим кеглем его тональная окраска или степень насыщенности вообще с трудом различимы (кроме того, эти параметры цвета теряются на черно-белых устройствах вывода).

Одно из возможных цветовых решений — со светлым текстом и темным фоном кажется более привлекательным. Поскольку буквы текста занимают существенно меньшую площадь, чем фон, любой достаточно темный цвет для текста норовит превратиться в черный. Поэтому для текста выгоднее выбирать светлый и насыщенный оттенок, которому, естественно, требуется темный фон. Нужно также учитывать, что светлый текст на темном фоне, хотя и уступает по комфортности длительного чтения черному тексту на белом, в небольших объемах меньше утомляет глаз, так как ограничивает общее количество света, получаемое от монитора (к сожалению, у многих пользователей мониторы настроены так, что белый фон страницы почти моментально вызывает резь в глазах).

Печать текста белым по черному применяется иногда и в журнальной верстке, однако, только на экране компьютера эта цветовая схема открыла все заложенные в ней возможности. Любой достаточно темный цвет в качестве фона звучит сдержанно, благородно, даже таинственно; любой светлый цвет для текста становится по-особому ярким и выразительным. Пожалуй, теперь такие цветовые сочетания уже ни у кого не ассоциируются с чем-то мрачным или траурным, так что свобода творчества ничем не ограничена.

Есть, тем не менее, одно ограничение технического плана. Фоновый цвет, который хочет выглядеть именно цветом, а не бесцветным черным, обязан быть достаточно насыщенным, — «ночью все кошки серы», и слишком слабая примесь основного тона будет в темном цвете трудно различима, несмотря даже на большую площадь, занимаемую этим цветом. Насыщенность цвета текста может при этом поддерживать насыщенность фона, а может, контрастировать с ней. Чтобы подчеркнуть цвет фона, на экране расположены цветные мерцающие звездочки, имитирующие звездное небо. Выплывающая из бесконечности заставка школы создает эффект глубины изображения, придает плоским изображениям третье измерение.

3 Методическое обеспечение

3.1 Руководство по инсталляции

Чтобы разместить сайт в сети Internet, необходимо открыть сайт с адресом http://www.tbns.net/, затем перейти в окно "Free Services", далее на Web-Hosting, затем - SignUp Today, щелкнуть на SignUp Now! Следующий шаг – необходимо будет заполнить предложенную форму, при этом необходимо удостовериться, что ваше имя и адрес записаны верно. Вам будет выслана необходимая информация на ваш электронный счет, здесь важно не забыть свой пароль и пора подумать о будущем логине. Ваш сайт будет располагаться по адресу www.tbns.net/<ваш login>. Например,

если ваш логин = solidworks, то адрес будет

address=www.tbns.net/solidworks

Когда вы получите письмо от администратора, вам необходимо будет ответить на него. Далее в течении 2-х суток ваш счет будет установлен. После этого вы можете войти в свой счет с их первой страницы. Оттуда вы уже можете загрузить свои файлы на их сервер.

3.2 Руководство пользователя

Чтобы просмотреть сайт школы, пользователю необходимо иметь компьютер, модем, выход в интернет и браузер Internet Explorer 4.0 или выше.[22] Первая страница, на которую попадает пользователь, называется главной. (Рисунок 5) Она имеет вид таблицы, в ячейках которой расположены элементы страницы - гиперссылки, логотип школы и e-mail. Граница таблицы имеет толщину 0, поэтому ее на экране не видно.

Рисунок 5 – Главная страница

Сразу под анимированным логотипом школы Завтрашнего Дня, располагается текст в рамке, являющийся гиперссылкой, призванный заинтриговать читателя. При нажатии на этот текст, пользователь переходит на следующую страницу (см. рисунок 4 на стр. 39 и 6), где видные педагогические авторитеты высказываются о необходимости реформ, либо о состоянии народного образования в целом, что опять же подтверждает остроту вопроса реформирования школы. С этой страницы возможен переход только на главную страницу.

Рисунок 6 – Современная школа

Возвратясь на главную страницу, читатель уже понял, что с общественным образованием надо что-то делать, но что именно еще не решил. И тут Школа Завтрашнего Дня предлагает свой выход из ситуации. Именно так называется ссылка внизу экрана. При нажатии на нее читатель попадает на страницу, очень кратко, буквально в двух словах, представляющую ШЗД (Школу Завтрашнего Дня). (Смотрите рисунок 7) С этой страницы, как и впрочем, со всех остальных, можно перейти на любую другую страницу сайта.

Рисунок 7 – Школа завтрашнего дня

Для этого существует удобная система навигации по сайту, представляющая собой закрепленные вверху экрана ссылки, остающиеся неподвижными даже при прокрутке страницы. Но вернемся к главной странице.

Слева от эмблемы расположена ссылка «Наша история», ее название говорит само за себя. (Смотрите рисунок 8) На странице представлена краткая история школы от идеи создания до настоящих дней с фотографией основателей - семьи Эккельбаргеров.

Рисунок 8 – Наша история

Под "Нашей историей" расположены "Наши будни", расказывающие о повседневной жизни школы. (Смотрите рисунок 9) Эта страница постоянно прокручивается без участия пользователя. На этой странице есть возможность связаться со школой по электронной почте или непосредственно с автором сайта. Справа от логотипа расположена ссылка «Почему мы лучшие», где в полной мере используется сценарий Java-Script для анимации текста. (Смотрите рисунок 10) На странице проводится сравнительный анализ ШЗД на примере Казахстано-Американской английской школы и обычной школы.

Рисунок 9 – Наши будни

Под этой ссылкой находится школьный е-mail, при нажатии на который запускается Outlook Express, если он установлен на данной машине.

Помимо этих ссылок, в сайте еще присутствуют другие страницы, переход на которые возможен со всех страниц, кроме главной.

Рисунок 10 – Почему мы лучшие

Так, есть страница, называемая "Основы нашей философии", которая изобилует таблицами, фреймами и Java скриптами. На этой странице анимированный текст объясняет принципы, на которых построена ШЗД.

Кроме нее есть еще одна страница, которая называется "5 законов обучения". Педагогические исследования д-ра Ховарда и его команды привели к открытию 5 законов обучения, которые имеют свое обоснование в Библии. Эти законы, которые служат фундаментом для "Основ нашей философии" прошли многолетнюю практику по всему миру и отлично зарекомендовали себя.

4

4.

4. Программное обеспечение

4.1 Выбор общесистемного программного обеспечения

В качестве операционной системы была выбрана Windows 9x по целому ряду причин. [23;34]

Во-первых, она является одной из наиболее распространенных на сегодняшний день. Создавать программу, работающую на основе OS/2, было бы не рационально.