1744
.pdf
а) Фамилия б) Имя в) Отчество
г) Дата рожденияя д) Адрес
е) e-mail
2. Напишите программу, вводящую значения a, b и c (prompt) и выводящую в окно браузера информацию в следующем виде:
При нажатии на кнопки выводится результат действий в диалоговом окне alert.
3. Создайте форму, позволяющую пользователю ввести числовые
значения для полей: a,b,s и t; вычислить |
выражение |
Z |
a b |
, |
|
s t |
|||||
|
|
|
|
||
предварительно осуществив проверку для |
s и t на ввод нулевых |
||||
значений. |
|
|
|
|
|
4. Напишите программу, выводящую в окно браузера форму следующего вида и выполняющую расчет среднего, максимального и минимального доходов за 1-й квартал:
90
Приложение 8
Использование объектов Date, document, window в формах
1. Создайте Web-страницу, на которой располагается следующая информация:
а) имеется таймер по подсчету времени "нахождения" пользователя на данной странице;
б) расположены две кнопки по смене фона документа (выбор цветов фона определяете самостоятельно);
г) располагаются поля вывода текущей даты и времени.
2.Создайте Web-страницу, на которой каждые 10 секунд происходит смена цвета из последовательности, состоящей из 4 цветов, по кругу (циклически).
3.Создайте Web-страницу, содержащую следующую форму:
91
При нажатии на кнопку «Не согласен» закрывается главное окно с формой.
При нажатии на кнопку «Согласен» открывается следующее окно для ввода кода (рисунок с кодом создайте в стандартном графическом редакторе Paint и сохраните с расширением jpg):
После ввода кода и нажатия кнопки «ОК» производится проверка правильности введенного кода. Если код введен неправильно, то закрывается дополнительное окно и выдается сообщение (alert): «Код введен не правильно». Если код введен правильно, то закрывается дополнительное окно, а в главное окно загружается файл из предыдущего задания с циклической сменой цветов фона.
92
Приложение 9
Обработка элементов форм
Создайте Web-страницу, используя средства HTML и JavaScript (основные теги работы с фреймами приведены в прил. 11):
При выполнении задания выполните следующие действия: а) Вывод текущей даты и времени.
б) Организуйте проверку ввода текстовых полей: Фамилия, Имя, Отчество, Группа.
в) Создайте тест. Организуйте проверку ответов на тест с выставлением оценки за тест:
за 1 правильный ответ – удовлетворительно;
за 2 правильных ответа – хорошо;
за 3-4 правильных ответа – отлично.
Оценка за тест появляется в окне сообщения alert при нажатии на кнопку «Результат тестирования».
93
|
|
Приложение 10 |
|
Таблица цветов на Web-странице |
|||
|
|
|
|
Цвет |
Название |
Код |
|
1 |
2 |
3 |
|
Белоснежный |
Snow |
#FFFAFA |
|
Призрачно-белый |
GhostWhite |
#F8F8FF |
|
Белый дымчатый |
WhiteSmoke |
#F5F5F5 |
|
Бледно-серый |
Gainsboro |
#DCDCDC |
|
Цветочно-белый |
FloralWhite |
#FFFAF0 |
|
Старые шнурки |
OldLace |
#FDF5E6 |
|
Парусина |
Linen |
#FAF0E6 |
|
Белый антик |
AntiqueWhite |
#FAEBD7 |
|
Крем папайя |
PapayaWhip |
#FFEFD5 |
|
Миндальный |
BlanchedAlmond |
#FFEBCD |
|
Раковый |
Bisque |
#FFE4C4 |
|
Персиковый |
PeachPuff |
#FFDAB9 |
|
Белый навахо |
NavajoWhite |
#FFDEAD |
|
Мокасин |
Moccasin |
#FFE4B5 |
|
Шелковый оттенок |
Cornsilk |
#FFF8DC |
|
Слоновая кость |
Ivory |
#FFFFF0 |
|
Лимонный |
LemonChiffon |
#FFFACD |
|
Ракушечный |
Seashell |
#FFF5EE |
|
Медовый |
Honeydew |
#F0FFF0 |
|
Мятный крем |
MintCream |
#F5FFFA |
|
Лазурный |
Azure |
#F0FFFF |
|
Белый с синевой |
AliceBlue |
#F0F8FF |
|
Бледно-лиловый |
lavender |
#E6E6FA |
|
Голубой с красным |
LavenderBlush |
#FFF0F5 |
|
отливом |
|
||
|
|
|
|
Тускло-розовый |
MistyRose |
#FFE4E1 |
|
Белый |
White |
#FFFFFF |
|
Черный |
Black |
#000000 |
|
Темный синевато-серый |
DarkSlateGray |
#2F4F4F |
|
Темно-серый |
DimGray |
#696969 |
|
Грифельно-серый |
SlateGray |
#708090 |
|
Светло-грифельно- |
LightSlateGray |
#778899 |
|
серый |
|
||
|
|
|
|
Серый |
Gray |
#BEBEBE |
|
Светло-серый |
LightGray |
#D3D3D3 |
|
Полуночно-синий |
MidnightBlue |
#191970 |
|
Военно-морской |
NavyBlue |
#000080 |
|
Васильковый |
CornflowerBlue |
#6495ED |
|
94
1 |
2 |
3 |
|
Темный грифельно- |
DarkSlateBlue |
#483D8B |
|
синий |
|||
|
|
||
Грифельно-синий |
SlateBlue |
#6A5ACD |
|
Насыщенный |
MediumSlateBlue |
#7B68EE |
|
грифельно-синий |
|||
|
|
||
Светлый грифельно- |
LightSlateBlue |
#8470FF |
|
синий |
|||
|
|
||
Насыщенный синий |
MediumBlue |
#0000CD |
|
Королевский синий |
RoyalBlue |
#4169E1 |
|
Синий |
Blue |
#0000FF |
|
Радикально-синий |
DodgerBlue |
#1E90FF |
|
Насыщенный небесно- |
DeepSkyBlue |
#00BFFF |
|
голубой |
|
|
|
Небесно-голубой |
SkyBlue |
#87CEEB |
|
Светлый небесно- |
LightSkyBlue |
#87CEFA |
|
голубой |
|||
|
|
||
Синий со стальным |
SteelBlue |
#4682B4 |
|
оттенком |
|||
|
|
||
Голубой со стальным |
LightSteelBlue |
#B0C4DE |
|
оттенком |
|||
|
|
||
Голубой |
LightBlue |
#ADD8E6 |
|
Синий с пороховым |
PowderBlue |
#B0E0E6 |
|
оттенком |
|||
|
|
||
Бледно-бирюзовый |
PaleTurquoise |
#AFEEEE |
|
Темно-бирюзовый |
DarkTurquoise |
#00CED1 |
|
Насыщенный |
MediumTurquoise |
#48D1CC |
|
бирюзовый |
|||
|
|
||
Бирюзовый |
Turquoise |
#40E0D0 |
|
Аква |
Cyan |
#00FFFF |
|
Светлый аква |
LightCyan |
#E0FFFF |
|
Серо-синий |
CadetBlue |
#5F9EA0 |
|
Насыщенный аквамарин |
MediumAquamarine |
#66CDAA |
|
Аквамарин |
Aquamarine |
#7FFFD4 |
|
Темно-зеленый |
DarkGreen |
#006400 |
|
Темно-оливковый |
DarkOliveGreen |
#556B2F |
|
Темная морская волна |
DarkSeaGreen |
#8FBC8F |
|
Цвет морской волны |
SeaGreen |
#2E8B57 |
|
Насыщенная морская |
MediumSeaGreen |
#3CB371 |
|
волна |
|||
|
|
||
Светлая морская волна |
LightSeaGreen |
#20B2AA |
|
Бледно-зеленый |
PaleGreen |
#98FB98 |
|
Весенне-зеленый |
SpringGreen |
#00FF7F |
|
|
95 |
|
1 |
2 |
3 |
|
Зеленая лужайка |
LawnGreen |
#7CFC00 |
|
Зеленый |
Green |
#00FF00 |
|
Зеленовато-желтый |
Chartreuse |
#7FFF00 |
|
Насыщенный весенне- |
MediumSpringGreen |
#00FA9A |
|
зеленый |
|||
|
|
||
Зелено-желтый |
GreenYellow |
#ADFF2F |
|
Лимонно-желтый |
LimeGreen |
#32CD32 |
|
Желто-зеленый |
YellowGreen |
#9ACD32 |
|
Зеленый лесной |
ForestGreen |
#228B22 |
|
Нежно-оливковый |
OliveDrab |
#6B8E23 |
|
Темный хаки |
DarkKhaki |
#BDB76B |
|
Бледно-золотистый |
PaleGoldenrod |
#EEE8AA |
|
березовый |
|||
|
|
||
Светло-золотистый |
LightGoldenrodYellow |
#FAFAD2 |
|
Светло-желтый |
LightYellow |
#FFFFE0 |
|
Желтый |
Yellow |
#FFFF00 |
|
Золотой |
Gold |
#FFD700 |
|
Светлый золотисто- |
LightGoldenrod |
#EEDD82 |
|
березовый |
|||
|
|
||
Золотисто-березовый |
goldenrod |
#DAA520 |
|
Темный золотисто- |
DarkGoldenrod |
#B8860B |
|
березовый |
|||
|
|
||
Розово-коричневый |
RosyBrown |
#BC8F8F |
|
Индейский красный |
IndianRed |
#CD5C5C |
|
Кожано-коричневый |
SaddleBrown |
#8B4513 |
|
Охра |
Sienna |
#A0522D |
|
Перуанский |
Peru |
#CD853F |
|
Легкий желтый |
Burlywood |
#DEB887 |
|
Бежевый |
Beige |
#F5F5DC |
|
Пшеничный |
Wheat |
#F5DEB3 |
|
Песочно-коричневый |
SandyBrown |
#F4A460 |
|
Рыжевато-коричневый |
Tan |
#D2B48C |
|
Шоколадный |
Chocolate |
#D2691E |
|
Кирпичный |
Firebrick |
#B22222 |
|
Коричневый |
Brown |
#A52A2A |
|
Темный семужный |
DarkSalmon |
#E9967A |
|
Семужный |
Salmon |
#FA8072 |
|
Светло-семужный |
LightSalmon |
#FFA07A |
|
Оранжевый |
Orange |
#FFA500 |
|
Темно-оранжевый |
DarkOrange |
#FF8C00 |
|
Коралловый |
Coral |
#FF7F50 |
|
Светло-коралловый |
LightCoral |
#F08080 |
|
|
96 |
|
1 |
2 |
3 |
|
Томатный |
Tomato |
#FF6347 |
|
Оранжево-красный |
OrangeRed |
#FF4500 |
|
Красный |
Red |
#FF0000 |
|
Теплый розовый |
HotPink |
#FF69B4 |
|
Малиновый |
DeepPink |
#FF1493 |
|
Розовый |
Pink |
#FFC0CB |
|
Светло-розовый |
LightPink |
#FFB6C1 |
|
Бледный красно- |
PaleVioletRed |
#DB7093 |
|
фиолетовый |
|||
|
|
||
Темно-бордовый |
Maroon |
#B03060 |
|
Насыщенный красно- |
MediumVioletRed |
#C71585 |
|
фиолетовый |
|||
|
|
||
Красно-фиолетовый |
VioletRed |
#D02090 |
|
Фуксин |
Magenta |
#FF00FF |
|
Фиолетовый |
Violet |
#EE82EE |
|
Темно-фиолетовый |
Plum |
#DDA0DD |
|
Орсель |
Orchid |
#DA70D6 |
|
Насыщенный орсель |
MediumOrchid |
#BA55D3 |
|
Темный орсель |
DarkOrchid |
#9932CC |
|
Темно-фиолетовый |
DarkViolet |
#9400D3 |
|
Фиолетово-синий |
BlueViolet |
#8A2BE2 |
|
Пурпурный |
Purple |
#A020F0 |
|
Насыщенный |
MediumPurple |
#9370DB |
|
пурпурный |
|||
|
|
||
Чертополох |
Thistle |
#D8BFD8 |
|
Белоснежный1 |
Snow1 |
#FFFAFA |
|
Белоснежный2 |
Snow2 |
#EEE9E9 |
|
Белоснежный3 |
Snow3 |
#CDC9C9 |
|
Белоснежный4 |
Snow4 |
#8B8989 |
|
Ракушечный1 |
Seashell1 |
#FFF5EE |
|
Ракушечный2 |
Seashell2 |
#EEE5DE |
|
Ракушечный3 |
Seashell3 |
#CDC5BF |
|
Ракушечный4 |
Seashell4 |
#8B8682 |
|
Белый антик1 |
AntiqueWhite1 |
#FFEFDB |
|
Белый антик2 |
AntiqueWhite2 |
#EEDFCC |
|
Белый антик3 |
AntiqueWhite3 |
#CDC0B0 |
|
Белый антик4 |
AntiqueWhite4 |
#8B8378 |
|
Раковый1 |
Bisque1 |
#FFE4C4 |
|
Раковый2 |
Bisque2 |
#EED5B7 |
|
Раковый3 |
Bisque3 |
#CDB79E |
|
Раковый4 |
Bisque4 |
#8B7D6B |
|
Персиковый1 |
PeachPuff1 |
#FFDAB9 |
|
Персиковый2 |
PeachPuff2 |
#EECBAD |
97
1 |
2 |
3 |
|
Персиковый3 |
PeachPuff3 |
#CDAF95 |
|
Персиковый4 |
PeachPuff4 |
#8B7765 |
|
Белый навахо1 |
NavajoWhite1 |
#FFDEAD |
|
Белый навахо2 |
NavajoWhite2 |
#EECFA1 |
|
Белый навахо3 |
NavajoWhite3 |
#CDB38B |
|
Белый навахо4 |
NavajoWhite4 |
#8B795E |
|
Лимонный1 |
LemonChiffon1 |
#FFFACD |
|
Лимонный2 |
LemonChiffon2 |
#EEE9BF |
|
Лимонный3 |
LemonChiffon3 |
#CDC9A5 |
|
Лимонный4 |
LemonChiffon4 |
#8B8970 |
|
Шелковый оттенок1 |
Cornsilk1 |
#FFF8DC |
|
Шелковый оттенок2 |
Cornsilk2 |
#EEE8CD |
|
Шелковый оттенок3 |
Cornsilk3 |
#CDC8B1 |
|
Шелковый оттенок4 |
Cornsilk4 |
#8B8878 |
|
Слоновая кость1 |
Ivory1 |
#FFFFF0 |
|
Слоновая кость2 |
Ivory2 |
#EEEEE0 |
|
Слоновая кость3 |
Ivory3 |
#CDCDC1 |
|
Слоновая кость4 |
Ivory4 |
#8B8B83 |
|
Медовый1 |
Honeydew1 |
#F0FFF0 |
|
Медовый2 |
Honeydew2 |
#E0EEE0 |
|
Медовый3 |
Honeydew3 |
#C1CDC1 |
|
Медовый4 |
Honeydew4 |
#838B83 |
|
Голубой с красный |
LavenderBlush1 |
#FFF0F5 |
|
отливом1 |
|||
|
|
||
Голубой с крас.отл.2 |
LavenderBlush2 |
#EEE0E5 |
|
Голубой с крас.отл.3 |
LavenderBlush3 |
#CDC1C5 |
|
Голубой с крас.отл.4 |
LavenderBlush4 |
#8B8386 |
|
Тускло-розовый1 |
MistyRose1 |
#FFE4E1 |
|
Тускло-розовый2 |
MistyRose2 |
#EED5D2 |
|
Тускло-розовый3 |
MistyRose3 |
#CDB7B5 |
|
Тускло-розовый4 |
MistyRose4 |
#8B7D7B |
|
Лазурный1 |
Azure1 |
#F0FFFF |
|
Лазурный2 |
Azure2 |
#E0EEEE |
|
Лазурный3 |
Azure3 |
#C1CDCD |
|
Лазурный4 |
Azure4 |
#838B8B |
|
Грифельно-синий1 |
SlateBlue1 |
#836FFF |
|
Грифельно-синий2 |
SlateBlue2 |
#7A67EE |
|
Грифельно-синий3 |
SlateBlue3 |
#6959CD |
|
Грифельно-синий4 |
SlateBlue4 |
#473C8B |
|
Королевский синий1 |
RoyalBlue1 |
#4876FF |
|
Королевский синий2 |
RoyalBlue2 |
#436EEE |
|
Королевский синий3 |
RoyalBlue3 |
#3A5FCD |
|
Королевский синий4 |
RoyalBlue4 |
#27408B |
98
1 |
2 |
3 |
Синий1 |
Blue1 |
#0000FF |
Синий2 |
Blue2 |
#0000EE |
Синий3 |
Blue3 |
#0000CD |
Синий4 |
Blue4 |
#00008B |
Радикально-синий1 |
DodgerBlue1 |
#1E90FF |
Радикально-синий2 |
DodgerBlue2 |
#1C86EE |
Радикально-синий3 |
DodgerBlue3 |
#1874CD |
Радикально-синий4 |
DodgerBlue4 |
#104E8B |
Синий со стальным1 |
SteelBlue1 |
#63B8FF |
Синий со стальным2 |
SteelBlue2 |
#5CACEE |
Синий со стальным3 |
SteelBlue3 |
#4F94CD |
Синий со стальным4 |
SteelBlue4 |
#36648B |
Насыщ. небесно-гол.1 |
DeepSkyBlue1 |
#00BFFF |
Насыщ. небесно-гол.2 |
DeepSkyBlue2 |
#00B2EE |
Насыщ. небесно-гол.3 |
DeepSkyBlue3 |
#009ACD |
Насыщ. небесно-гол.4 |
DeepSkyBlue4 |
#00688B |
Небесно-голубой1 |
SkyBlue1 |
#87CEFF |
Небесно-голубой2 |
SkyBlue2 |
#7EC0EE |
Небесно-голубой3 |
SkyBlue3 |
#6CA6CD |
Небесно-голубой4 |
SkyBlue4 |
#4A708B |
Светлый неб.-гол.1 |
LightSkyBlue1 |
#B0E2FF |
Светлый неб.-гол.2 |
LightSkyBlue2 |
#A4D3EE |
Светлый неб.-гол.3 |
LightSkyBlue3 |
#8DB6CD |
Светлый неб.-гол.4 |
LightSkyBlue4 |
#607B8B |
Грифельно-серый1 |
SlateGray1 |
#C6E2FF |
Грифельно-серый2 |
SlateGray2 |
#B9D3EE |
Грифельно-серый3 |
SlateGray3 |
#9FB6CD |
Грифельно-серый4 |
SlateGray4 |
#6C7B8B |
Светлый гриф-сер.1 |
LightSteelBlue1 |
#CAE1FF |
Светлый гриф-сер.2 |
LightSteelBlue2 |
#BCD2EE |
Светлый гриф-сер.3 |
LightSteelBlue3 |
#A2B5CD |
Светлый гриф-сер.4 |
LightSteelBlue4 |
#6E7B8B |
Светло-синий1 |
LightBlue1 |
#BFEFFF |
Светло-синий2 |
LightBlue2 |
#B2DFEE |
Светло-синий3 |
LightBlue3 |
#9AC0CD |
Светло-синий4 |
LightBlue4 |
#68838B |
Светлый циан1 |
LightCyan1 |
#E0FFFF |
Светлый циан2 |
LightCyan2 |
#D1EEEE |
Светлый циан3 |
LightCyan3 |
#B4CDCD |
Светлый циан4 |
LightCyan4 |
#7A8B8B |
Бледно-бирюзовый1 |
PaleTurquoise1 |
#BBFFFF |
Бледно-бирюзовый2 |
PaleTurquoise2 |
#AEEEEE |
Бледно-бирюзовый3 |
PaleTurquoise3 |
#96CDCD |
99