Курсовая_работа_Web__Матвиенко._Вариант_0033_д3
.pdf
<table width="100%" border="0" |
cellspacing="0" |
|
cellpadding="0" id="welcome"> |
|
|
<tr> |
|
|
<td |
width="228" |
valign="top" |
align="right">
<p class="font_small"></p>
</td>
<td valign="top" align="right" id="tema">
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr>
<tr><td id="body_txt"> <div id="content">
<div class="inner">
<p><font size="5" color="black" face="Monotype Corsiva">
<span style="font-size: 18.0pt;font-family:"Monotype
Corsiva";color:black">Ми рад</span><span lang="EN-US" style="font-size: 18.0pt; fontfamily: Monotype Corsiva; color: black">i</span><span lang="EN-US" style="fontsize:
18.0pt;font-family:"Monotype Corsiva";color:black"> </span>
<span style="font-size:18.0pt;font-family: "Monotype
Corsiva";color:black">в</span><span lang="ENUS" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">i</span><span style="font-size:18.0pt; font-family:"Monotype
Corsiva";color:black">тати вас!!!</span></font></p>
<p><font size="5" color="black" face="Monotype Corsiva">
<span style="font-size: 18.0pt;font-family:"Monotype Corsiva";color:black">Учбовий заклад:
|
|
Арк. |
|
СумДУ МК І КР 0033 |
20 |
Змн. Арк. № докум. Підпис Дата |
|
|
|
|
|
Ма</span><span lang="UK" style="font-size: 18.0pt; |
||||||
|
font-family: |
Monotype |
Corsiva; |
color: |
|||
|
black">шинобудівний |
|
|
|
|
||
|
коледж СумДУ</span></font></p> |
|
|
|
|||
|
<p><font |
size="5" |
color="black" |
face="Monotype |
|||
|
Corsiva"> |
|
|
|
|
|
|
|
<span lang="UK" style="font-size: 18.0pt; font- |
||||||
|
family: Monotype Corsiva; color: black"> |
|
|||||
|
Спеціальність: для студентів усіх |
спеціальностей |
|||||
|
та рівнів підготовки.</span></font></p> |
|
|||||
|
<p><font |
size="5" |
color="black" |
face="Monotype |
|||
|
Corsiva"> |
|
|
|
|
|
|
|
<span lang="UK" style="font-size: 18.0pt; font- |
||||||
|
family: Monotype Corsiva; color: black"> |
|
|||||
|
Курс 1-2.</span></font></p> |
|
|
|
|||
|
<p><font |
size="5" |
color="black" |
face="Monotype |
|||
|
Corsiva"> |
|
|
|
|
|
|
|
<span lang="UK" style="font-size: 18.0pt; font- |
||||||
|
family: Monotype Corsiva; color: black"> |
|
|||||
|
<div style="float:left; margin-top: 5px; margin- |
||||||
|
left: 10px; margin-bottom: 5px; margin-left: 0px; |
||||||
|
"><img |
src="images/header.jpg" |
style="border- |
||||
|
radius: 30%; border="0"/></div> |
|
|
|
|||
|
Дисципліна: |
|
|
|
"Всесвітня |
||
|
Історія".</span></font></p> |
|
|
||||
|
<p><font |
size="5" |
color="black" |
face="Monotype |
|||
|
Corsiva"> |
|
|
|
|
|
|
|
<span lang="UK" style="font-size: 18.0pt; font- |
||||||
|
family: Monotype Corsiva; color: black"> |
|
|||||
|
Викладачі: Бондаренко Д.І.</span></font></p> |
||||||
|
<p><font |
size="5" |
color="black" |
face="Monotype |
|||
|
Corsiva"> |
|
|
|
|
|
|
|
<span lang="UK" style="font-size: 18.0pt; font- |
||||||
|
family: Monotype Corsiva; color: black"> |
|
|||||
|
&n |
||||||
|
bsp; &nbs |
||||||
|
p; Титаренко А.В.</span></font></p> |
||||||
|
<p><font |
size="5" |
color="black" |
face="Monotype |
|||
|
Corsiva"> |
|
|
|
|
|
|
|
<span style="font-size: |
|
|
|
|||
|
18.0pt;font-family:"Monotype |
|
|
||||
|
Corsiva";color:black">Елеккторнний |
|
|||||
|
п</span><span |
lang="EN-US" |
style="font-size: |
||||
|
18.0pt; font-family: Monotype Corsiva; |
color: |
|||||
|
black">i</span><span style="font-size:18.0pt; |
||||||
|
font-family:"Monotype |
|
|
|
|||
|
Corsiva";color:black">дручник |
|
|
||||
|
включатиме курс з |
|
|
|
|||
|
предмету |
"Всесв</span><span |
lang="EN-US" |
||||
|
style="font-size: 18.0pt; font-family: |
Monotype |
|||||
|
Corsiva; color: black">i</span><span style="font- |
||||||
|
size:18.0pt;font-family:"Monotype |
|
|||||
|
Corsiva"; |
|
|
|
|
||
|
|
|
|
|
|
|
Арк. |
|
|
|
СумДУ МК І КР 0033 |
|
21 |
||
Змн. Арк. № докум. |
Підпис Дата |
|
|
|
|
|
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
color:black">тня </span>
<span lang="EN-US" style="font-size: 18.0pt; fontfamily: Monotype Corsiva; color: black"> I</span><span style="font-size:18.0pt;font- family:"Monotype Corsiva"; color:black">стро</span><span lang="UK" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">і</span><span style="font- size:18.0pt;font-family:"Monotype Corsiva"; color:black">я"</span></font></p>
<p><font size="5" |
color="black" |
face="Monotype |
||
Corsiva"> |
|
|
|
|
<span style="font-size: |
|
|
||
18.0pt;font-family:"Monotype |
|
|||
Corsiva";color:black">Навчальна програма |
||||
складатиметься |
з |
35 |
год |
7,8,9,10,11-го |
класу.</span></font></p> |
|
|
||
<p class="MsoNormal"><font |
size="3" |
face="Monotype |
||
Corsiva"> |
|
|
|
|
<span style="font-size: |
|
|
||
12.0pt;font-family:"Monotype |
|
|||
Corsiva""> </span></font></p> |
||||
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div id="scrollup"> |
|
|
||
<img |
src="images/up.png" |
class="up" |
||
alt="Прокрутить вверх" />
</div>
</td>
</tr>
<tr><td align="center" id="bottom_menu">
<p> </p>
<a href="index.html">Головна</a> |<a href="slovar.html">Словник Термінів</a> |<a href="biograph_dov.html">Біографічний довідник</a> |<a href='connect.html'>Контакти</a>
<p> </p>
<div class="footer">
<p>Сайт розробив <span> <a target=_new href
="https://vk.com/matvienko_bogdan"
title="Cторінка ВК Матвієнко Богданна.">Матвієнко Богдан</A></span>.<p>
<p>© 2015. Всі права захищені.</p>
</div>
<p> </p>
</div>
</div>
</article> </div> </html>
|
|
Арк. |
|
СумДУ МК І КР 0033 |
22 |
Змн. Арк. № докум. Підпис Дата |
|
|
|
|
Додаток Б
Код каскадної таблиці стилів «drop_gor_menu.css»:
ul.menu { margin: auto; padding: 0; height: 30px; width: 100%;
background: url("images/gor_menu_hover") repeat-
x;
}
ul.menu li {
background: url("images/gor_menu_punkt.png") 12px 5px no-repeat;
float: left; list-style: none;
}
ul.menu li a { color: #8B4513; display: block;
padding: 6px 32px 0px; text-decoration: none;
}
ul.menu li a:hover {
background: url("images/gor_menu_punkt.png.png") 12px 5px no-repeat;
}
ul.menu li ul { display: none; margin-left: 12px; padding: 0px;
}
ul.menu li:hover ul { display: block; position: absolute;
}
ul.menu li:hover ul li { float: none;
}
|
|
СумДУ МК І КР 0033 |
|
Змн. Арк. |
№ докум. |
Підпис Дата |
|
Розроб. |
Матвієнко Б.І. |
Літера Аркуш |
Аркушів |
Перевір. |
Ананченко Ю.М. |
23 |
40 |
Реценз. |
|
Додаток Б |
|
|
|
|
|
Н. Контр. |
|
411-ік група |
|
Затверд. |
|
|
|
ul.menu ul li { color: #8B4513;
background: url("images/gor_menu_punkt.png") 12px 5px no-repeat;
padding: 6px 12px 0px;
}
ul.menu ul li:hover { color: #8B4513;
background: url("images/gor_menu_hover.png") repeat-x;
padding: 6px 12px 0px;
}
ul.menu ul li a { color: #8B4513; padding: 6px 12px 0px;
}
ul.menu ul li a:hover {
background: url("images/gor_menu_hover") repeat-
x;
color: #FF7F50; padding: 6px 12px 0px;
}
ul.menu li:hover ul li a { padding: 0px 0 8px;
} |
|
#container_2 { |
|
min-width:1100px; |
|
width:100% |
|
text-align: left; |
|
margin: 0 auto; |
|
background: none; |
|
#slider-container21 |
{ width: 100%} |
#djslider-loader21 |
{width: 100%} |
#djslider21 { width: 71%}
.images img{width:70%;padding:200px 0;}
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px;
text-align: center;
}
background: url(images/12.jpg); background-repeat: no-repeat;
/* если ширина окна <= 1000px ... */ /*открываем media query*/
@media screen and (max-width: 1000px) {
|
|
Арк. |
|
СумДУ МК І КР 0033 |
24 |
Змн. Арк. № докум. Підпис Дата |
|
|
|
|
/* Делаем основной контент немного шире */
#content { width: 75%;
}
/* Переносим навигацию наверх сайдбара */
#nav, #sidebar { width: 25%;
}
/* Регулируем отступы сайдбара */
#sidebar .inner { margin-right: 0; margin-top: 20px;
}
.page {
min-height: 100%; height: auto !important; height: 100%; background: #999;
}
#content { float: left; width: 65%;
margin: 0 0 20px 0; padding: 0;
}
#content .inner { margin-right: 20px; padding: 20px; color: #333; background: #E0E4CC;
}
.wrap {padding-bottom: 100px;}
.footer { height: 100px;
margin-top: -100px; background: #f00;
}
@media screen and (max-width: 980px) { #pagewrap {
width: 95%;
}
#content { width: 60%;
padding: 3% 4%;
|
|
Арк. |
|
СумДУ МК І КР 0033 |
25 |
Змн. Арк. № докум. Підпис Дата |
|
|
|
|
#sidebar { width: 30%;
}
#sidebar .widget { padding: 8% 7%; margin-bottom: 10px;
}
|
} |
|
|
|
|
|
/*закрываем media query*/ |
|
|
|
|
|
-moz-background-size: 100%; /* Firefox 3.6+ |
||||
|
*/ |
|
|
|
|
|
-webkit-background-size: 100%; /* Safari |
||||
|
3.1+ и Chrome 4.0+ */ |
|
|
|
|
|
-o-background-size: 100%; /* Opera 9.6+ */ |
||||
|
background-size: |
100%; |
/* |
Современные |
|
|
браузеры */ |
|
|
|
|
|
li { |
|
|
|
|
|
display: inline-block; /* Строчно-блочные |
||||
|
элементы */ |
|
|
|
|
|
background: #CA181A; /* Цвет фона */ |
|
|||
|
margin-right: 3px; /* Расстояние между |
||||
|
пунктами меню */ |
|
|
|
|
|
-webkit-transform: skewX(-30deg); /* |
Для |
|||
|
Safari и Chrome */ |
|
|
|
|
|
-moz-transform: |
skewX(-30deg); |
/* |
Для |
|
|
Firefox */ |
|
|
|
|
|
-o-transform: skewX(-30deg); /* Для Opera */ |
||||
|
-ms-transform: skewX(-30deg); /* Для IE */ |
||||
|
transform: skewX(-30deg); /* CSS3 */ |
|
|||
|
} |
|
|
|
|
|
a { |
|
|
|
|
|
color: #fff; /* Цвет ссылок */ |
|
|
||
|
display: block; /* Блочный элемент */ |
|
|||
|
padding: 5px 15px; /* Поля вокруг текста */ |
||||
|
text-decoration: |
none; |
/* |
Убираем |
|
|
подчѐркивание */ |
|
|
|
|
|
-webkit-transform: skewX(30deg); /* Для |
||||
|
Safari и Chrome */ |
|
|
|
|
|
-moz-transform: skewX(30deg); /* Для Firefox |
||||
|
*/ |
|
|
|
|
|
-o-transform: skewX(30deg); /* Для Opera */ |
||||
|
-ms-transform: skewX(30deg); /* Для IE */ |
|
|||
|
transform: skewX(30deg); /* CSS3 */ |
|
|||
|
} |
|
|
|
|
|
li:hover { |
|
|
|
|
|
background: #333; /* Цвет фона при наведении |
||||
|
курсора мыши */ |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
#footer { height: 50px; |
|
|
|
|
|
background: #f7f7f7; |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
|
|
Арк. |
|
СумДУ МК І КР 0033 |
|
|
26 |
|
Змн. Арк. № докум. |
Підпис Дата |
|
|
|
|
|
|
|
|
||
bottom: 0; width:
100%;background:url(images/12.jpg);background- repeat:repeat-x;font-family:Times;font- size:14px;font-weight:bold;color:#ee7e1f;text- align:center;text-decoration:none;padding:25px 0 0 0 }
#footer span{color:white;}
.designedby {font-family:Arial;font- size:11px;font-weight:bold;color:#ee7e1f;text- align:center;text-decoration:none}
.designedby:hover {font-family:Arial;font- size:11px;font-weight:bold;color:#ee7e1f;text- align:center;text-decoration:underline}
.xhtml, .xhtml:hover {width:66px;height:17px;float:left;margin:0;padding :1px 0 0 0;font-family:Arial;font- size:11px;color:#000;text-align:center;text- decoration:none;background:url(images/xhtml.jpg) no-repeat}
.css, .css:hover {width:66px;height:18px;float:left;margin:0 0 0 5px;padding:0;font-family:Arial;font- size:11px;color:#000;text-align:center;text- decoration:none;background:url(images/xhtml.jpg) no-repeat}
.printSelected
div{display:none;background:white;color:black;}
.printSelected h1,.printSelected h2,
.printSelected p{color:black;}
.printSelected
div.printSelection{display:block;}
.printSelected div.printSelection div{display:block;}
|
|
Арк. |
|
СумДУ МК І КР 0033 |
27 |
Змн. Арк. № докум. Підпис Дата |
|
|
|
|
Додаток В
Код обробки для сторінки самоконтролю «1914—1918.html»:
<html>
<head>
<link rel="stylesheet" href="scrollup.css" type="text/css" media="screen">
<script src="scrollup.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="styledmenus.com" />
<title>Всесвітня Історія Е.П.</title>
<link rel="stylesheet" href="drop_gor_menu.css" type="text/css" />
<link rel="icon" href="images/icon.ico" /> </head>
<style> body {
background: url(images/12.jpg) no-repeat; -moz-background-size: 20%; /* Firefox 3.6+ */ -webkit-background-size: 100%; /* Safari 3.1+ и
Chrome 4.0+ */
background-position: left, right; background-repeat: repeat-y, repeat-y; -o-background-size: 100%; /* Opera 9.6+ */ background-size: 100%; /* Современные браузеры
*/
li {
display: inline-block; /* Строчно-блочные элементы */
background: #CA181A; /* Цвет фона */ margin-right: 3px; /* Расстояние между пунктами
меню */
-webkit-transform: skewX(-30deg); /* Для Safari
и Chrome */
-moz-transform: skewX(-30deg); /* Для Firefox
*/
-o-transform: skewX(-30deg); /* Для Opera */ -ms-transform: skewX(-30deg); /* Для IE */ transform: skewX(-30deg); /* CSS3 */
}
a {
color: #fff; /* Цвет ссылок */ display: block; /* Блочный элемент */
padding: 5px 15px; /* Поля вокруг текста */
|
|
СумДУ МК І КР 0033 |
|
Змн. Арк. |
№ докум. |
Підпис Дата |
|
Розроб. |
Матвієнко Б.І. |
Літера Аркуш |
Аркушів |
Перевір. |
Ананченко Ю.М. |
28 |
40 |
Реценз. |
|
Додаток В |
|
|
|
|
|
Н. Контр. |
|
411-ік група |
|
Затверд.
text-decoration: none; /* Убираем подчѐркивание
*/
-webkit-transform: skewX(30deg); /* Для Safari
и Chrome */
-moz-transform: skewX(30deg); /* Для Firefox */ -o-transform: skewX(30deg); /* Для Opera */ -ms-transform: skewX(30deg); /* Для IE */ transform: skewX(30deg); /* CSS3 */
}
li:hover {
background: #333; /* Цвет фона при наведении курсора мыши */
}
}
</style> |
|
<script |
type="text/javascript" |
language="javascript" src="js/jquery.js"></script>
<script |
type="text/javascript" |
language="javascript" src="js/menu.js"></script> |
|
<script |
type="text/javascript" |
language="javascript"> |
|
function printBlock() {
PrintContent = $('#PrintContent').html(); $('body').addClass('printSelected'); $('body').append('<div
class="printSelection">'+PrintContent+'</div>');
window.print();
window.setTimeout(pageCleaner,0); return false;
}
function pageCleaner(){ $('body').removeClass('printSelected'); $('.printSelection').remove();
}
</script>
<div style="height:1000px"> <body>
<div id="pageBody"> <ul class="menu">
<li><a href="index.html"> <font face="Monotype Corsiva" size="5"><b>Головна</b></font><p></a>
<li><b><font face="Monotype Corsiva"><a href="#"><font size="5">Програма</font></a><font size="5"> </font>
</font></b>
<ul>
<li><b><a href='seminar.html'><font size="5" face="Monotype Corsiva">Семінар</font></a></b></li>
|
|
Арк. |
|
СумДУ МК І КР 0033 |
29 |
Змн. Арк. № докум. Підпис Дата |
|
|
|
|