Приложение а Листинг программы
Главная страница в режиме пользователя
<!DOCTYPE HTML PUBLIC>
<html>
<head>
<title>Операционная система Linux</title>
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>
<script src="jquery-1.3.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="animated-menu.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="description" content="краткое описание">
</head>
<body>
<div id="page">
<div id="header">
<div id="headerleft">
<h1>
<p align="center">Интерактивное электронное учебно-методичекское средство по дисциплине<br>
«Операционные системы»</p>
</h1>
<div class="description">раздел «Операционная система Linux».</div>
<div class="content"></div>
</div>
<div id="headerright">
<div id="sidebarnav">
<a href="theory.php"><img src="start_ico/lection.png" ></a>
<br><br>
<a href="practick.php"><img src="start_ico/practic.png" ></a>
<br><br>
<a href="contrtol.php"><img src="start_ico/control.png" ></a>
<br><br>
<a href="helper.php"><img src="start_ico/vspomag.png" ></a>
<br><br>
<a href="videolesson.php"><img src="start_ico/video.png" ></a>
</div>
</div>
</div>
<div id="mainarea">
<div id="contentarea">
<h2>Вас приветствует электронный учебник Linux!</h2>
<p>Для усвоения материала и для самопроверки студенту предлагаются учеб-<br>
но-практические издания – учебные издания, содержащие систематизиро-<br>
ванные сведения научно-практического и прикладного характера, изложенные<br>
в форме, удобной для изучения и усвоения. Предназначены для закрепления<br>
материала, полученного из учебно-теоретических изданий, и проверки знаний.<br>
Разновидностями учебно-практических изданий являются:<br><br>
1. Практикум – учебно-практическое издание, предназначенное для закрепления пройденного материала и проверки знаний различными методами. Содержит практические задания и упражнения, способствующие усвоению пройденного.<br>
</p>
<p>2. Сборник упражнений – учебно-практическое издание, содержащее упражнения и методические рекомендации по его выполнению в объеме определенного курса, способствующее усвоению и закреплению пройденного материала и проверке знаний.<br>
</p>
<p>3. Сборник задач (задачник) – учебно-практическое издание, содержащее задачи и методические рекомендации по их выполнению в объеме определенного курса, способствующее усвоению, закреплению пройденного материала и проверке знаний.<br>
</p>
<p>4. Сборник иностранных текстов – учебно-практическое издание, содержащее иностранные тексты для изучения иностранного языка и методические рекомендации в объеме определенного курса, способствующее усвоению, закреплению пройденного материала и проверке знаний.<br>
</p>
<p>5. Сборник описания лабораторных работ (сборник описания практических работ, лабораторный практикум) – учебно-практическое издание, содержащее тематику, задание и методические рекомендации по выполнению лабораторных или практических работ в объеме определенного курса, способствующее усвоению, закреплению пройденного материала и проверке знаний.<br>
<br>
7. Сборник контрольных заданий – учебно-практическое издание, содержащее перечень типовых контрольных заданий, обеспечивающих проверку знаний и умений студентов по конкретной учебной дисциплине или комплексу учебных дисциплин.</p>
<p>9. Тесты – учебно-практическое издание, содержащее вопросы для проверке усвоения учащимися пройденного материала.<br>
</div>
<div id="sidebar">
<h2>Руководство для начинающих</h2>
<a href="start_for_cmd.php" title="Перейти к полному просмотру комманд"><p>Если вы только начинаете работать с
Linux, изобилие команд можетиспугать.
Тематические выборки команд, представленные в таблицах,
помогут вам сориентироваться.</p></a>
<div class="widget">
<p><strong>Работа с сетью:</strong></p>
<p>"ftp", "login", "rlogin", "rsh", "talk", "telnet", "tftp", "uudecode", "vacation", "сотт", "diff";</p>
<p><strong>Работа с файлами: </strong></p>
<p>"cat", "chfn", "cksum", "chmod", "chsh", "ср", "csplit", "file", "head", "less", "In", "Is", "merge", "mkdir", "mv". <br/>
</p>
<p><strong>Программирование:</strong><br/>
<br/>
"аt" title"wase";, "as", "bison", "срр", "flex", "g++", "gcc", "Id"
</div>
</div>
</div>
<div id="footer">
Руководитель:<a href="http://www.Захарич.com/"> Захарич В. Л.</a><br>
Разработчик: <a href="http://www.Кашляк.com/"> Кашляк М. В.</a>
</div>
</div>
<script type="text/javascript">
$('#sidebarnav a').hover(function(){
$(this).stop().animate({'paddingLeft':'17px','opacity':'1','fontSize':'14px'})
}, function(){
$(this).stop().animate({'paddingLeft':'7px','opacity':'0.7','fontSize':'13px'})
});
</script>
</body>
</html>
Теоретический раздел
<!DOCTYPE HTML PUBLIC>
<html>
<head>
<title>Операционная система Linux</title>
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>
<script src="jquery-1.3.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="animated-menu.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<div id="page">
<div id="header">
<div id="headerleft">
<h1><p align="center">Интерактивное электронное учебно-методичекское средство по дисциплине<br>
«Операционные системы»</p>
</h1>
<div class="description">раздел «Операционная система Linux».</div>
<div class="content"></div>
</div>
<div id="headerright">
<div id="sidebarnav">
<a href="index.php"><img src="start_ico/home.png" ></a>
<br><br>
<a href="practick.php"><img src="start_ico/practic.png" ></a>
<br><br>
<a href="contrtol.php"><img src="start_ico/control.png" ></a>
<br><br>
<a href="helper.php"><img src="start_ico/vspomag.png" ></a>
<br><br>
<a href="videolesson.php"><img src="start_ico/video.png" ></a>
</div>
</div>
</div>
<div id="contentarea">
<table width="78%" border="0">
<tr>
<td width="22%"><img src="title_png/lection.png" width="55" height="55" align="right"></td>
<td width="78%" align="center"><br><h2>Теоретический раздел:<h2></td>
</tr>
</table>
<div class="content">
<ol>
<h3>Выберите тему лекции:</h3>
</ol>
<ol>
<?php
$DB_Host = "localhost" ;// имя хоста
$DB_Name = "Linux OS" ;// имя базы банных
$DB_User = "root" ;// имя пользователя
$DB_Pass = "";// пароль пользователя БД
mysql_connect($DB_Host, $DB_User, $DB_Pass)
or die("Could not connect to DB, error: ".mysql_error());
mysql_select_db($DB_Name)
or die("Could not select DB, error: ".mysql_error());
$r=mysql_query("SELECT * FROM lessons")
or die ("Could not insert values, error: ".mysql_error());
$data=Array();
while(($row=mysql_fetch_assoc($r))!=false) $data[]=$row;
for($cnt=0; $cnt<count($data);$cnt++) {
echo('<a href="open_db.php?id='.$data[$cnt]['id'].'">'.$data[$cnt]['small_name'].'<br><h3>'.$data[$cnt]['name'].'</h3></a><hr>');
}
mysql_free_result($r);
?>
</ol>
</div>
</div>
<div id="footer">
Руководитель: <a href="http://www.Захарич.com/"> Захарич В. Л.</a>
<br>
Разработчик: <a href="http://www.Кашляк.com/"> Кашляк М. В.</a>
</div>
</div>
<script type="text/javascript">
$('#sidebarnav a').hover(function(){
$(this).stop().animate({'paddingLeft':'17px','opacity':'1','fontSize':'14px'})
}, function(){
$(this).stop().animate({'paddingLeft':'7px','opacity':'0.7','fontSize':'13px'})
});
</script>
</body>
</html>
Отображение данных из базы данных
<!DOCTYPE HTML PUBLIC>
<html>
<head>
<title><?php
$DB_Host = "localhost" ;// имя хоста
$DB_Name = "Linux OS" ;// имя базы банных
$DB_User = "root" ;// имя пользователя
$DB_Pass = "";// пароль пользователя БД
$id=intval(htmlspecialchars($_GET['id']));
mysql_connect($DB_Host, $DB_User, $DB_Pass)
or die("Could not connect to DB, error: ".mysql_error());
mysql_select_db($DB_Name)
or die("Could not select DB, error: ".mysql_error());
$r=mysql_query("SELECT * FROM lessons WHERE id=$id")
or die ("Could not insert values, error: ".mysql_error());
$data=Array();
while(($row=mysql_fetch_assoc($r))!=false) $data[]=$row;
//echo ('<p align="center"><strong>');
echo($data[0]['small_name']);
mysql_free_result($r);
?></title>
<LINK REL=StyleSheet HREF="Css.css" TYPE="text/css" MEDIA=screen>
<script src="jquery-1.3.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="animated-menu.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<div id="page">
<div id="header">
<div id="headerleft">
<h1><p align="center">Интерактивное электронное учебно-методичекское средство по дисциплине<br>
«Операционные системы»</p>
</h1>
<div class="description">раздел «Операционная система Linux».</div>
<div class="content"></div>
</div>
<div id="headerright">
<div id="sidebarnav">
<a href="index.php"><img src="start_ico/home.png" ></a>
<br><br>
<a href="practick.php"><img src="start_ico/practic.png" ></a>
<br><br>
<a href="contrtol.php"><img src="start_ico/control.png" ></a>
<br><br>
<a href="helper.php"><img src="start_ico/vspomag.png" ></a>
<br><br>
<a href="videolesson.php"><img src="start_ico/video.png" ></a>
</div>
</div>
</div>
<div id="mainarea">
<div class="content">
<br>
<a href="theory.php"><img src="ico_png/back.png" title="вернуться в теоретический раздел"></a>
<br>
<?php
$DB_Host = "localhost" ;// имя хоста
$DB_Name = "Linux OS" ;// имя базы банных
$DB_User = "root" ;// имя пользователя
$DB_Pass = "";// пароль пользователя БД
$id=intval(htmlspecialchars($_GET['id']));
mysql_connect($DB_Host, $DB_User, $DB_Pass)
or die("Could not connect to DB, error: ".mysql_error());
mysql_select_db($DB_Name)
or die("Could not select DB, error: ".mysql_error());
$r=mysql_query("SELECT * FROM lessons WHERE id=$id")
or die ("Could not insert values, error: ".mysql_error());
$data=Array();
while(($row=mysql_fetch_assoc($r))!=false) $data[]=$row;
echo ('<p align="center"><strong>');
echo($data[0]['name']);
echo ('</strong></p>');
echo($data[0]['txt']);
mysql_free_result($r);
?>
</div>
<p align="right"><script language="JavaScript">
<!-- // Печать этого документа
var browser_name = navigator.appName;
function printit(){
if (browser_name == "Netscape") {
window.print();
} else {
var WebBrowser = '<object id="WebBrowser1" width=0 height=0 classid="clsid:8856F961-340A-11D0-A96B-00C04FD705A2"></object>';
document.body.insertAdjacentHTML('beforeEnd', WebBrowser);
WebBrowser1.ExecWB(6, 2);}
}
</script>
</p>
<p align="right"><span class="widget"><a href = "#page"><img src="ico_png/navigation.png" align="right" title="В начало"></a><a href="open_db.php" onClick="printit(); return false;"><img src="ico_png/print.png" title="Вывести на печать текущую лекцию"></a></span> </p>
</div>
<div id="footer">
Руководитель: <a href="http://www.Захарич.com/"> Захарич В. Л.</a>
<br>
Разработчик: <a href="http://www.Кашляк.com/"> Кашляк М. В.</a>
</div>
</div>
<script type="text/javascript">
$('#sidebarnav a').hover(function(){
$(this).stop().animate({'paddingLeft':'17px','opacity':'1','fontSize':'14px'})
}, function(){
$(this).stop().animate({'paddingLeft':'7px','opacity':'0.7','fontSize':'13px'})
});
</script>
</body>
</html>
Подключаемый стиль
body {
background-color:#333333;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#FFFFFF;
}
#page {
width:900px;
background-image:url(images/page.png);
margin:auto;
padding:auto;
}
#header {
clear:both;
width:900px;
height:330px;
background-image:url(images/header.png);
}
#headerleft {
width:510px;
padding-left:60px;
float:left;
padding-top:46px;
height:250px;
}
#headerleft .content {
padding-right:10px;
padding-top:20px;
font-size:16px;
font-weight:bold;
}
#headerright {
padding-left:40px;
width:280px;
float:left;
padding-top:25px;
height:250px;
}
#sidebarnav {
}
#sidebarnav a {
width:250px;
display:block;
clear:both;
height:25px;
padding: 1px 0 2px 7px;
color:#FFFFFF;
text-decoration:none;
font-size:14px;
font-weight:bold;
opacity: 0.7;
font-family: Arial, Helvetica, sans-serif;
}
.widget {
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}
#mainarea {
width:860px;
clear:both;
padding-left:30px;
}
#contentarea {
width:525px;
float:left;
line-height:20pt;
padding-top:5px;
padding-right: 20px;
padding-left: 35px;
}
#sidebar {
}
#footer {
width:900px;
clear:both;
height:34px;
padding-top:30px;
text-align:center;
line-height:14pt;
background-image:url(images/footer.png);
background-repeat:no-repeat;
color:#FFFFFF;
}
#footer a {
color:#FFFFFF;
}
h1, h1 a {
font-size:23pt;
color:#FFFFFF;
margin:0;
}
h2 {
font-size:15pt;
color:#FFFFFF;
padding-top:6px;
}
#sidebar h2 {
font-size:15pt;
padding-left:10px;
color:#FFFFFF;
padding-top:6px;
text-align: center;
}
.description {
font-size:14pt;
color:#FFFFFF;
font-weight: bold;
font-style: italic;
text-align: center;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
a {
color:#FFFFCC;
text-decoration:none;
}
#sidebar a {
color:#FFFFCC;
}
a:hover {
text-decoration:underline;
}
Теоретический раздел
Практический раздел
Раздел Контроля знаний
Преподаватель
БД «Linux
OS»
Запрос к БД «Linux
OS»
Добавление материала
Редактирование материала
Удаление материала
