Разработка web-сайта ТФ МГУКИ. Создание информационного массива "Учебная часть"
Дипломная работа - Компьютеры, программирование
Другие дипломы по предмету Компьютеры, программирование
еню, которая указывает на главную страничку и еще одно изменение это не показан счетчик посещений пользователей. Меняется только содержательность страниц, в зависимости от названия.
Единственное отличие от всех других страниц сайта это страничка газеты ТФ МГУКИ. Она выполнена в другой структуре и внешнем виде, так как там представлена информация совершенно другого вида и формата. Это ознакомительная информация говорящая о событиях, праздниках, мероприятий происходящих в ВУЗе.
Оформление этой страницы было взято с печатного оригинала, заголовок полностью соответствует, далее представлены фотографии первых страниц выпускаемых в печатном виде для лучшей наглядности пользователя. Так же указывается номер выпуска, ссылки на подробное описание данного выпуска представленного на рисунке 4 и есть возможность скачать оригинал печатной газеты в архиве.
Архив позволяет сжать документацию в несколько раз, что удобно для пользователей сети Интернет. Все газеты в архиве хранятся в папке с названием выпуска. Газеты создавались при помощи Microsoft Office Word и содержат расширеннее *.doc, так как выпускается данная газета не большим тиражом и при помощи преподавателей ВУЗа, а так же студентов.
Страничка краткого обзора выпуска описывает краткое содержание определенного выпуска, в каждой таблице представлен заголовок статьи и сопровождающий ее рисунок, что удобно вкратце ознакомится с содержанием страницы. Также работают ссылки на полное представление статьи без всякого сокращения. В заголовок страницы добавляется номер выпуска газеты и время выхода ее в свет. Табличная форма позволяет, расположить все информацию в удобном для пользователя виде, не загромождая пространство на странице.
Таким образом, описание и создание внешнего вида информационного массива раздела учебная часть выглядит довольно профессионально, так как при ее разработке были учтены все условия создания сайтов, просмотрено несколько сайтов для оценки цветовой гаммы, как графики, так и текстовой составляющей. В итоге получилось отличное сочетание всех функций и содержательных частей.
3.3 Создание динамического меню для навигации по сайту
Разработка динамического меню для сайта это одно из не мало важных условий, которое должен учесть разработчик. Так как меню придает сайту ту уникальную черту, без которой не один сайт не будет выглядеть на отлично. Поэтому для сайта было создано свое меню, со своей динамикой действий и определенной графикой.
Существует множество вариантов динамических меню, такие как горизонтальные и вертикальные, для этого сайта было выбрано вертикальное, наиболее подходящее для разработанной ранее структуры сайта, вписывающееся также в фоновую составляющую.
Перед тем как писать программный код для динамического меню были созданы фоновые или как еще их можно назвать графические рисунки, специально разработанные для меню, которые включают в себя заголовки меню и подзаголовки, так как на некоторых страничках пришлось использовать перекрестные ссылки и довольно большой подзаголовок на расписание учебных занятий.
Все фоновые рисунки меню делятся на три уровня представленных, на рисунке1. Они различаются цветовой гаммой, первый уровень темно синий цвет, второй содержит два оттенка темно синий и голубоватый, в терьем уровне, как и во втором, учитывается цвет предидущего и добавляется новый серый оттенок. Это позволяет различать содержание каждого меню и под
меню, для лучшей визуализации динамического меню.
Рисунок 1 - Уровни фоновой графики меню
После того как были разработаны графические рисунки, можно приступать к написанию скрипта. Он делится на две части в первой описывается главный код меню и вставляется в тег . Это основная часть, от которой зависит правильность работы всего меню. Во второй части кода описывается количество страниц, их название, а также регулируется место положение самого меню на страничке относительно левой и верхней частей странички, скорость открытия меню, то есть его развертывания. Эта часть скрипта вставляет в само тело сайта, не посредственно там, где меню должно находится. Также задается полный путь ссылок на странички сайта, дается каждому уровню название соответствующее той страничке, на которую будет осуществлен переход.
Разработанное динамическое меню обладает функциональностью применения, легкостью добавления в меню новых категорий и подкатегорий, исправлении уже существующих разделов, при этом не надо исправлять огромное количество кода, достаточно заменить или добавить новое название, остальное разработанный скрипт сделает сам.
Конечный результат полученного динамического меню представлен на рисунке2
Рисунок 2 Конечный вариант динамического меню
На котором изображено три уровня взаимодействия всего меню. Первый рисунок показывает стандартное положение динамического меню. Второй рисунок показывает второй уровень, при нажатии на одну из клавиш меню раскрывается и открывается конечная ссылка на данную страничку сайта. Третий графический рисунок представляет пример под меню с некоторыми ссылками, так как используется один под заголовок, и пришлось прибегнуть к такой системе действий.
Таким образом, с помощью языка JavaScript было разработано динамическое меню, подходящее по всем параметрам к разработанной структуре и внешнему виду сайта учебного заведе