Список использованных источников

1. Айзекс А. Dynamic HTML BHV / А. Айзекс. – СПб, 1998.

2. Гаевский, А.Ю. 100% самоучитель. Создание Web-страниц и Web-сайтов. HTML и JavaScript / А.Ю. Гаевский, В.А. Романовский. – М.: Триумф, 2010. – 464 c.

3. Ганчаров, А. Самоучитель HTML / А. Ганчаров. – Питер, 2000.

4. Гарнаев, А. WEB-программирование на Java и JavaScript / А. Гарнаев , С. Гарнаев. – М.: БХВ-Петербург, 2013. – 313 c.

5. Глушаков, С. В. Программирование Web-страниц. JavaScript. VBScript / С.В. Глушаков, И.А. Жакин, Т.С. Хачиров. – М.: Фолио, 2013. – 390 c.

6. Гудман, Д. JavaScript и DHTML. Сборник рецептов. Для профессионалов / Д. Гудман. – М.: Питер, 2014. – 523 c.

7. Дарнелл, Р. HTML 4 Энциклопедия пользователя / Р. Дарнелл. ДиаСофт, 1999.

8. Денисов, Л.Д. Internet Explorer 5 Справочник / Л.Д. Денисов. – Питер, 1999.

9. Дмитриева, М. JavaScript. Быстрый старт / М. Дмитриева. – М.: СПб: БХВ, 2016. – 328 c.

10. Дронов, В. JavaScript в Web-дизайне / В. Дронов. – М.: СПб: БХВ, 2015. – 880 c.

11. Дронов, В. JavaScript и AJAX в Web-дизайне / В. Дронов. – М.: БХВ-Петербург, 2012. – 736 c.

12. Дронов, В. JavaScript. Народные советы / В. Дронов. – М.: БХВ-Петербург, 2016. - 464 c.

13. Кингсли-Хью, Э. JavaScript: учебный курс / Э. Кингсли-Хью. – СПб.: Питер, 2002.

14. Петюшкин, А.В. HTML. Экспресс-курс / А.В. Петюшкин. – СПб.: БХВ, 2003.

15. Хоумер, А. Dynamic HTML Справочник / А. Хоумер. – Питер, 1999.

Приложение 1:

Часто используемые спецсимволы (по стандарту ISO 8859 – 1):

Код символа	Числовой код	Мнемонический код	Название	Символ
34	&#34	&quot	Прямая кавычка	“
38	&#38	&amp	Амперсанд	&
60	&#60	&lt	знак «меньше»	<
62	&#62	&gt	Знак «больше»	>
153	&#153	&trade	Троговая марка	™
160	&#160	&nbsp	Неразрывный пробел
162	&#162	&cent	Цент	¢
163	&#163	&pound	Фунт	£
164	&#164	&curren	Знак валюты	¤
165	&#165	&yen	Йена	¥
166	&#166	&brvbar	Вертикальная строка	¦
167	&#167	&sect	Знак параграфа	§
169	&#169	&copy	Знак копирайта	©
171	&#171	&laquo	Левая типографская кавычка	«
172	&#172	&not	Знак отрицания
174	&#174	&reg	Знак “зарегестрировано”	®
176	&#176	&deg	Знак градуса	°
177	&#177	&plusmn	Знак “плюс минус»	±
178	&#178	&sup2	Степень 2	²
179	&#179	&sup3	Степень 3	³
181	&#181	&mikro	Знак «микро»	µ
182	&#182	&para	Знак абзаца	¶
183	&#183	&middot	Точка-маркер	·
185	&#185	&sup1	Степень 1	¹
187	&#187	&raquo	Правая типографская кавычка	»
188	&#188	&frac14	Одна четвёртая	¼
189	&#189	&frac12	Одна вторая	½
215	&#215	&times	Знак умножения / кавычки/	*
247	&#247	&divide	Знак деления	/

Приложение 2:

Таблица допустимых названий цветов и их RGB-код:

Русское название	Английское название	RGB – код
Аквамарин	Aqua	#00FFFF
Белый	White	#FFFFFF
Жёлтый	Yellow	#FFFF00
Зелёный	Green	#008000
Золотой	Gold	#FF0700
Индиго	Indigo	#4B0080
Каштановый	Maroon	#800000
Красный	Red	#FF0000
Оливковый	Olive	#808000
Оранжевый	Orange	#FF0000
Пурпурный	Purple	#800080
Светло-зелёный	Lime	#00FF00
Серебристый	Silver	#C0C0C0
Серый	Gray	#808080
Сизый	Teal	#008080
Синий	Blue	#0000FF
Ультрамарин	Navy	#000080
Фиолетовый	Violet	#EE80EE
Фуксиновый	Fuchsia	#FF00FF
Чёрный	Black	#000000

 

Приложение 3 :

Код данных программ:

function calendar(id, year, month) {

var Dlast = new Date(year,month+1,0).getDate(),

D = new Date(year,month,Dlast),

DNlast = new Date(D.getFullYear(),D.getMonth(),Dlast).getDay(),

DNfirst = new Date(D.getFullYear(),D.getMonth(),1).getDay(),

calendar = '<tr>',

month=["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"];

if (DNfirst != 0) {

for(var i = 1; i < DNfirst; i++) calendar += '<td>';

}else{

for(var i = 0; i < 6; i++) calendar += '<td>';

}

for(var i = 1; i <= Dlast; i++) {

if (i == new Date().getDate() && D.getFullYear() == new Date().getFullYear() && D.getMonth() == new Date().getMonth()) {

calendar += '<td class="today">' + i;

}else{

calendar += '<td>' + i;

}

if (new Date(D.getFullYear(),D.getMonth(),i).getDay() == 0) {

calendar += '<tr>';

}

}

for(var i = DNlast; i < 7; i++) calendar += '<td> ';

document.querySelector('#'+id+' tbody').innerHTML = calendar;

document.querySelector('#'+id+' thead td:nth-child(2)').innerHTML = month[D.getMonth()] +' '+ D.getFullYear();

document.querySelector('#'+id+' thead td:nth-child(2)').dataset.month = D.getMonth();

document.querySelector('#'+id+' thead td:nth-child(2)').dataset.year = D.getFullYear();

if (document.querySelectorAll('#'+id+' tbody tr').length < 6) { // чтобы при перелистывании месяцев не "подпрыгивала" вся страница, добавляется ряд пустых клеток. Итог: всегда 6 строк для цифр

document.querySelector('#'+id+' tbody').innerHTML += '<tr><td> <td> <td> <td> <td> <td> <td> ';

}

}

calendar("calendar", new Date().getFullYear(), new Date().getMonth());

// переключатель минус месяц

document.querySelector('#calendar thead tr:nth-child(1) td:nth-child(1)').onclick = function() {

calendar("calendar", document.querySelector('#calendar thead td:nth-child(2)').dataset.year, parseFloat(document.querySelector('#calendar thead td:nth-child(2)').dataset.month)-1);

}

// переключатель плюс месяц

document.querySelector('#calendar thead tr:nth-child(1) td:nth-child(3)').onclick = function() {

calendar("calendar", document.querySelector('#calendar thead td:nth-child(2)').dataset.year, parseFloat(document.querySelector('#calendar thead td:nth-child(2)').dataset.month)+1);

}