Реферат

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

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

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

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

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

от 25%

Подписываем

договор

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

Скидка 25% при заказе до 23.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. Реферат на тему Quebec Essay Research Paper Quebec
7. Реферат Александровский дворец
8. Статья на тему Метафизический фактор в язычестве
9. Реферат Unite 3 Basic Economic Terms
10. Курсовая Учет наличия и движения денежных средств