48571 (Разработка информационного ресурса "История кафедры информатики и вычислительной техники"), страница 2

Родился в ноябре 1964 года. После окончания Тульского областного медицинского училища, поступил на службу в армию. По возвращении поступил в ТГПИ имени Л.Н. Толстого. Будучи студентом 2‑го курса начал работу в должности лаборанта кафедры информатики и вычислительной техники. По окончании учебы стал инженером лаборантом, периодически совмещая с должностью ассистента. В 2000 году уже старший преподаватель кафедры[2].

Саплин Александр Юрьевич.

В 1985 году окончил физический факультет ТГПИ имени Л.Н. Толстого. В 1988 году был избран на должность ассистента кафедры информатики и вычислительной техники. Заочно закончил аспирантуру института физики земли имени О.Ю. Шмидта. Являлся членом – корреспондентом Академии естественных наук. А с 1995 года был старшим преподавателем кафедры[2].

Иванкина Татьяна Ивановна.

Как и большинство преподавателей окончила ТГПИ имени Л.Н. Толстого в 1981 году. Получила диплом с отличием. Заочно закончила аспирантуру института физики земли имени О.Ю. Шмидта. В 87 году стала ассистентом кафедры информатики и вычислительной техники. В 90 году уже старший преподаватель, а в 96 доцент той же кафедры[2].

Маткина Екатерина Юрьевна.

Родилась 26 сентября 1973 г. В 1990 г. Окончила среднюю школу №33 г. Тула и сразу поступила в ТГПИ им. Л.Н. Толстого на индустриально-педагогический факультет, который окончила с отличием в 1995 г. В этом же году пришла работать на кафедру информационных технологий лаборантом, а через некоторое время перешла на должность ассистента кафедры ИТ. В последствии поступила в аспирантуру. Тема диссертации «Педагогические условия организации информатического процесса образования». В настоящее время работает на кафедре информатики и ВТ ассистентом[1].

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

1.4 Учебно-вспомогательный состав

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

Маткина Ольга Андреевна.

Родилась 9 апреля 1944 г. В Болгарии. Поступила в 1961 г. в Тульский горный институт и в 1996 г. успешно окончила радиотехнический факультет. На кафедре информационных технологий работала со дня ее основания, т.е. с 1993 г., сначала инженером-программистом, а с 1996 г. – электроником. Сейчас работает в той же должности на кафедре информатики и вычислительной техники[1].

Ковалева Елена Валентиновна.

Родилась 16 октября 1964 года в городе Москва. Окончила школу №287 и сразу после окончания поступила в Московский государственный университет имени Н.В. Ломоносова на факультет «Вычислительная математика и кибернетика». По окончании третьего курса перевелась в Тульский политехнический институт. В 1993 году поступила в аспирантуру ТГПИ имени Л.Н. Толстого и работала в должности ассистента[2].

Прусакова Нина Ивановна.

Родилась 9 июля 1939 года в Серпуховском районе. В 1955 году окончила Серпуховской текстильный техникум. С 1988 года работала на кафедре информатики и вычислительной техники лаборантом[2].

1.5 Кафедра сегодня

Кафедра сегодня – это, прежде всего, ее заведующий Якушин Алексей Валерьевич, а так же Персианов Вячеслав Венидиктович, Ванькова Валентина Сергеевна, Мартынюк Юлия Михайловна, Фридланд Александр Яковлевич, Мосина Анжела Николаевна, Ваныкина Галина Владиславовна, Торина Елена Геннадиевна, Сорокина Наталья Владимировна, Соловьев Артем Михайлович, Маткина Екатерина Юрьевна, Валуев Денис Александрович, Добровольский Николай Михайлович, Шулюпов Владимир Алексеевич, Савкина Татьяна Владимировна, Якушина Татьяна Викторовна, Сундукова Татьяна Олеговна, Хабаров Николай Николаевич, Завалишин Роман Дмитриевич. И учебно-вспомогательный состав: Маткина Ольга Андреевна, Цветкова Наталья Евгеньевна, Гордеев Вячеслав Валерьевич, Осмаловская Софья Валерьевна и Овчинникова Татьяна Евгеньевна.

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

2. Практическая часть работы

2.1 Разработка системы навигации и структура сайта

Для оформления сайта, в частности для создания системы навигации, использовался такой специализированный редактор как Xara WebStyle.

При запуске в окне появляется меню. Из предложенных вариантов выбираем интересующий нас пункт NavBars&Menus и попадаем в закладку Designs, которую условно можно разделить на три части (рис. 1).

Рис. 1

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

После выбора стандартного меню в закладке Designs переходим к следующему пункту Text. Этот пункт имеет такую же структуру. В поле с заголовком Edit text имеется возможность изменить текст кнопок, его стиль и шрифт, а также высоту в пикселях.

В закладке Color можно изменить цвет всех элементов меню. Нажатие кнопки Advanced позволяет перейти от простых таблиц цвета к таблицам шестнадцатеричных, процентных и числовых значений интенсивности цветов RGB и HSV.

Пункт Texture предоставляет множество различных фоновых решений, находящихся в папках Dimpled, Exotic, Fibrous, Geometric и так далее. Закладка Bevel используется только для трехмерных изображений и позволяет изменять глубину и ширину текста. Shadow (с английского – «тень») так же не используется для кнопок навигации.

В пункте Size у нас есть возможность задать ширину и длину готового меню в пикселях.

NavBars позволяет создать URL ссылку для каждой кнопки меню. Если страница с заданным именем не существовала ранее, редактор Xara ее создаст с уже готовым меню. Здесь так же можно добавить или удалить кнопку при помощи нажатия соответственно Add или Delete.

В последнем пункте Save предоставляется возможность сохранения с расширениями gif, jpg или png. Далее для того чтобы сохранить получившееся меню необходимо нажать кнопку Save graphic. В появившемся окне можно выбрать папку для сохранения и имена файлов, необходимых для работы кнопок.

Для сайта «История кафедры информатики и вычислительной техники» было выбрано вертикальное меню, состоящее из пяти пунктов:

1) История кафедры информатики вычислительной техники (index.html)

2) Руководители кафедры (direct.html)

3) Профессорско-преподавательский состав (prof.htm)

4) Учебно-вспомогательный состав (science.html)

5) Кафедра сегодня (present.html)

Для удобства работы в конце каждой страницы содержится ссылка на начало. Более подробно структура сайта и страниц будет рассмотрена далее.

2.2 Структура папок и страниц сайта

Структура папок для хранения сайта следующая: первая папка с именем «history» является главной. В ней содержатся все страницы сайта, а так же папка для хранения кнопок навигации с названием «menu» и папка «img» для хранения графических изображений (согласно приложению).

В главной папке, как уже было сказано, хранятся все страницы сайта, файл с именем index.js, который обеспечивает работу меню и файл с таблицами стилей style.css. Выделить главную страницу не представляется возможным, так как они все равнозначны. Но при этом можно выделить логически первую, которая содержит общую информацию по истории кафедры информатики и вычислительной техники. Она имеет имя index.html; ссылка на нее содержится в первом пункте меню.

С этой страницы, как и с любой другой одинаково доступны все остальные (рис. 2).

Рис. 2

Каждая страница имеет единый интерфейс: в верхней части располагается область заголовка, слева находится меню, а справа информационное содержание.

Подобная структура достигается по средствам использования таблицы, состоящей из одной строки и двух столбцов. В теге , определяющем ячейку с меню необходимо указать атрибут valign=top. Этот атрибут выполняет выравнивание по верхнему краю, что обеспечивает фиксированное положение меню.

Общий цвет фона светлый, а текста темный, что обеспечивает приемлемое качество распечатки, на случай если у пользователя возникнет необходимость в этом.

2.3 Таблицы стилей

Подключить таблицы стилей можно несколькими способами. Например, при помощи описания в секции заголовка или inline‑описания. Но наиболее удобным, по моему мнению, является подключение внешнего файла. Диапазон его воздействия распространяется на все файлы, в которые включено описание. В случае если возникнет необходимость изменить внешний вид сайта, достаточно будет изменить содержание только одного стилевого файла (style.css) [3].

Файл с таблицами стилей имеет расширение css и подключается в секции заголовка при помощи тега следующим образом:

…

…

Говоря о синтаксисе таблиц стилей можно выделить три основных группы классов: универсальные, теговые и псевдоклассы.

Универсальные классы можно описать так:

head {

text-align: center;

font-size: xx-large;

color: red;

}

text {

text-align: justify;

font-size: medium;

}

Первый класс head задает внешний вид заголовка. Здесь присутствуют такие параметры, как выравнивание текста по центру и цвет текста – красный. Особое внимание хотелось бы уделить тому, что размер шрифта задается словесно и является относительным. Все параметры записываются в фигурных скобках.

Второй пример определяет внешний вид текста: выравнивание по ширине и относительный размер шрифта medium. В данном случае цвет текста не указан, и по умолчанию он будет черным.

Что бы некоторый текст или элемент страницы сайта был оформлен в стиле универсального класса, необходимо воспользоваться следующей конструкцией:

История кафедры информатики и вычислительной техники

Строка текста «История кафедры информатики и вычислительной техники» будет оформлена в стиле head.

Теговые классы указывают стиль оформления тех элементов, которые заключены в соответствующие теги.

P {

text-indent: 2em;

margin-left: 1em;

margin-right: 1em;

}

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

И последняя группа – псевдоклассы. В отличие от обычного класса, действие его распространяется не на весь текст, к которому применен стиль, а лишь на часть и возможно лишь в определенном состоянии. Следующая строка довольно простой пример псевдокласса.

a: hover {text-decoration: underline;}

Этот псевдокласс определяет внешний вид текста ссылки в момент наведения на нее курсора, а именно появляется подчеркивание текста.