Реферат Создание ВЕБ-сайта
Работа добавлена на сайт bukvasha.net: 2015-10-28Поможем написать учебную работу
Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
от 25%
договор
Оглавление
ВВЕДЕНИЕ 2
ОСНОВНЫЕ ПОНЯТИЯ 10
РЕАЛИЗАЦИЯ ЗАДАЧИ 12
Этап №1 12
Этап №2 14
Этап №3 15
Этап№4 17
Этап №5 19
ЗАКЛЮЧЕНИЕ 21
ЛИТЕРАТУРА 22
ПРИЛОЖЕНИЕ 23
Листинг №1 23
Листинг №2 25
Листинг №3 26
Введение
Что такое Интернет? Кому принадлежит Всемирная Сеть и кто за нее платит?
Определения, которые давались сети Интернет: Глобальная компьютерная сеть, Сеть сетей, Всемирная Сеть.
Интернет представляет собой распределенную децентрализованную систему, т.е. в нем нет центральных/главных узлов. Правила его функционирования стандартизованы и общедоступны.
С технической точки зрения, Интернет состоит из большого числа менее крупных сетей, которые также неоднородны.
Формально Интернет никому в отдельности не принадлежит.
Оплата расходов по поддержанию в рабочем состоянии старых каналов ложится на конечных пользователей.
Расходы по прокладке новых каналов - правительство, крупные телекоммуникационные компании, инвестиционные фонды.
Зачем знать о сети
Пользователи Интернет изобретают все более эффективные способы для создания, хранения и получения информации.
Больше пользователей в Сети - тем большее количество информации они производят.
Интернет является на сегодняшний день основной информационной средой, местом циркуляции информации и ее огоромным всемирным хранилищем.
Так рост Интернет видится журналистам "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 раз больше.
Источники доп. информации (на англ. яз.):
· 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).
Режим работы 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).
| TCP/IP |
|
Общий вид Интернет:
Службы (сервисы) Интернет и архитектура клиент-сервер
Интернет вызывает интерес пользователей возможностями, заложенными в службах (сервисах) Интернет.
Службы Интернет используют архитектуру клиент-сервер, т.е. если Вы – пользователь, клиентская программа на Вашем компьютере должна подключиться к серверу и послать ему запрос на получение информации. Программа на сервере, в свою очередь, вышлет эту информацию и будет ожидать следующего запроса (это, конечно, некоторое упрощение).
Серверы и Клиенты
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 - | Туркменистан |
FQDN (Fully Qualified Domain Name) – Имя хоста.имя домена, например: машина tom в домене foobar.com имеет FQDN tom.foobar.com
Другие примеры: fadr.msu.ru, www.ford.com
URL – Universal Resource Locator – общая форма представления адреса ресурса в Интернет
URL формируется следующим образом:
<имя протокола>://<FQDN или адрес хоста>{/<путь к ресурсу>}
ОСНОВНЫЕ ПОНЯТИЯ
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> </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> </p>
<p> </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;}