Автор: Пользователь скрыл имя, 10 Января 2012 в 22:18, дипломная работа
Бурное развитие информационных технологий и совершенствование компьютерной техники привело к глобальной интеграции их во все сферы человеческой деятельности. Не является исключением и сфера торговли.
В настоящее время очень велико разнообразие товаров и услуг в Internet. Для того, что бы организовать рекламную компанию в Internet, фирме необходимо иметь Web-страницу, где потенциальные клиенты смогли бы ознакомиться с фирмой, и узнать чем она занимается, интересны ли им предложения данной фирмы, задать (через форму обратной связи) интересующие их вопросы и т.д.
Цель данной работы является создание Web-сайта для компании ОАО «Усмань-табак». Необходимостью создания сайта ОАО «Усмань-табак» является, прежде всего, реклама продукции и услуг, которые предлагает данное предприятие. Интерактивная реклама – новый способ предложить товары и услуги потребителю. Интернет же являет собой наиболее динамично развивающуюся среду вещания. За последние пять лет кол-во пользователей сети Internet в России выросло в десятки раз, и на сегодняшний момент достигло 571 миллионов человек.
Листинг 6. Шаблон сайта.
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/
<html xmlns="http://www.w3.org/1999/
<head>
<meta http-equiv="Content-Type" content="text/html; charset=win-1251" />
<title>$TITLE$</title>
<link rel="stylesheet"
type="text/css" href="/templates/default/
<link rel="stylesheet" media="all" type="text/css" href="/cgi-bin/cssmenu.pl" />
$HEAD$
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="/">Усмань-табак</a></h1>
<p>Открытое
</div>
<!-- end #logo -->
<div id="menu" class="menu">
$MAIN_MENU$
</div>
<!-- end #menu -->
</div>
<!-- end #header -->
<div id="page">
<div id="content">
<div class="post">
<h2 class="title">$TITLE$</h2>
<p class="byline">$MENU$</p>
<br />$ERROR$
$CONTENT$
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div id="sidebar-bgtop"></div>
<div id="sidebar-content">
<ul>
<li id="search">
<option value="OR">искать любое из слов
<option value="AND">искать все слова
</select>
</li>
<li>
</li>
<li>
</li>
</ul>
</div>
<div id="sidebar-bgbtm"></div>
</div>
<!-- end #sidebar -->
</div>
<!-- end #page -->
<div id="footer">
<p class="warning">
<p>© 2011 ОАО «Усмань-табак». Все права защищены. Разработка и <noindex><a href="/apanel">поддержка сайта</a></noindex>
<noscript>putilin<
var user = "putilin";
var host = "smtp.ru";
var link = "Путилин Даниил";
document.
//--></
</div>
<!-- end #footer -->
</body>
</html>
Листинг
7. Каскадная таблица
стилей сайта.
body {
margin: 0px;
padding: 0px;
background: url(images/bg.jpg) repeat left top;
font: 13px Arial, Helvetica, sans-serif;
color: #212121;
}
h1, h2, h3 {
margin-top: 0px;
}
h1 {
font-size: 2.4em;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.4em;
}
p, ol, ul {
margin-bottom: 1.8em;
line-height: 160%;
}
a {
color: #393939;
}
a:hover {
text-decoration: none;
color: #393939;
}
a img {
border: none;
}
/* Header */
#header {
width: 900px;
height: 130px;
margin: 0px auto;
}
#header a {
text-decoration: none;
/*color: #FFFFFF;*/
}
/* Logo */
#logo {
float: left;
padding-left: 50px;
background: url(images/logo.gif) no-repeat left 100%;
}
#logo h1, #logo p {
margin: 0px;
line-height: normal;
font-weight: normal;
color: #393939;
text-shadow: 3px 3px 2px;
}
#logo p {
padding-left: 14px;
}
#logo h1 {
padding: 25px 0px 0px 20px;
}
#logo a {
color: #393939;
}
/* Menu */
#menu{
float: right;
margin: 30px 0 0 0;
box-shadow: 5px 5px 5px #777;
-moz-box-shadow: 5px 5px 5px #777;
-webkit-box-shadow: 5px 5px 5px #777;
}
#menu ul{
box-shadow: 5px 5px 5px #777;
-moz-box-shadow: 5px 5px 5px #777;
-webkit-box-shadow: 5px 5px 5px #777;
}
/* Page */
#page {
width: 900px;
margin: 0px auto;
padding: 30px 0px;
}
/* Content */
#content {
float: left;
width: 570px;
}
.post {
margin: 0px 0px 30px 0px;
}
.post .title {
margin: 0px;
padding: 0px 0px 5px 0px;
border-bottom: #BFC9AE dashed 1px;
color: #232F01;
}
.post .title a {
color: #232F01;
}
.post .entry {
}
.post .meta {
font-weight: bold;
}
.post .byline {
margin: 0px;
color: #5E5E5E;
}
/* Sidebar */
#sidebar {
float: right;
width: 300px;
}
#sidebar-bgtop {
height: 3px;
}
#sidebar-bgbtm {
height: 3px;
}
#sidebar-content {
padding: 20px;
}
#sidebar ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#sidebar li ul {
margin-bottom: 1.8em;
list-style: none;
}
#sidebar li li {
padding: 5px 0;
border-bottom: #BFC9AE dashed 1px;
}
#sidebar h2 {
box-shadow: 5px 5px 5px #777;
-moz-box-shadow: 5px 5px 5px #777;
-webkit-box-shadow: 5px 5px 5px #777;
border-radius:6px;
-moz-border-radius:6px;
-khtml-border-radius:
padding: 4px 20px;
background: #393939;
font-size: 1.2em;
color: #FFFFFF;
}
#sidebar a {
text-decoration: none;
color: #232F01;
}
#sidebar a:hover {
text-decoration: underline;
}
/* Search */
#search {
}
#search form {
margin-bottom: 1.8em;
padding: 0px;
}
#search fieldset {