Реферат

Реферат Создание ВЕБ-сайта

Работа добавлена на сайт bukvasha.net: 2015-10-28

Поможем написать учебную работу

Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.

Предоплата всего

от 25%

Подписываем

договор

Выберите тип работы:

Скидка 25% при заказе до 9.11.2024



Оглавление

ВВЕДЕНИЕ                                                                                                       2

ОСНОВНЫЕ ПОНЯТИЯ                                                                                10

РЕАЛИЗАЦИЯ ЗАДАЧИ                                                                                12

Этап №1                                                                                                 12

Этап №2                                                                                                 14

Этап №3                                                                                                 15

Этап№4                                                                                                  17

Этап №5                                                                                                 19

ЗАКЛЮЧЕНИЕ                                                                                               21

ЛИТЕРАТУРА                                                                                                22

ПРИЛОЖЕНИЕ                                                                                               23

Листинг №1                                                                                           23

Листинг №2                                                                                           25

Листинг №3                                                                                           26
Введение

Что такое Интернет? Кому принадлежит Всемирная Сеть и кто за нее платит?

Определения, которые давались сети Интернет: Глобальная компьютерная сеть, Сеть сетей, Всемирная Сеть.

Интернет представляет собой распределенную децентрализованную систему, т.е. в нем нет центральных/главных узлов. Правила его функционирования стандартизованы и общедоступны.

С технической точки зрения, Интернет состоит из большого числа менее крупных сетей, которые также неоднородны.

Формально Интернет никому в отдельности не принадлежит.

Оплата расходов по поддержанию в рабочем состоянии старых каналов ложится на конечных пользователей.

Расходы по прокладке новых каналов - правительство, крупные телекоммуникационные компании, инвестиционные фонды.

Зачем знать о сети

Пользователи Интернет изобретают все более эффективные способы для создания, хранения и получения информации.

Больше пользователей в Сети - тем большее количество информации они производят. http://fadr.msu.ru/adas/nytgrow.gif

Интернет является на сегодняшний день основной информационной средой, местом циркуляции информации и ее огоромным всемирным хранилищем.

Так рост Интернет видится журналистам "New-York Times".

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

Сегодня Вы становитесь пользователем Интернет, и теперь Вы будете готовы к приходу 2000-го года.

История возникновения Интернет

1957 г.: Д. Эйзенхауер, DARPA (Defense Advanced Research Projects Agency), ответ на запуск Советами первого искусственного спутника Земли. Dr. J.C.R. Licklider.

60-е годы: идеи, легшие в основу Интернет. Проекты предусматривали разработку стандарта для децентрализованной сети, которая смогла бы продолжать функционировать в случае отказа части ее узлов в случае ядерного удара со стороны СССР.

70-е годы: построение такой сети - ARPANET.

В ARPANET сеть использовалась главным образом для передачи файлов и электронных сообщений.

Начало 80-х: стали бурно развиваться альтернативные сети (передача электронной почты): BitNet и CSNet. Позже к ним прибавились и другие (FidoNet etc).

86 год: NSF (National Science Foundation) начал работы по созданию NSFNET, сети магистральных каналов для американского Интернет’a. Создание ISOC (Internet Society) - добровольной организации по обеспечению глобального обмена информацией посредством Internet, Internet Architecture Board (IAB) - сертификация стандартов и распределения ресурсов, Internet Engineering Task Force (IETF) -эксплуатационные и назревающие технические проблемы. Эти организации успешно действуют по сей день.

В 90-е годы появляется Интернет как международная глобальная сеть. В 90 г. В Интернете – 300000 пользователей. В 1991 году происходит изобретение gopher’а и World Wide Web, служб Интернет, которые привлекут миллионы новых пользователей.

Сегодня Интернет не охватывает только несколько стран Африки и Восточной Азии. Количество машин в Интернет – около 20 млн., количество пользователей – в 5-10 раз больше.

http://fadr.msu.ru/adas/connect.gif

Источники доп. информации (на англ. яз.):

·  A Brief History of the Internet and Related Networks - краткая история Интернет.

·  All about the Internet - коллекция ссылок на подборки статистической и иной информации.

·  The Roads and Crossroads of Internet History - все об истории Интернет.

Интернет: как это работает? - компьютерные сети и сетевые протоколы. Семейство протоколов TCP/IP

Немного терминологии

Когда два или более компьютеров связывают постоянным соединением для обмена данными, говорят о создании компьютерной сети.

Сетевой протокол определяет правила передачи информации в компьютерной Сети. Уместно сравнение сетевого протокола с языком – это такая же оболочка для передачи информации.

Различают открытые и закрытые сетевые протоколы, в зависимости от того, является ли открытым определяющий их стандарт.

Можно говорить также о протоколах различных уровней, в частности, о протоколах уровня приложений и протоколах уровня передачи данных.

Операционная система – основная программа, работающая на компьютере. Запускается раньше всех других программ и делает возможным из запуск. Пример: MS DOS, Windows 95, UNIX, Linux, Novell Netware.

UNIX – операционная система и семейство мощных современных многопользовательских операционных систем, на которых построен Интернет.

RFC – Request For Comments, стандарты Интернет, публикуемые IAB.

Провайдер Интернет – поставщик услуг Интернет, тот, через кого Вы или Ваша организация подключаетесь к Сети.

Модем (модулятор-демодулятор) - устройство для соединения удаленных компьютеров. Работает по выделенным и телефонным (коммутируемым) линиям. Используется, среди прочего, для подключения к компьютерной сети домашних пользователей.

LAN (local area network) - локальная компьютерная сеть, соединяющая компьютеры непосредственно, обычно с помощью кабелей.

WAN (wide area network) - сеть, соединяющая локальные сети (LAN).

http://fadr.msu.ru/adas/lan_wan.gif

Режим работы on-line/off-line – с подключением к Интернет/без него.

PPP – Point-to-Point Protocol – используются наряду с прочими при подключении хоста или сети к Интернет, в частности – при подключении к Интернет домашних компьютеров пользователей в режиме on-line.

SLIP – Serial Line IP (Internet Protocol) - менее совершенный аналог PPP.

UUCP – Unix-to-Unix Copy Protocol – устаревший протокол передачи файлов и почтовых сообщений.

Броузер (browser) – программа для доступа к самым популярным службам Интернет. Самые известные броузеры – Netscape Navigator (http://www.netscape.com) и Microsoft Internet Explorer (http://www.microsoft.com/ie).

Единицы измерения информации и скорости ее передачи

Бит - минимальное количество информации - "да" или "нет", "0" или "1".
Байт - 8 бит для описания буквы или символа "00000110" = "6"
Бит/с(bps) или бод (baud) - импульс в секунду. (Кбит/с); (Мбит/с).
Приставки: кило – 103, мега – 106, тера – 10 9.


Семейство протоколов TCP/IP

TCP/IP (Transmission Control Protocol/Internet Protocol – протокол контроля за передачей данных/протокол передачи данных) – семейство протоколов, на которых построен Интернет, от второго из них он получил свое имя. В TCP/IP входит около 100 протоколов различного уровня.

IP-Адрес (IP-address) – уникальный идентификатор компьютера в Интернет. Каждый компьютер, работающий по TCP/IP имеет его. IP-Адрес представляет собой четыре групы по восемь двоичных чисел, и часто записывется в десятеричной форме, например 193.232.121.66

Маска подсети (Subnet mask) – параметр конфигурации TCP/IP, задаваемый администратором сети. Имеет такой же вид, как и IP-Адрес, например 255.255.255.0

Шлюз (Gateway) – компьютер, соединяющий локальную сеть (LAN) с провайдером (WAN).

http://fadr.msu.ru/adas/tcpip.gif

TCP/IP

IP пакет
Куда: 193.232.120.177
Откуда: 128.174.60.232




Общий вид Интернет:

http://fadr.msu.ru/adas/cyber.gif

Службы (сервисы) Интернет и архитектура клиент-сервер

Интернет вызывает интерес пользователей возможностями, заложенными в службах (сервисах) Интернет.

Службы Интернет используют архитектуру клиент-сервер, т.е. если Вы – пользователь, клиентская программа на Вашем компьютере должна подключиться к серверу и послать ему запрос на получение информации. Программа на сервере, в свою очередь, вышлет эту информацию и будет ожидать следующего запроса (это, конечно, некоторое упрощение).

Серверы и Клиенты

http://fadr.msu.ru/adas/net.gif

Cервер (server), предоставляет определенные ресурсы. Другая программа - клиент (client)- эти ресурсы использует.

Некоторые сервисы Интернет:

Служба (сервис)

Протокол передачи данных

Программа доступа

WWW (World Wide Web)

Всемирная Паутина, гипермедиа-данные

HTTP – HyperText Transfer Protocol

Броузер

FTP (File Transfer Protocol) Доступ к файловым архивам, анонимный/авторизованный

FTP

Броузер, специализированные программы

Gopher – текстовые данные, иерархически организованные

Gopher

Броузер

E-mail (electronic mail) электронная почта

SMTP (Simple Mail Transfer Protocol)/POP3(Post Office Protocol) - прием/передача почты. Схема.

Встроенная в броузер программа, специализированные программы.

WAIS (Wide Area Information Servers), Archie – средства доступа к базам данных, содержащих сведения о файлах, доступных в Интернет

WAIS, Archie

WAIS – броузер

Archie – специализированные программы

News – эхо – конференции:

Публично доступная тематическая переписка

NNTP – News Network Transfer Protocol

Встроенная в броузер программа, специализированные программы.

IRC (Internet Relay Chat)

IRC

IRC-клиент

Telnet – терминальный доступ к удаленным серверам

 

Специализированные программы.

Подробнее

о
WWW (World Wide Web)


"Всемирная паутина"- доступ к сетевому гипертексту.
  • гипертекст - текст плюс связи (гиперссылки на) с другими текстами, графикой, видео или звуковой информацией
  • гиперсреда - гипертекст плюс нетекстовой файл.

Адресация ресурсов в Интернет: DNS, URL

DNS (Domain Name Service, Служба доменных имен) позволяет использовать наряду с цифровыми адресами имена компьютеров.

193.232.120.191

Цифровой адрес. < 256. Номер сети (3) и компьютера в ней

fadr.msu.ru

Буквенный адрес - имя компьютера (host), поддомен (subdomain), который может быть разделен на несколько частей, самая правая из которых называется доменом первого уровня (first level domain)

Организационные домены 1 уровня (США)

com -

коммерческие организации

edu -

образовательные организации

org -

некоммерческие организации

gov -

правительственные организации

mil -

военные организации (США)

int -

международные организации

net -

организации, предоставляющие сетевые услуги

Некоторые географические домены 1 уровня

fr -

Франция

de -

Германия

ru -

Россия

se -

Швеция

tm -

Туркменистан


http://fadr.msu.ru/adas/domen.gif


FQDN (Fully Qualified Domain Name) – Имя хоста.имя домена, например: машина tom в домене foobar.com имеет FQDN tom.foobar.com

Другие примеры: fadr.msu.ru, www.ford.com

URL – Universal Resource Locator – общая форма представления адреса ресурса в Интернет

URL формируется следующим образом:

<имя протокола>://&ltFQDN или адрес хоста>{/<путь к ресурсу>}
ОСНОВНЫЕ ПОНЯТИЯ

HTML (HyperText Markup Language, язык гипертекстовой разметки) - специальные инструкции браузеру, с помощью которых создаются Веб-страницы.

Т.е. Web-страницы - это документы в формате HTML, содержащие текст и специальные тэги (дескрипторы) HTML. По большому счету тэги HTML необходимы для форматирования текста (т.е. придания ему нужного вида), который "понимает" браузер. Документы HTML хранятся в виде файлов с расширением .htm или .html.

Тэги HTML сообщают браузеру информацию о структуре и особенностях форматирования Веб-страницы. Каждый тэг содержит определенную инструкцию и заключается в угловые скобки <>. Большинство тэгов состоят из открывающей и закрывающей частей и воздействуют на текст, заключенный внутри.
PHP – это широко используемый язык сценариев общего назначения с открытым исходным кодом.

Говоря проще, PHP это язык программирования, специально разработанный для написания web-приложений (сценариев), исполняющихся на Web-сервере.

Аббревиатура PHP означает “Hypertext Preprocessor (Препроцессор Гипертекста)". Синтаксис языка берет начало из C, Java и Perl. PHP достаточно прост для изучения. Преимуществом PHP является предоставление web-разработчикам возможности быстрого создания динамически генерируемых web-страниц. Важным преимуществом языка PHP перед такими языками, как языков Perl и C заключается в возможности создания HTML документов с внедренными командами PHP. Значительным отличием PHP от какого-либо кода, выполняющегося на стороне клиента, например, JavaScript, является то, что PHP-скрипты выполняются на стороне сервера. Вы даже можете сконфигурировать свой сервер таким образом, чтобы HTML-файлы обрабатывались процессором PHP, так что клиенты даже не смогут узнать, получают ли они обычный HTML-файл или результат выполнения скрипта.

PHP позволяет создавать качественные Web-приложения за очень короткие сроки, получая продукты, легко модифицируемые и поддерживаемые в будущем.

PHP прост для освоения, и вместе с тем способен удовлетворить запросы профессиональных программистов.

Даже если Вы впервые услышали о PHP, изучить этот язык не составит для Вас большого труда. Мы не сомневаемся, что изучив основы PHP в течение нескольких часов, вы уже сможете создавать простые PHP-скрипты.

Язык PHP постоянно совершенствуется, и ему наверняка обеспечено долгое доминирование в области языков web -программирования, по крайней мере, в ближайшее время.
РЕАЛИЗАЦИЯ ЗАДАЧИ

Этап №1:

Создание каркаса  Web-страницы с подключением основных блоков

Реализация:

Создается PHP форма.

 Формы позволяют обеспечивать интерактивную связь сайта с пользователем. Элементы форм (области редактирования текста, поля ввода, меню) позволяют посетителям вводить различную информацию и выбирать нужные опции.

<?php

include ("blocks/bd.php"); /*Соединяемся с базой данных*/

$result = mysql_query("SELECT title, meta_d, mata_k, text FROM settings  WHERE page='index'",$db);

$myrow = mysql_fetch_array($result);

?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta name="description" content="<?php  echo $myrow['meta_d'];  ?> ">

<meta name="keywords" content="<?php  echo $myrow['mata_k'];  ?>  ">

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

<title><?php  echo $myrow['title'];  ?></title>

<link href="style.css" rel="stylesheet" type="text/css">

</head>

<body>

<table width="800"  border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000033" class="main_border">

<!--Подключаем шапку сайта-->

 <?  include("blocks/header.php");      ?>

  <tr>

    <td><table width="800" height="100%" border="2" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">

      <tr>

      <!--Подключаем навигацию сайта-->

       <? include ("blocks/lefttd.php");  ?>

        <td height="100%" valign="middle"  background="img/звезды.jpg" bgcolor="#FFFFFF">   

      <?php  echo $myrow['text'];  ?>        </td>

      </tr>

    </table></td>

  </tr>

  <!--Подключаем низ сайта-->

</table>

</body>

</html>

Этап
№2:


Разбиение на блоки («blocks»)

Реализация
:


("blocks/header.php")

<tr height="157">

 <td><img src="img/шапка.gif" width="800" height="157"></td>

 </tr>

            ("blocks/lefttd.php");

<td width="180" valign="top" bgcolor="#F6F6F6" class="left"><div align="justify"></div>

       <p align="center" class="title"></p>

<div id="coolmenu"><img src="img/навигация.gif" width="255">

         <a href="index.php"><b>Главная</b></a>

        <a href="lessons.php"><b>Зарядные устройства</b></a>

        <a href="articles.php"><b>Аккумуляторы</b></a>

       <a href="contacts.php"><b>Наши контакты</b></a></div>            </td>

            ("blocks/footer.php");

<tr>

    <td><img src="img/низ3.jpg" width="800" height="37"></td>

 </tr>
Этап №3:

Формирование статей «Зарядные устройства»

Реализация:   lesson.php

<?php

include ("blocks/bd.php"); /*Соединяемся с базой данных*/

$result = mysql_query("SELECT title, meta_d, mata_k, text FROM settings  WHERE page='lessons'",$db);

$myrow = mysql_fetch_array($result);

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta name="description" content="<?php  echo $myrow['meta_d'];  ?> ">

<meta name="keywords" content=" <?php  echo $myrow['mata_k'];  ?> ">

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

<title>Зарядные устройства</title>

<link href="style.css" rel="stylesheet" type="text/css">

<style type="text/css">

<!--

body {

            margin-left: 0px;

            margin-top: 0px;

            margin-right: 0px;

            margin-bottom: 0px;

}

-->

</style></head>

<body>

<table width="800" height="100%" border="2" align="center" cellpadding="0" cellspacing="0" bgcolor="#000033" class="main_border">

<!--Подключаем шапку сайта-->

 <?  include("blocks/header.php");      ?>

  <tr>

    <td valign="baseline"><table width="800" height="100%" border="2" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">

      <tr>

      <!--Подключаем навигацию сайта-->

       <? include ("blocks/lefttd.php");  ?>

        <td valign="top" background="img/звезды.jpg" bgcolor="#FFFFFF"><p><?php echo $myrow['text'];   ?>  </p>

        

       

<?php

$result = mysql_query ("SELECT id,title,description,data FROM

lessons", $db);

$myrow = mysql_fetch_array ($result);

do {      

printf (" <table  align='center' class='lesson'>

          <tr>

          <td>

                          <p  class='lesson_name'><a href='view_lesson.php?id=%s'>%s</a></p>

                          <p class='lesson_adds'>Дата добавления:  %s</p></td>

          </tr>

                          <tr>

          <td>%s</td>

          </tr>

                          </table><br><br>", $myrow["id"], $myrow["title"], $myrow["data"],

                          $myrow["description"]  );

            }

while ($myrow = mysql_fetch_array ($result));

?>

  <p>&nbsp;</p></td>

  </tr>

  </table></td>

  </tr>

  <!--Подключаем низ сайта-->

  </table>

</body>

</html>
Этап №4:

Формирование статей «Аккамуляторы»

Реализация:  articles.php

<?php

include ("blocks/bd.php"); /*Соединяемся с базой данных*/

$result = mysql_query("SELECT title, meta_d, mata_k, text FROM settings  WHERE page='articles'",$db);

$myrow = mysql_fetch_array($result);

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta name="description" content="<?php  echo $myrow['meta_d'];  ?>">

<meta name="keywords" content="<?php  echo $myrow['mata_k'];  ?> ">

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

<title>Аккумуляторы</title>

<link href="style.css" rel="stylesheet" type="text/css">

<style type="text/css">

<!--

body {

            margin-left: 0px;

            margin-top: 0px;

            margin-right: 0px;

            margin-bottom: 0px;

}

-->

</style></head>

<body>

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000033" class="main_border">

<!--Подключаем шапку сайта-->

 <?  include("blocks/header.php");      ?>

  <tr>

    <td valign="baseline"><table width="800" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">

      <tr>

      <!--Подключаем навигацию сайта-->

       <? include ("blocks/lefttd.php");  ?>

        <td valign="top" background="img/звезды.jpg" bgcolor="#FFFFFF"><p> <?php echo $myrow['text'];   ?> </p>

       

 <?php

$result = mysql_query ("SELECT id,title,description,data FROM

articles", $db);

$myrow = mysql_fetch_array ($result);

do {      

printf (" <table  align='center' class='lesson'>

          <tr>

          <td>

                         <p  class='lesson_name'><a href='view_articles.php?id=%s'>%s</a></p>

                         <p class='lesson_adds'>Дата добавления:  %s</p></td>

          </tr>

                         <tr>

          <td>%s</td>

          </tr>

                         </table><br><br>", $myrow["id"], $myrow["title"], $myrow["data"],

                         $myrow["description"]  );

            }

while ($myrow = mysql_fetch_array ($result));

?>

          <p>&nbsp;</p>

          <p>&nbsp;</p></td>

      </tr>

    </table></td>

  </tr>

  <!--Подключаем низ сайта-->

</table>

</body>

</html>

Этап №5:

Формирование базы данных

Реализация:

1.    Через сервер открываем http://localhost/Tools/phpMyAdmin/

2.    Создаем новую базу данных ‘phpsyte

3.    Создаем новую таблицу ‘settings’, заполняем поля.

4.    Сформированная пустая таблица ‘settings


5.    Вставляем данные в базу

6.    Создаем пользователя к базе данных

7.    Теперь мы можем работать с базой через созданного пользователя
ЗАКЛЮЧЕНИЕ

В ходе данной курсовой работы была разработаны интерактивные web-страницы с формами для ввода данных.

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

Таким образом, получилась группа web-страниц с простым, интуитивным интерфейсом, функциональным и удобным для использования.
Литература


1. Дунаев В.В. Основы Web-дизайна,/ - СПб: БХВ-Петербург, 2007. – 512с.

2. Вайк Ален и др. JavaScript.Справочник: Пер. с англ/- СПб: ООО «ДиаСофтЮП», 2002. – 896 с.  

3. Пол Мак-Федрис. Использование JavaScript. Специальное издание./ А. Д. Морозов, –М: Вильямс, 2002.-896 с.

4. Дронов В. Ф. JavaScript. Народные советы/ - СПб: БХВ-Петербург, 2007. – 464с.

5. Ульман Л. Основы программирования на РНР: Пер. с англ/ - М.: ДМК Пресс, 2001, 288с.
ПРИЛОЖЕНИЕ

Листинг №1                     
index
.
php



<?php

include ("blocks/bd.php"); /*Соединяемся с базой данных*/

$result = mysql_query("SELECT title, meta_d, mata_k, text FROM settings  WHERE page='index'",$db);

$myrow = mysql_fetch_array($result);

?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta name="description" content="<?php  echo $myrow['meta_d'];  ?> ">

<meta name="keywords" content="<?php  echo $myrow['mata_k'];  ?>  ">

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

<title><?php  echo $myrow['title'];  ?></title>

<link href="style.css" rel="stylesheet" type="text/css">

</head>

<body>

<table width="800"  border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000033" class="main_border">

<!--Подключаем шапку сайта-->

 <?  include("blocks/header.php");      ?>

  <tr>

    <td><table width="800" height="100%" border="2" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">

      <tr>

      <!--Подключаем навигацию сайта-->

       <? include ("blocks/lefttd.php");  ?>

        <td height="100%" valign="middle"  background="img/звезды.jpg" bgcolor="#FFFFFF">   

      <?php  echo $myrow['text'];  ?>        </td>

      </tr>

    </table></td>

  </tr>

  <!--Подключаем низ сайта-->

</table>

</body>

</html>
Листинг
№2                                 


("blocks/header.php")

<tr height="157">

 <td><img src="img/шапка.gif" width="800" height="157"></td>

 </tr>

            ("blocks/lefttd.php");

<td width="180" valign="top" bgcolor="#F6F6F6" class="left"><div align="justify"></div>

       <p align="center" class="title"></p>

<div id="coolmenu"><img src="img/навигация.gif" width="255">

         <a href="index.php"><b>Главная</b></a>

        <a href="lessons.php"><b>Зарядные устройства</b></a>

        <a href="articles.php"><b>Аккумуляторы</b></a>

       <a href="contacts.php"><b>Наши контакты</b></a></div>            </td>

            ("blocks/footer.php");

<tr>

    <td><img src="img/низ3.jpg" width="800" height="37"></td>

 </tr>
Листинг
№3                                  style.ccs


/* CSS Document */

.main_border {border:1px solid #EAFFD5;}

p {font-family:Verdana; font-size:12px; margin: 15px;}

.left {background-color:#EAFFD5; border-right:1px solid #A60000;}

.pravo {background-color: #BFFEBC;}

body {background-image:url(img/bg.gif)}

p.title {

background-color: #A60000;

color: #FFFFFF;

font-weight:bold;

margin:5px;

padding:5px;

}

#coolmenu{

border: 1px solid gray; /*Стиль рамки */

border-bottom-width: 0;

width: 92%; /*Ширина меню */

background-color: #EAFFD5;  /*Фоновый цвет ячейки*/

margin:8px; /*Ширина отступов*/

}

* html #coolmenu{

width: 150px;/*Ширина меню для Internet Explorer*/

}

#coolmenu a{

font: bold 13px Verdana; /*Шрифт текста*/

padding: 2px; /*Внутренний отсутп текста ссылки от краев ячейки*/

padding-left: 4px;/*Внутренний отсутп текста ссылки от левого края ячейки*/

display: block;

width: 100%; /*Ширина ячейки*/

color: #000000;  /*Цвет текста*/

text-decoration: none; /*Подчеркивание у ссылок - нет*/

border-bottom: 1px solid gray;

}

html>body #coolmenu a{

width: auto;

}

#coolmenu a:hover{

background-color: #cccccc; /*Фоновый цвет ячейки при наведение курсора*/

color: #000000;  /*Цвет текста при наведении курсора*/

}

.lektrav{border: 1px solid #6666CC; width:96%;}

.lektrav_title {background-color: #FBF6F6;}

.lektrav_name {font-weight:bold; margin-top:7px; margin-bottom:7px;}

.lektrav_adds {font-size:11px; margin-top:7px; margin-bottom:7px; color:#424242;}

.view_title {font-size:15px; font-weight:bold; color: #A60000;}

1. Контрольная работа на тему Самострахование и перестрахование Страховщик и страхователь
2. Сочинение на тему Литературный герой АСТРОВ
3. Реферат Чесноков П.Г.
4. Сочинение на тему Его стихов пленительная сладость
5. Реферат Правовое регулирование расчетно-денежных отношений в банковской сфере
6. Реферат на тему Трансплантация органов и тканей Определение понятия пластической хирургии Современная терминология
7. Сочинение на тему Пушкин а. с. - Образ татьяны лариной
8. Реферат Регистры бухгалтерского учета и техника учетных записей
9. Курсовая на тему Место аудита в системе финансового контроля
10. Реферат на тему Fibonacci And Nature Essay Research Paper The