Добавлен: 28.06.2023
Просмотров: 70
Скачиваний: 3
Приложение А. Программный код разработанного веб-сайта
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Кафедра информационных технологий</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<div class="header">
<a href="index.html"><img src="image/logo.png" alt="Логотип" name="Insert_logo" width="10%" height="110" id="Insert_logo" target="_blank" /></a>
<h1 id="heder_H1">Кафедра информационных технологий</h1>
<ul class="bmenu"><!--
--><li><a href="index.html" target="_blank">Главная</a></li><!--
--><li><a href="stydent.html" target="_blank">Студенту</a></li><!--
--><li><a href="abityr.html" target="_blank">Абитуриенту</a></li><!--
--><li><a href="sotr.html" target="_blank">Сотруднику</a></li><!--
--><li><a href="contact.html" target="_blank">Обратная связь</a></li><!--
--><li><a href="autor.html" target="_blank">Об авторе</a></li><!--
--></ul>
<!-- end .header --></div>
<div class="content">
<h1>Информационные технологии</h1>
<p>Кафедра «Информационные технологии» была создана в 1997 году. Исполняющим обязанности заведующего кафедрой был назначен профессор кафедры ПМ и ВТ Соболь Б.В., который является заведующим в настоящее время.</p>
<p>ПНа кафедре реализуются направления бакалавриата и магистратуры. Выпускники кафедры продолжают образование по послевузовским программам.</p>
<p>В 2002 году на базе «ДГТУ» организовано структурное подразделение кафедры «Информационные технологии» «Центр факультативной компьютерной подготовки».</p>
<p> В настоящее время кафедра «Информационные технологии» входит в состав факультета «Информатика и вычислительная техника» «Донского государственного технического университета».</p>
<p>2 декабря 2009 года заместитель Председателя Правительства России А.Д. Жуков вручил премии Правительства РФ 2009 года в области образования преподавателям, ученым вузов страны. Премия присуждена за научно-практическую разработку «Методическое, организационное и научное обеспечение функционирования региональной образовательной системы «школа-вуз». Среди лауреатов премии два сотрудника кафедры «Информационные технологии» – зав. кафедрой Соболь Борис Владимирович и доцент Рашидова Елена Викторовна.</p>
<!-- end .content --></div>
<div class="footer">
<div class="data">
<!-- #BeginDate format:fSw1m -->Суббота 24 Февраль, 2018 9:53<!-- #EndDate -->
<em><p> © Иванов Иван</p></em>
</div>
<ul class="fmenu">
<li><a href="index.html">Главная</a></li>
<li><a href="student.html">Студенту</a></li>
<li><a href="abityr.html">Абитуриенту</a></li>
<li><a href="sotr.html">Сотруднику</a></li>
<li><a href="contact.html">Обратная связь</a></li>
<li><a href="autor.html">Об авторе</a></li>
</ul>
<!-- end .footer --></div>
<!-- end .container --></div>
</body>
</html>
@charset "utf-8";
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #D3D3D3;
margin: 0;
padding: 0;
color: #000;
}
/* ~~ Селекторы элементов/тегов ~~ */
ul, ol, dl { /* Из-за различий между браузерами рекомендуется обнулять поля в списках. Для согласованности можно указать нужные величины либо здесь, либо в элементах списка (LI, DT, DD), которые они содержат. Помните, что сделанное здесь последовательно включается в список .nav, если только не будет прописан более конкретный селектор. */
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* удаление верхнего поля позволяет обойти проблему выхода полей за границы содержащего их контейнера DIV. Оставшееся нижнее поле отделит его от любых последующих элементов. */
padding-right: 15px;
padding-left: 15px; /* добавление боковых полей к элементам внутри контейнеров DIV, а не к самим контейнерам избавляет от необходимости расчетов рамочной модели. В качестве альтернативы можно использовать вложенный контейнер DIV с боковыми полями. */
}
a img { /* этот селектор убирает стандартную синюю рамку, которая появляется у изображений в некоторых браузерах, если вокруг изображения есть ссылка */
border: none;
}
/* ~~ Оформление ссылок на вашем сайте должно оставаться в этом порядке, включая группу селекторов, создающих эффект наведения. ~~ */
a:link {
color: #7A7A7A;
text-decoration: none; /* если только ссылки не должны выглядеть исключительно своеобразно, то для быстрого зрительного распознавания рекомендуется использовать подчеркивание */
}
a:visited {
color: #4E5869;
text-decoration: none;
}
a:hover, a:active, a:focus { /* эта группа селекторов обеспечивает пользователю, работающему с клавиатурой, такие же возможности наведения, как и при использовании мыши. */
text-decoration: none;
color: #333;
}
/* ~~ этот контейнер окружает все остальные контейнеры DIV, задавая их ширину на процентной основе ~~ */
.container {
width: 90%;
max-width: 1260px;/* желательно задать максимальную ширину, чтобы макет не стал слишком широким на большом экране. Это повышает удобство чтения строк. В IE6 это объявление не соблюдается. */
min-width: 780px;/* желательно задать минимальную ширину, чтобы макет не стал слишком узким. Это повышает удобство чтения строк в боковых столбцах. В IE6 это объявление не соблюдается. */
background: #FFF;
margin: 0 auto; /* автоматическое задание величин по бокам в совокупности с шириной центрирует макет. Это необязательно, если ширина контейнера составляет 100 %. */
}
/* ~~верхнему колонтитулу не задана ширина. Он растянется по всей ширине макета. Он содержит заполнитель для изображения, который должен быть заменен логотипом по ссылке~~ */
.header {
background: linear-gradient(to bottom, rgba(72, 85, 108, 0.87), rgb(27, 33, 43));
}
#Insert_logo{
margin: 5px;
}
#heder_H1{
color: #d3d3d3;
float: right;
font-family: Garamond, serif;
font-size: 50px;
font-weight: normal;
}
.bmenu{
padding: 0px;
margin: 0px 0 10px 0;
position: relative;
}
.bmenu li{
font-size: 20px;
font-family: Garamond, serif;
display: inline;
}
.bmenu li a{
display: inline;
text-transform: uppercase;
text-shadow: 0px 0px 2px #eeb213;
color: #eeb213;
padding: 5px 10px 0px 50px;
margin: 0px;
background: rgba(0,0,0,0.7);
letter-spacing: 1px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.bmenu:hover li a{
text-shadow: 0px 0px 10px #eeb213;
color: transparent;
background: rgba(0,0,0,0.2);
}
.bmenu li a:hover{
background: rgba(0,0,0,1.0);
text-shadow: 0px 0px 1px #eeb213;
}
/* ~~ Информация по макету. ~~
1) Поля размещены только вверху и/или внизу DIV. Элементы в этом DIV имеют боковые поля. Это избавляет пользователя от необходимости расчетов рамочной модели. Помните, что при добавлении боковых полей или границы к самому DIV их ширина будет добавлена к задаваемой ширине, что образует "полную" ширину. Кроме того, можно удалить поля элемента в DIV и поместить внутри него второй DIV без ширины и с необходимыми по проекту полями.
*/
.content {
padding: 10px 0;
}
/* ~~ Этот сгруппированный селектор выдает списки в пространстве .content ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px; /* это поле зеркально повторяет правое поле в правиле для заголовков и параграфов выше. Внизу поле помещено как граница между элементами списков, а слева — как отступ. Поля можно настраивать по желанию. */
}
/* ~~ Нижний колонтитул ~~ */
.fmenu {
padding: 10px;
margin: 5px 0 10px 0;
position: relative;
}
.fmenu li{
font-size: 15px;
font-family: Garamond, serif;
display: inline;
color: white;
}
.fmenu li a{
color: white;
}
.data{
color:#FFF;
float:right;
margin: 5px 0 10px 0;
position: relative;
padding: 10px;
}
.footer {
padding: 10px 0;
background: #6F7D94;
}
/*style table*/
.table{
margin: 0 auto;
}
th, caption {
font-size: 13px;
font-weight: normal;
background: #b9c9fe;
border-top: 4px solid #aabcfe;
border-bottom: 1px solid #fff;
color: #039;
padding: 8px;
}
td {
background: #e8edff;
border-bottom: 1px solid #fff;
color: #669;
border-top: 1px solid transparent;
padding: 8px;
}
tr:hover td {background: #ccddff;
}
/*end style table*/
/*style form*/