1. Шегар А.М. CSS - Cascading Style Sheet в примерах. - Internet, http/www.citforum.ru.
2. Шегар А.М. JavaScript в примерах. - Internet, http/www.citforum.ru.
3. Модель событий JavaScript - Internet, http/www.rambler.
4. Каллахан И. Ваша WEB-страница. Проблемы и решения. с англ. - М.: “ЭКОМ”, 2002-.- 290с., ил.
5. Глушаков С.В., Жакин И.А., Хачиров Т.С. – Программирование Web-страниц . – Харьков: «Фолио», 2005.–390 с.– (Учебный курс)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<LINK Rel="StyleSheet" Type="text/css" Href="./styles.css">
<title>Управляющая компания №2</title>
</head>
<body>
<a href="index.htm">
<img src="Zagolovok.jpg" width=810 height=169 alt="Управляющая компания №2"></a>
<div align="left">
<table border="0" width="16%" align="left" height="444" style="border-right-width: 0px">
<tr>
<td width="147" height="62" >
<img border="0" src="map.jpg" width="130" height="35" align="top" alt="карта сайта"></td>
</tr>
<tr>
<td width="147" onmouseout="bgColor=''" onmouseover="bgColor= '#99CCFF'">
<ul>
<li><a href="index.htm">
<span ID="id001">Новости</span></a></li>
</ul></td>
</tr>
<tr>
<td width="147" onmouseout="bgColor=''" onmouseover="bgColor= '#99CCFF'">
<ul>
<li><a href="about.htm">
<span ID="id001">О компании</span></a></li>
</ul></td>
</tr>
<tr>
<td width="147"onmouseout="bgColor=''" onmouseover="bgColor= '#99CCFF'">
<ul>
<li><a href="usl.htm">
<span ID="id001">Услуги</span></a></li>
</ul></td>
</tr>
<tr>
<td width="147"onmouseout="bgColor=''" onmouseover="bgColor= '#99CCFF'">
<ul>
<li><a href="vacans.htm">
<span ID="id001">Вакансии</span></a></li>
</ul></td>
</tr>
<tr>
<td width="147" height="42" onmouseout="bgColor=''" onmouseover="bgColor= '#99CCFF'">
<ul>
<li><a href="kontakt.htm">
<span ID="id001">Контакты</span></a></li>
</ul></td>
</tr>
<tr>
<td width="147" height="164" > </td>
</tr>
</table>
<table border="1" width="670" height="29">
<tr>
<td width="140" align="center"><a href="index.htm">Новости</a></td>
<td width="141" align="center"><a href="about.htm">О компании</a></td>
<td width="140" align="center"><a href="usl.htm">Услуги</a></td>
<td width="142" align="center"><a href="vacans.htm">Вакансии</a></td>
<td align="center" width="121" height="23">
<a href="kontakt.htm">Контакты</a></td>
</tr>
</table>
</div>
<p>
<div ID="id002">10 января</div>
Первый рабочий день. Все выходят на работу, после затяжного отпуска, а негодяй Базаркин Ю.Л. ушёл вновь в академический отпуск так и не организовав на предприятии коллективный доступ в Интернет.
<br>АТУ его!!! АТУ!
<div ID="id002">5 января</div>
Все люди как люди, а бухгалтера из расчетного отдела вышли сегодня на работу и рассчитывали зарплату всевозможным грузчикам, дворникам и сантехникам. Бухи - молодцы!!!
<p>
<div ID="id002">1 января</div>
Вот и закончился 2005 год и наступил 2006год - год огненной собаки.
Счастья радости и благополучия вам в НОВОМ ГОДУ! С наступившим всех!!!
<p>
<div ID="id002">29 декабря</div>
Вечер в Управляющей компании! Ожидается очень много интересного , всем пожелавшим (и сдавшим Михайловне деньги)
Быть в 18,00 в кафе Салют.
<p>
<div ID="id002">26 декабря</div>
Поздравляем всех с наступающим и рождеством! Получите официальное поздравление в виде открыток!
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<LINK Rel="StyleSheet" Type="text/css" Href="./styles.css">
<title>Управляющая компания №2</title>
<SCRIPT language=JavaScript>
var strText = "";
function showtext(i) {
var HTMLtag = 0;
for (count=4; i < strText.length && count > 0; i++) {
if (strText.charAt(i) == "<" || strText.charAt(i) == ">") HTMLtag = !HTMLtag;
if (!HTMLtag) count--;}
document.all["myBlock"].innerHTML = strText.substr(0, i);
if (i < strText.length) setTimeout("showtext(" + i + ")", 20);}
function doit() {
strText = document.all["myBlock"].innerHTML;
document.all["myBlock"].innerHTML = "";
document.all["myBlock"].style.visibility = "visible";
setTimeout("showtext(0)", 100);}
</SCRIPT>
</head>
<body onload=doit() >
<a href="index.htm">
<img src="Zagolovok.jpg" width=810 height=169 alt="Управляющая компания №2"></a> <div align="left">
<table border="0" width="16%" align="left" height="444" style="border-right-width: 0px">
<tr>
<td width="147" height="62" >
<img border="0" src="map.jpg" width="130" height="35" align="top" alt="карта сайта"></td>
</tr>
<tr>
<td width="147" onmouseout="bgColor=''" onmouseover="bgColor= '#99CCFF'">
<ul>
<li><a href="index.htm">
<span ID="id001">Новости</span></a></li>
</ul></td>
</tr>
<tr>
<td width="147" onmouseout="bgColor=''" onmouseover="bgColor= '#99CCFF'">
<ul>
<li><a href="about.htm">
<span ID="id001">О компании</span></a></li>
</ul></td>
</tr>
<tr>
<td width="147"onmouseout="bgColor=''" onmouseover="bgColor= '#99CCFF'">
<ul>
<li><a href="usl.htm">
<span ID="id001">Услуги</span></a></li>
</ul></td>
</tr>
<tr>
<td width="147"onmouseout="bgColor=''" onmouseover="bgColor= '#99CCFF'">
<ul>
<li><a href="vacans.htm">
<span ID="id001">Вакансии</span></a></li>
</ul></td>
</tr>
<tr>
<td width="147" height="42" onmouseout="bgColor=''" onmouseover="bgColor= '#99CCFF'">
<ul>
<li><a href="kontakt.htm">
<span ID="id001">Контакты</span></a></li>
</ul></td> </tr>
<tr> <td width="147" height="164" > </td> </tr>
</table>
<table border="1" width="670" height="29">
<tr>
<td width="140" align="center"><a href="index.htm">Новости</a></td>
<td width="141" align="center"><a href="about.htm">О компании</a></td>
<td width="140" align="center"><a href="usl.htm">Услуги</a></td>
<td width="142" align="center"><a href="vacans.htm">Вакансии</a></td>
<td align="center" width="121" height="23"><a href="kontakt.htm">Контакты</a></td> </tr>
</table>
</div> <p> <span id=myBlock style="VISIBILITY: hidden">
<br> Учредителем Предприятия является мэрия г.Тольятти Находится в ведомственном подчинении МУ «Департамент энергетики, ЖКХ и связи» г.Тольятти.
<br> Предприятие осуществляет свою деятельность в соответствии с Федеральным законом «О государственных и муниципальных унитарных предприятиях» и иными нормативными актами Российской Федерации, нормативными актами местного самоуправления г. Тольятти.
<br> Предприятие является коммерческой организацией и несет ответственность установленной законодательством РФ, за результаты своей производственно-хозяйственной и финансовой деятельности и выполнение обязательств перед собственником имущества городом Тольятти, поставщиками и потребителями, бюджетом, банками и другими юридическими и физическими лицами.
<br> Целями создания МП г.Тольятти "Управляющая компания № 2" являются удовлетворение общественных потребностей и получение прибыли. Предметом деятельности является выполнение работ, производство продукции, оказание услуг, а также осуществление функций управляющей компании в сфере жилищно-коммунального хозяйства, дорожного хозяйства и благоустройства на территории Автозаводского района г.Тольятти.</span>
<P>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<LINK Rel="StyleSheet" Type="text/css" Href="./styles.css">
<SCRIPT language=JavaScript>
var strText = "";
function showtext(i) {
var HTMLtag = 0;
for (count=4; i < strText.length && count > 0; i++) {
if (strText.charAt(i) == "<" || strText.charAt(i) == ">") HTMLtag = !HTMLtag;
if (!HTMLtag) count--;}
document.all["myBlock"].innerHTML = strText.substr(0, i);
if (i < strText.length) setTimeout("showtext(" + i + ")", 20);}
function doit() {
strText = document.all["myBlock"].innerHTML;
document.all["myBlock"].innerHTML = "";
document.all["myBlock"].style.visibility = "visible";
setTimeout("showtext(0)", 100);}
</SCRIPT>
<title>Управляющая компания №2</title>
</head>
<body onload=doit()>
<a href="index.htm">
<img src="Zagolovok.jpg" width=810 height=169 alt="Управляющая компания №2"></a>
<div align="left">
<table border="0" width="16%" align="left" height="444" style="border-right-width: 0px">
<tr>
<td width="147" height="62" >
<img border="0" src="map.jpg" width="130" height="35" align="top" alt="карта сайта"></td>
</tr>
<tr>
<td width="147" onmouseout="bgColor=''" onmouseover="bgColor= '#99CCFF'">
<ul>
<li><a href="index.htm">
<span ID="id001">Новости</span></a></li>
</ul></td>
</tr>
<tr>
<td width="147" onmouseout="bgColor=''" onmouseover="bgColor= '#99CCFF'">
<ul>
<li><a href="about.htm">
<span ID="id001">О компании</span></a></li>
</ul></td>
</tr>
<tr>
<td width="147"onmouseout="bgColor=''" onmouseover="bgColor= '#99CCFF'">
<ul>
<li><a href="usl.htm">
<span ID="id001">Услуги</span></a></li>
</ul></td>
</tr>
<tr>
<td width="147"onmouseout="bgColor=''" onmouseover="bgColor= '#99CCFF'">
<ul>
<li><a href="vacans.htm">
<span ID="id001">Вакансии</span></a></li>
</ul></td>
</tr>
<tr>
<td width="147" height="42" onmouseout="bgColor=''" onmouseover="bgColor= '#99CCFF'">
<ul>
<li><a href="kontakt.htm">
<span ID="id001">Контакты</span></a></li>
</ul></td>
</tr>
<td width="147" height="164" > </td>
</tr>
</table> <table border="1" width="670" height="29">
<tr>
<td width="140" align="center"><a href="index.htm">Новости</a></td>