Разработка информационного ресурса "Вуз - территория здорового образа жизни"
Дипломная работа - Компьютеры, программирование
Другие дипломы по предмету Компьютеры, программирование
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ
ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ
ДАЛЬНЕВОСТОЧНЫЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
Институт физики и информационных технологий
Кафедра электроники
Факультет информационных технологий
Разработка информационного ресурса
Вуз - территория здорового образа жизни
Курсовая работа
Студента группы 146
Гордеева А.Е.
Научный руководитель
Должиков С.В., к.ф-м.н., доцент ДВГУ
Владивосток 2010г.
Содержание
Введение
. Постановка задачи
. Выполнение
.1 Выбор цветовой схемы
.2 Дизайн
Пункт 2.2.1 HTML
Пункт 2.2.2 Язык разметки CSS
Пункт 2.2.3 Java-scripts
Заключение
Приложения
Введение
В данной работе описывается построение сайта на заказ Дальневосточного государственного университета и подробно описываются его особенности.
1. Постановка задачи
Необходимо в краткие сроки разработать сайт, в строгом, деловом стиле, непосредственное содержание для которого (т.н. контент, материал) будет дано позже. Задача разбивается на подзадачи:
разработка цветовой схемы для сайта
разработка дизайна (с расположением меню)
придание материалу стилистики сайта, помещение на сайт
при наличии времени - ввод дополнительных элементов дизайна
Технического задания, как такового, не было. После завершения каждого этапа работы, проект демонстрировался ответственному лицу и, в случае аттестации, проект переходил к следующему этапу.
Стоит отметить, что такой подход аналогичен каскадному типу проектирования информационных систем (и вообще программ, приложений, пакетов и т.д.)
2. Выполнение
2.1 Выбор цветовой схемы
Цветовая схема деловых сайтов обычно состоит из двух неярких цветов (и их оттенков для динамичных элементов). Предельный вариант такой схемы - черное с белым, но от этой схемы было решено отказаться в пользу более приятных глазу цветов. Успокаивающим глаз считается голубой цвет и его оттенки. Контрастным цветом для голубого цвета является желтый цвет. Однако, черный цвет является наиболее удобным для чтения. Таким образом была определена следующая цветовая схема: синий фон сайта, голубой фон текстовых блоков, черный цвет для текста и желтый цвет для элементов типа ссылок, цель которых - привлечь внимания посетителя сайта.
Кроме того, в меню сверху для придания динамичности, цвет текста был заменен на белый.
2.2 Дизайн
Поскольку стилистика сайта была определена как деловая, для расположения элементов сайта была выбрана классическая схема с горизонтальным меню сверху, вертикальным слева и контент материалом, занимающим большую часть экрана под горизонтальным меню (рисунок 1):
Рисунок 1 - Схема расположения элементов сайта
Такое расположение элементов меню дает пользователю интуитивно-понятный интерфейс передвижения по сайту.
Дизайн сайта составлялся с помощью кода HTML с применением средств языка каскадных таблиц CSS. Для написания не использовались никакие WYSIWYG-редакторы, правка кода осуществлялась в обычном Блокноте (Notepad), поставляемом вместе с Windows, что гарантировало чистоту и понятность кода.
Как видно из схемы, сайт имеет табличный вид. Реализация была обеспечена средствами HTML методом комбинированных таблиц. Метод комбинированных таблиц подразумевает использование вложенных друг в друга разнообразных таблиц с абсолютными и относительными размерами. Как правило, стили таких таблиц подробно описываются в CSS, оперируя видимостью, толщиной, цветом и типом границ отдельно по каждой стороне (верхней - top, нижней - bottom, правой - right, левой - left).
В верхнее меню были вынесены ссылки на основные страницы сайта, названия которых совпадали с ключевыми словами семантики задачи: Спорт и Здоровье. Кроме того, вверх была вынесена ссылка Об университете и Контакты.
Боковое меню содержит прочие ссылки на более конкретизированные страницы: документы, новости и др. Кроме того, в меню добавлен раздел Ссылки, в котором присутствуют основные ссылки на внешние сайты, связанные тематикой ДВГУ, спорт, здоровье, а также указан телефон молодежного центра ДВГУ.
Пункт 2.2.1 HTML
В сайте использовались следующие стандартные теги:
Теги форматирования документа:
1.Тег определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
2.Тег определяет видимую часть документа. В этом разделе располагается вся содержательная часть документа (текст статьи, фотографии, формы для заполнения, другие объекты).Тег имеет ряд необязательных атрибутов. Рекомендуется вместо нежелательных атрибутов использовать каскадные таблицы стилей. Начальный и конечный теги необязательны
Атрибуты:
Bgcolor
Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет, либо используя константы цвета, например для желтого цвета, используемой на данной странице
background
Указывает на url-адрес изображения - фона документа
text
Нежелательный. Устанавливает цвет текста документа, использ