Разработка информационного ресурса "Вуз - территория здорового образа жизни"
Дипломная работа - Компьютеры, программирование
Другие дипломы по предмету Компьютеры, программирование
?рядке приводит к различному виду сайта в разных браузерах.
Кроме того, с помощью псевдо-классов были анимированы маркеры списка в меню (см. рисунок 2)
цветовой сайт тег дизайн
Рисунок 2 - Боковое меню информационного ресурса. Реакция пункта меню "Центр по профилактике наркомании и деструктивных воздействий" на наведение курсором
Пункт 2.2.3 Java-scripts
На сайте использованы Java-Scripts, реализующие выбор случайной фотографии и реакцию кнопок меню на действия пользователя (смена фона). Поскольку данные скрипты используются на каждой из страниц, они вынесены в отдельный документ script.js, ссылка на который присутствует в заголовочной области каждого HTML-документа:
При необходимости вызывать функцию в конкретном месте используется следующий код:
Вызов функции
1.Выбор случайной фотографии реализован с помощью выбора картинки из массива имеющихся с помощью функции: takepic().
Вызов этой функции задает массивы Image[] и Desc[] (от description - описание) и заполняет их значениями: Image[] относительными ссылками на фотографии, Desc[] - описанием фотографий. Затем генерируется случайный номер
var a=Math.round(Math.random()*(Image.length-1))
Максимальный номер определяется исходя из длины массива Image[]. Далее с помощью document.write() соответствующие значения переменных вставляются в короткий текст, оформленный по правилам HTML и после этого помещаются на страницу в месте вызова функции tacepic() (см. Рисунок 3).
Рисунок 3 - Случайная картинка. Результат выполнения takepic().
2.Реакция кнопок меню на действия пользователя описана в функции chbg(t,f).
Функция имеет два параметра: t и f: t сообщает функции, из какого документа эта функция была вызвана (текущий документ, значение this), а f сообщает, находится ли курсор над кнопкой (f==1) или нет (f имеет другое значение).
Если f имеет значение 1, то функция присваивает вызвавшему ее объекту документа фон-картинку tblback2.gif, в противном случае tblback.gif.
Верхнее меню меняет цвет кнопки при наведении на нее курсора, а ссылка подсвечивается (см. рисунок 4)
Рисунок 4 - Вид верхнего меню сайта
Иногда Java-scripts отключают в целях безопасности. Это случается крайне редко, но данный случай необходимо было предусмотреть. Если с меню никаких проблем не возникало, то с вызовом случайной картинки происходил сдвиг левой колонки, нарушая структуру сайта. Для того, чтобы подобного не происходило, после вызова функции был добавлен код:
Корпус института Физики и Информационных Технологий
Как видно, если скрипты отключены, то на странице отображается конкретная статичная картинка, а вид сайта никак не изменяется.
Заключение
Работа была закончена в заданные сроки. В течение недели на сайте велись оптимизационные работы по одинаковому отображению информационного ресурса в разных браузерах (см. Приложения, рисунки 1-3) и изменению стиля некоторых элементов согласно новым пожеланиям заказчика. Сайт прошел аттестацию Керсена Андрея Леонидовича (помошник директора Юридического института ДВФУ по воспитательной работе со студентами) и Соппа Игоря "адимировича (проректор по учебно воспитательной работе ДВФУ). Опубликован в сети 11 марта 2010 года.
Приложения
Рисунок 1 - Вид главной страницы информационного ресурса в интернет-браузере "Опера" версии 10
Рисунок 2 - Вид главной страницы информационного ресурса в интернет-браузере "Internet Explorer 8
Рисунок 3 - Вид главной страницы информационного ресурса в интернет-браузере "Google Chrome" версии 5