Отчет по лабораторной работе №9
«DHTML»
Вариант 1
Цель:
1. Изучить назначение DHTML.
2. Применить DHTML для решения прикладных задач.
Содержание отчета:
1. Титульный лист.
2. Теоретическая часть.
Обязательно указать номер варианта, текст индивидуального задания.
3. Код html-страниц, выполненных для реализации примеров лабораторной работы.
4. Код html-страниц, выполненных согласно варианту.
5. Копии экрана, иллюстрирующие работу сценариев Javascript.
6. Пояснения к каждой копии экрана
Теоретическая часть
Dynamic HTML или DHTML — это способ создания интерактивного веб-сайта, использующий сочетание статичного языка разметки HTML, встраиваемого (и выполняемого на стороне клиента) скриптового языка JavaScript, CSS (каскадных таблиц стилей) и DOM (объектной модели документа).
DHTML (динамический HTML) – это набор средств, которые позволяют создавать более интерактивные Web-страницы без увеличения загрузки сервера. Другими словами, определенные действия посетителя ведут к изменениям внешного вида и содержания страницы без обращения к серверу.
DHTML построен на объектной модели документа (Document Object Model, DOM), которая расширяет традиционный статический HTML-документ. DOM обеспечивает динамический доступ к содержимому документа, его структуре и стилям. В DOM каждый элемент Web-страницы является объектом, который можно изменять. DOM не определяет новых тэгов и атрибутов, а просто обеспечивает возможность программного управления всеми тэгами, атрибутами и каскадными листами стилей (CSS).
События динамичеcкого HTML
На WEB-страницах можно обеспечить реакцию на определенные действия посетителя или изменения состояния документа или окна, которые вызывают определенные события.
Посетитель генерирует события при передвижении мыши, нажатии кнопок мыши и клавиатуры. Изменения состояния документа генерируют события при загрузке документа, изображений или объектов, при появлении ошибки на странице или переходе фокуса от одного элемента к другому.
Модель событий DHTML связана с определенной иерархией HTML-контейнеров и основана на всплывании событий и действии по умолчанию.
Всплывание событий заключается в том, что на событие может быть получена реакция не только от элемента-источника события, но также и от всех его родительских элементов вплоть до тела документа и самого документа. Событие может быть обработано на любом уровне. В приведенном ниже примере обработчик щелчков мышью на ссылке будет также обрабатывать щелчки мышью на изображении.
Выполнение задания
Вариант 1.
Создать сайт кадрового агентства. В оформлении сайта использовать фильтр.
Копии экрана с работающим приложением
Главная страница сайта. Изображения оформлены с помощью фильтра dhtml размытие или blur.
А логотип сайта оформлен с помощью фильтра белого свечения glow.
При наведении мыши на часть текста текст изменит цвет. Это сделано чтобы посетителю было легче прочитывать и воспринимать информацию.
При наведении мыши на зоговки, они изменят свое содержание на рекламное:
Справа для удобства поиска вакансий посетитель может кликать по интересующему ему предложению, тогда оно пометиться как маркером:
На странице вакансии посетитель также может удобно и быстро выбирать интересующие предложения, которые будут помечаться:
Разработанный код сайта
Страница сайта index.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Кадровое агентство "Шанс"</title>
<style>
.zag
{
border-bottom-style:groove;
border-bottom-color:#900;
width:150px;
background-color:#F4F4F4;
text-align:center;
}
.zag1
{
border-bottom-style:groove;
border-bottom-color:#900;
width:200px;
background-color:#F4F4F4;
text-align:center;
}
.text
{
background-color:#FAFAFA;
width:150px;
}
.text1
{
background-color:#FAFAFA;
width:200px;
font-size:12px;
}
a {
color: #660000;
text-decoration: none;
font-weight:bold;
}
a:hover {
color: #ff0000;
text-decoration: none;
font-weight:bold;
}
.filter1
{
filter:glow(strength=2,color=white);
}
.filter2
{
filter:blur(Add=1, Direction=1, Strength=10);
}
</style>
</head>
<body>
<table border="1" align="center" width="100%" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<tr><td width="100" height="100" align="center" valign="middle" class="filter1"><span style="font-size:24px; color:#900">ШАНС</span><td colspan="2" ><img src="images/img2.jpg" class="filter2"></tr>
<tr>
<td valign="top">
<div class="zag">Кадровое агенство</div>
<div class="text">
<br><a href="index.html">Главная</a>
<br><a href="rabot.html">Подбор персонала</a>
<br><a href="vacancy.html">Вакансии</a>
<br><a href="contact.html">Контакты</a>
<br><a href="resume.html">Ваше резюме</a>
<br>
<br><hr>
</div>
<td>
<h3 style="color:#900; text-align:center"><h3 style="color:#900; text-align:center" onmouseover="this.outerHTML='<H3>Быстро! Качественно! Надолго!</H3>'">Кадровое агентство "Шанс"</h3></h3>
<i onmouseover="this.style.color='#99F'; this.style.backgroundColor='white'" onmouseout="this.style.color='black'">Кадровое агентство «Шанс» работает с 1998 года. За время уверенного и динамичного развития кадровое агентство превратилось в Международный кадровый центр по оказанию полного объема услуг в сфере подбора персонала.</i>
<i onmouseover="this.style.color='#99F'; this.style.backgroundColor='white'" onmouseout="this.style.color='black'">Гарантия успешной деятельности кадрового агентства - высококвалифицированная команда психологов, социологов, специалистов в области менеджмента и финансов, юриспруденции и маркетинга, которая обеспечивает подбор персонала для предприятий различных отраслей экономики и форм собственности.
Мы помогаем решить главную проблему предпринимательства - кадровый голод.</i>
<h3 style="color:#900; text-align:center"><a href="rabot.html" onmouseover="this.outerHTML='<H3>Ищите людей для вашей организации?</H3>'">Подбор персонала</a> </h3>
<p align="center"><img src="images/img1.jpg" border="1" class="filter2">
<p>С равной ответственностью мы занимаемся подбором персонала как для отдельных предпринимателей и небольших фирм, так и для крупных холдинговых структур, максимально учитываем индивидуальные запросы заказчиков. Мы стремимся к партнерским взаимоотношениям с нашими заказчиками. Качество и квалификация кадров - наше общее дело.
<i onmouseover="this.style.color='#99F'; this.style.backgroundColor='white'" onmouseout="this.style.color='black'">В кадровом агентстве разработана и успешно действует современная система поиска и подбора персонала, основанная на следующих составляющих:</i>
<ul>
<li>Высокоэффективная технология поиска и подбора персонала, отвечающая самым высоким требованиям клиентов;
<li>Широкий круг профессиональных контактов и связей;
<li>Постоянно пополняемая база данных кандидатов.
</ul>
<i onmouseover="this.style.color='#99F'; this.style.backgroundColor='white'" onmouseout="this.style.color='black'">Стоимость услуг кадрового агентства «Шанс» конкурентоспособна и при этом уровень сервиса, который мы оказываем, очень высок. Мы стараемся сотрудничать с каждым клиентом на принципах максимального удобства, взаимной выгоды и делового партнерства.</i>
<p>В нашем кадровом агентстве открыты Департаменты: «Шанс - Строительный проект» и «Шанс - Промперсонал».
<td valign="top">
<div class="zag1">Список вакансий</div>
<div class="text1">
<b style="color:#900" onclick="this.style.backgroundColor='red'">Дизайнер</b>
<br><b>направление:</b> Проектирование и монтаж выставочных стендов
<br><b>з/п:</b> 60000 руб.
<hr>
<p><b style="color:#900" onclick="this.style.backgroundColor='red'">Менеджер отдела закупок и логистики</b>
<br><b>направление:</b> Продажа стройматериалов
<br><b>з/п:</b> 40000 руб.
<hr>
<p><b style="color:#900" onclick="this.style.backgroundColor='red'">Заведующий складом</b>
<br><b>направление:</b> Фармацевтика
<br>з/п:</b> 40000 руб.
<hr>
<p><b style="color:#900" onclick="this.style.backgroundColor='red'">Секретарь / Офис менеджер</b>
<br><b>направление:</b> Металлургия
<br><b>з/п:</b> 55000 руб.
<hr>
<p><b style="color:#900" onclick="this.style.backgroundColor='red'">Медицинский технолог-проектировщик</b>
<br><b>направление:</b> Строительство
<br><b>з/п:</b> 40000 руб.
<hr>
</div>
</tr>
<tr><td colspan=3 align="center" height="50" onclick="this.style.backgroundColor='#10ffff'">© 2011 - "Шанс", Агафонова Лидия </tr>
</table>
</body>
</html>
Страница vacansy.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Кадровое агентство "Шанс"</title>
<style>
</style>
<link href="default.css" rel="stylesheet" type="text/css">
</head>
<body>
<table border="1" align="center" width="100%" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<tr><td width="100" height="100" align="center" valign="middle">
<span style="font-size:24px; color:#900">ШАНС</span><td colspan="2"><img src="images/img2.jpg" STYLE=filter:blur(Add=1, Direction=1, Strength=15)></tr>
<tr>
<td valign="top">
<div id="zag">Кадровое агенство</div>
<div id="text">
<br><a href="index.html">Главная</a>
<br><a href="rabot.html">Подбор персонала</a>
<br><a href="vacancy.html">Вакансии</a>
<br><a href="contact.html">Контакты</a>
<br><a href="resume.html">Ваше резюме</a>
<br>
<br><hr>
</div>
<td valign="top" width="800">
<h3 style="color:#900; text-align:center">Вакансии</h3>
<span class="text2">
<p onclick="this.style.backgroundColor='#ff99ff'"><b style="color:#900">Менеджер отдела закупок и логистики</b>
<br><b>направление:</b> Продажа стройматериалов
<br><b>з/п:</b> 40000 руб.подробнее</p>
<hr>
<p onclick="this.style.backgroundColor='#ff99ff'"><b style="color:#900">Управляющий магазином</b>
<br><b>направление:</b> Розница, одежда
<br><b>з/п:</b> 80000 руб.подробнее</p>
<hr>
<p onclick="this.style.backgroundColor='#ff99ff'"><b style="color:#900">Начальник отдела продаж</b>
<br><b>направление:</b> Проведение бизнес-тренингов
<br><b>з/п:</b> до 200000 руб.подробнее</p>
<hr>
<p onclick="this.style.backgroundColor='#ff99ff'"><b style="color:#900">Менеджер отдела закупок и логистики</b>
<br><b>направление:</b> Продажа стройматериалов
<br><b>з/п:</b> 40000 руб.подробнее</p>
<hr>
<p onclick="this.style.backgroundColor='#ff99ff'"><b style="color:#900">Менеджер по продажам</b>
<br><b>направление:</b> Поставки оборудования для пищевой промышленности
<br><b>з/п:</b> до 70000 руб.подробнее</p>
<hr>
<p onclick="this.style.backgroundColor='#ff99ff'"><b style="color:#900">Менеджер по продажам</b>
<br><b>направление:</b> Оптовая торговля / соки
<br><b>з/п:</b> по договоренностиподробнее</p>
<hr>
<p onclick="this.style.backgroundColor='#ff99ff'"><b style="color:#900">Менеджер по продажам спецодежды</b>
<br><b>направление:</b> Продажа спецодежды
<br><b>з/п:</b> 40000 руб.подробнее</p>
<hr>
<p onclick="this.style.backgroundColor='#ff99ff'"><b style="color:#900">Менеджер по продажам</b>
<br><b>направление:</b> Продажа оборудования для ж/д
<br><b>з/п:</b> 35000 руб.подробнее</p>
<hr>
<p onclick="this.style.backgroundColor='#ff99ff'"><b style="color:#900">Менеджер по продажам (упаковочные материалы)</b>
<br><b>направление:</b> Производство и продажа упаковки
<br><b>з/п:</b> 60000 руб.подробнее</p>
<hr>
<p onclick="this.style.backgroundColor='#ff99ff'"><b style="color:#900">Менеджер по продажам оборудования для очистки воды в загородных домах</b>
<br><b>направление:</b> Продажа фильтров и систем очистки воды
<br><b>з/п:</b> 25000 руб.подробнее</p>
<hr>
<p onclick="this.style.backgroundColor='#ff99ff'"><b style="color:#900">Инженер-консультант</b>
<br><b>направление:</b> Инжиниринговая компания
<br><b>з/п:</b> 35000 руб.подробнее</p>
<hr>
</span>
<p><center>
<br><INPUT TYPE="button" VALUE="Перейти назад" onClick="history.back()">
<br><INPUT type="button" VALUE="На главную" OnClick="location.href='index.html';">
<br><INPUT TYPE="button" VALUE="Перейти вперед" onClick="history.forward()">
</center>
<td valign="top" width="100">
<p><b style="color:#900">Резюме</b> - <i>документ, содержащий информацию о навыках, опыте работы, образовании и другой относящейся к делу информации, обычно требуемый при рассмотрении кандидатуры человека для найма на работу.</i>
<p><b style="color:#900">Вакансия</b> - <i>наличие незанятого рабочего места или должности, на которую может быть принят новый работник.</i>
</tr>
<tr>
<td colspan=3 align="center" height="50">© 2011 - "Шанс", Агафонова Лидия </tr>
</table>
</body>
</html>
Страница contact.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Кадровое агентство "Шанс"</title>
<link href="default.css" rel="stylesheet" type="text/css">
</head>
<body>
<table border="1" align="center" width="100%" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<tr><td width="100" height="100" align="center" valign="middle" STYLE=filter:glow(strength=2,color=black)><span style="font-size:24px; color:#900">ШАНС</span><td colspan="2"><img src="images/img2.jpg" STYLE=filter:blur(Add=1, Direction=1, Strength=15)></tr>
<tr>
<td valign="top">
<div id="zag">Кадровое агенство</div>
<div id="text">
<br><a href="index.html">Главная</a>
<br><a href="rabot.html">Подбор персонала</a>
<br><a href="vacancy.html">Вакансии</a>
<br><a href="contact.html">Контакты</a>
<br><a href="resume.html">Ваше резюме</a>
<br>
<br><hr>
</div>
<td valign="top" width="600">
<h3 style="color:#900; text-align:center">Контакты</h3>
<p><b>Адрес:</b> ул. Победы 85
<br><b>Телефон:</b> 33-33-33
<br><b>Директор:</b> Агафонова Лидия Сергеевна
<p><center>
<br><INPUT TYPE="button" VALUE="Перейти назад" onClick="history.back()">
<br><INPUT type="button" VALUE="На главную" OnClick="location.href='index.html';">
<br><INPUT TYPE="button" VALUE="Перейти вперед" onClick="history.forward()">
</center>
<td valign="top">
<div class="zag1">Список вакансий</div>
<div class="text1">
<b style="color:#900">Дизайнер</b>
<br><b>направление:</b> Проектирование и монтаж выставочных стендов
<br><b>з/п:</b> 60000 руб.
<hr>
<p><b style="color:#900">Менеджер отдела закупок и логистики</b>
<br><b>направление:</b> Продажа стройматериалов
<br><b>з/п:</b> 40000 руб.
<hr>
<p><b style="color:#900">Заведующий складом</b>
<br><b>направление:</b> Фармацевтика
<br>з/п:</b> 40000 руб.
<hr>
<p><b style="color:#900">Секретарь / Офис менеджер</b>
<br><b>направление:</b> Металлургия
<br><b>з/п:</b> 55000 руб.
<hr>
<p><b style="color:#900">Медицинский технолог-проектировщик</b>
<br><b>направление:</b> Строительство
<br><b>з/п:</b> 40000 руб.
<hr>
</div>
</tr>
<tr><td colspan=3 align="center" height="50">© 2011 - "Шанс", Агафонова Лидия</tr>
</table>
</body>
</html>
Страница resume.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Кадровое агентство "Шанс"</title>
<link href="default.css" rel="stylesheet" type="text/css">
</head>
<body>
<table border="1" align="center" width="100%" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<tr><td width="100" height="100" align="center" valign="middle" STYLE=filter:glow(strength=2,color=black)><span style="font-size:24px; color:#900">ШАНС</span><td colspan="2"><img src="images/img2.jpg" STYLE=filter:blur(Add=1, Direction=1, Strength=15)></tr>
<tr>
<td valign="top">
<div id="zag">Кадровое агенство</div>
<div id="text">
<br><a href="index.html">Главная</a>
<br><a href="rabot.html">Подбор персонала</a>
<br><a href="vacancy.html">Вакансии</a>
<br><a href="contact.html">Контакты</a>
<br><a href="resume.html">Ваше резюме</a>
<br>
<br><hr>
</div>
<td valign="top" width="600">
<h3 style="color:#900; text-align:center">Контакты</h3>
<p align="center">
<form name="form1">
<br><input type="text" name="fio" value="ФИО">
<br><input type="text" name="spec" value="Специализация">
<br><input type="text" name="kach" value="Личные качства">
<br><input type="text" name="rabot" value="Желаемая работа">
<br><input type="text" name="oplat" value="Размер зарплаты">
<br><textarea name="mes">Сообщение для работодателя</textarea>
<br><br><input type="button" onClick="resume(form1)" value="Оставить резюме"><input type="reset" value="Очистить">
</form>
<script>
function resume(obj)
{
var fio = obj.fio.value;
var spec = obj.spec.value;
var kach = obj.kach.value;
var rabot = obj.rabot.value;
var oplat = obj.oplat.value;
var mes = obj.mes.value;
document.writeln("<p><b>"+fio+"</b>");
document.writeln("<p><b>Специальность:</b> <i>"+spec+"</i>");
document.writeln("<p><b>Личные качества:</b> <i>"+kach+"</i>");
document.writeln("<p><b>Желаемая работа:</b> <i>"+rabot+"</i>");
document.writeln("<p><b>Желаемый размер оплаты:</b> <i>"+oplat+"</i>");
document.writeln("<p><b>Сообщение от вас:</b> <i>"+mes+"</i>");
document.writeln("<br><a href=resume.html>Назад</a>");
document.writeln("<p><center>");
document.writeln("</center> ");
}
</script>
<p><center>
<br><INPUT TYPE="button" VALUE="Перейти назад" onClick="history.back()">
<br><INPUT type="button" VALUE="На главную" OnClick="location.href='index.html';">
<br><INPUT TYPE="button" VALUE="Перейти вперед" onClick="history.forward()">
</center>
<td valign="top">
<div class="zag1">Список вакансий</div>
<div class="text1">
<b style="color:#900">Дизайнер</b>
<br><b>направление:</b> Проектирование и монтаж выставочных стендов
<br><b>з/п:</b> 60000 руб.
<hr>
<p><b style="color:#900">Менеджер отдела закупок и логистики</b>
<br><b>направление:</b> Продажа стройматериалов
<br><b>з/п:</b> 40000 руб.
<hr>
<p><b style="color:#900">Заведующий складом</b>
<br><b>направление:</b> Фармацевтика
<br>з/п:</b> 40000 руб.
<hr>
<p><b style="color:#900">Секретарь / Офис менеджер</b>
<br><b>направление:</b> Металлургия
<br><b>з/п:</b> 55000 руб.
<hr>
<p><b style="color:#900">Медицинский технолог-проектировщик</b>
<br><b>направление:</b> Строительство
<br><b>з/п:</b> 40000 руб.
<hr>
</div>
</tr>
<tr><td colspan=3 align="center" height="50">© 2011 - "Шанс", Агафонова Лидия</tr>
</table>
</body>
</html>
Страница rabot.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Кадровое агентство "Шанс"</title>
<link href="default.css" rel="stylesheet" type="text/css">
</head>
<body>
<table border="1" align="center" width="100%" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<tr><td width="100" height="100" align="center" valign="middle"><span style="font-size:24px; color:#900">ШАНС</span><td colspan="2"><img src="images/img2.jpg" STYLE=filter:blur(Add=1, Direction=1, Strength=15)></tr>
<tr>
<td valign="top">
<div id="zag">Кадровое агенство</div>
<div id="text">
<br><a href="index.html">Главная</a>
<br><a href="rabot.html">Подбор персонала</a>
<br><a href="vacancy.html">Вакансии</a>
<br><a href="contact.html">Контакты</a>
<br><a href="resume.html">Ваше резюме</a>
<br>
<br><hr>
</div>
<td>
<h3 style="color:#900; text-align:center">Подбор персонала</h3>
<p><b>Специализация кадрового агентства «Шанс»</b> - профессиональный подбор высококвалифицированного персонала топ-менеджеров и менеджеров среднего звена в областях:
<ul>
<li>финансы, бухгалтерия и аудит
<li>внешнеэкономическая деятельность
<li>инвестиции
<li>страхование
<li>реклама и маркетинг
<li>секретариат
<li>строительство
<li>оптовая и розничная торговля
</ul>
<p>Для начала работы по подбору специалистов достаточно только сообщить о наличии у Вас вакансии, связавшись с нами по телефону. Вы получите подробную информацию об условиях сотрудничества.
<p>Вы можете заполнить форму заявки на подбор специалиста и направить нам ее в произвольной форме по факсу: <b>8(4722)01-23-45</b> или электронной почте: <b>vacancy@shans.ru</b>
<p>Менеджеры нашего кадрового агентства встретятся с Вами для получения более подробной информации о вашей компании, в целях уточнения требований к кандидатам по вакансии.
<p>Составляя портрет идеального кандидата на замещение должности, помимо квалификационных требований к нему мы обязательно учитываем корпоративную культуру, стиль руководства, организационную структуру, а также положение дел и специфику деятельности компании.
<p><b>Мы приступаем к работе немедленно - сразу после Вашего первого звонка.</b>
<p>Как правило, уже на первой встрече мы предлагаем на Ваш выбор несколько развернутых резюме специалистов в соответствии с Вашей заявкой.
<p><b>Стоимость наших услуг:</b>
<p>Мы работаем без предоплаты. Стоимость услуг - 1 оклад подбираемого специалиста.
<p>Наша ценовая политика очень гибкая. По каждой вакансии стоимость обсуждается индивидуально.
<p><b>Наша гарантия:</b> мы готовы бесплатно заменить кандидата в течение трех - шести месяцев с начала его работы.
<p><b>Наши преимущества:</b>
<ul>
<li>высококвалифицированная команда менеджеров, солидный практический опыт работы на рынке кадровых услуг
<li>широкий круг профессиональных контактов и связей
<li>использование современных технологий подбора персонала, применение новейших методов оценки личностных и профессиональных качеств соискателей
<li>гибкий подход и уважительное отношение к нашим заказчикам и клиентам.
</ul>
<p>Мы высоко ценим наших клиентов и стремимся к долгосрочным партнерским отношениям.
<p><b>Надеемся, что и Вы воспользуетесь нашими услугами по подбору специалистов.</b>
<p><center>
<br><INPUT TYPE="button" VALUE="Перейти назад" onClick="history.back()">
<br><INPUT type="button" VALUE="На главную" OnClick="location.href='index.html';">
<br><INPUT TYPE="button" VALUE="Перейти вперед" onClick="history.forward()">
</center>
<td valign="top">
<div class="zag1">Список вакансий</div>
<div class="text1">
<b style="color:#900">Дизайнер</b>
<br><b>направление:</b> Проектирование и монтаж выставочных стендов
<br><b>з/п:</b> 60000 руб.
<hr>
<p><b style="color:#900">Менеджер отдела закупок и логистики</b>
<br><b>направление:</b> Продажа стройматериалов
<br><b>з/п:</b> 40000 руб.
<hr>
<p><b style="color:#900">Заведующий складом</b>
<br><b>направление:</b> Фармацевтика
<br>з/п:</b> 40000 руб.
<hr>
<p><b style="color:#900">Секретарь / Офис менеджер</b>
<br><b>направление:</b> Металлургия
<br><b>з/п:</b> 55000 руб.
<hr>
<p><b style="color:#900">Медицинский технолог-проектировщик</b>
<br><b>направление:</b> Строительство
<br><b>з/п:</b> 40000 руб.
<hr>
</div>
</tr>
<tr><td colspan=3 align="center" height="50">© 2011 - "Шанс", Агафонова Лидия</tr>
</table>
</body>
</html>
default.css
#zag
{
border-bottom-style:groove;
border-bottom-color:#900;
width:150px;
background-color:#F4F4F4;
text-align:center;
}
.zag1
{
border-bottom-style:groove;
border-bottom-color:#900;
width:200px;
background-color:#F4F4F4;
text-align:center;
}
#text
{
background-color:#FAFAFA;
width:150px;
}
.text1
{
background-color:#FAFAFA;
width:200px;
font-size:12px;
}
.text2
{
font-size:12px;
}
a {
color: #660000;
text-decoration: none;
font-weight:bold;
}
a:hover
{
color: #ff0000;
text-decoration: none;
font-weight:bold;
}
.filter1
{
filter:glow(strength=2,color=black);
}
.filter2
{
filter:blur(Add=1, Direction=1, Strength=5);
}