Копии экрана с работающим приложением




Отчет по лабораторной работе №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>&nbsp;

<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'">&copy; 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>&nbsp;

<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">&copy; 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>&nbsp;

<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">&copy; 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>&nbsp;

<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">&copy; 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>&nbsp;

<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">&copy; 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);

}



Поделиться:




Поиск по сайту

©2015-2024 poisk-ru.ru
Все права принадлежать их авторам. Данный сайт не претендует на авторства, а предоставляет бесплатное использование.
Дата создания страницы: 2016-04-27 Нарушение авторских прав и Нарушение персональных данных


Поиск по сайту: