Создание сайта для ОАО усмань табак

Автор: Пользователь скрыл имя, 10 Января 2012 в 22:18, дипломная работа

Описание работы

Бурное развитие информационных технологий и совершенствование компьютерной техники привело к глобальной интеграции их во все сферы человеческой деятельности. Не является исключением и сфера торговли.

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

Цель данной работы является создание Web-сайта для компании ОАО «Усмань-табак». Необходимостью создания сайта ОАО «Усмань-табак» является, прежде всего, реклама продукции и услуг, которые предлагает данное предприятие. Интерактивная реклама – новый способ предложить товары и услуги потребителю. Интернет же являет собой наиболее динамично развивающуюся среду вещания. За последние пять лет кол-во пользователей сети Internet в России выросло в десятки раз, и на сегодняшний момент достигло 571 миллионов человек.

Работа содержит 1 файл

Диплом усмань-табак.doc

— 1,008.00 Кб (Скачать)

Листинг 6. Шаблон сайта.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=win-1251" />

<title>$TITLE$</title>

<link rel="stylesheet" type="text/css" href="/templates/default/style.css" media="screen" />

<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>Открытое Акционерное  Общество</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">

                              <h2>Поиск</h2>

                              <form method="get" action="/search">

                                    <input type="hidden" name="mod" value="search" />

                                    <fieldset>

                                    <input type="text" id="s" name="s" value="" />

                                    <input type="submit" id="x" value="Найти" />

                                          <select name="logic">

            <option value="OR">искать любое из слов

            <option value="AND">искать все слова

      </select>

                                    </fieldset>

                              </form>

                        </li>

                        <li>

                              <h2>Наши контакты</h2>

                              <ul>

                                    <li>адрес: 399370, г.Усмань, Липецкой&nbsp;обл., ул.&nbsp;Л.&nbsp;Толстого,&nbsp;2</li>

                                    <li>приемная тел.: (47472) 4-16-77</li>

                                    <li>факс: (47472) 4-16-86</li>

                                    <li>e-mail: <noscript>info</noscript><!-- >jhnkyjh</!-- --><script><!--

                                                      var user = "info";

                                                      var host = "usmtabak.ru";

                                                      var link = "" + user + "&#64;" + host + "";

                                                      document.write("<a hre" + "f=&#109;a" + "ilto&#58;" + user + "&#64;" + host + ">" + link + "</a>");

                                                      //--></script><noscript>&#64;<!-- >spam.com</!-- -->usmtabak.ru</noscript></li> 

                              </ul>

                        </li>

                        <li>

                              <h2>Наши друзья</h2>

                              <ul>

                                    <li><a href="http://tabakprom.ru/">Ассоциация  производителей табачной продукции  «Табакпром»</a></li>

                                    <li><!--eomy--></li>

                              </ul>

                        </li>

                  </ul>

            </div>

            <div id="sidebar-bgbtm"></div>

      </div>

      <!-- end #sidebar -->

</div>

<!-- end #page -->

<div id="footer">

    <p class="warning">МИНЗДРАВСОЦРАЗВИТИЯ  РОССИИ ПРЕДУПРЕЖДАЕТ: КУРЕНИЕ  ВРЕДИТ ВАШЕМУ ЗДОРОВЬЮ</p>

      <p>&copy; 2011 ОАО «Усмань-табак». Все права  защищены. Разработка и <noindex><a href="/apanel">поддержка сайта</a></noindex>

            <noscript>putilin</noscript><!-- >jhnkyjh</!-- --><script><!--

                  var user = "putilin";

                  var host = "smtp.ru";

                  var link = "Путилин Даниил";

                  document.write("<a hre" + "f=&#109;a" + "ilto&#58;" + user + "&#64;" + host + ">" + link + "</a>");

                  //--></script><noscript>&#64;<!-- >spam.com</!-- -->smtp.ru</noscript>. Время генирации: $ELAPSED_TIME$ сек.</p>

</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:6px;

      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 {

Информация о работе Создание сайта для ОАО усмань табак