- •Обтекание текстом изображения
- •Расположение изображения относительно строки
- •Листинг 4.8. Изображение как часть строки. Параметры выравнивания
- •Листинг 4.9. Расположение текста или изображения внутри ячейки таблицы
- •Листинг 4.10. Выбор фонового изображения для таблицы и задание толщины рамки
- •Листинг 4.11. Фоновое изображение документа, таблицы, ячейки
Листинг 4.11. Фоновое изображение документа, таблицы, ячейки
<HTML>
<HEAD>
<TITLE>Фоновое изображение документа, таблицы, ячейки</TITLE>
<script>
<!-—
function gr(i)
{ var d=document
if (d.forml.bor.value !="")
{ d.all("itab").border=Number(d.forml.bor.value) }
if (d.forml.elements[1].checked)
{ d.all("doc").background="fon" +i+".gif" )
else
if (d.forml.elements[2].checked)
{ d.all("itab").background="fon" +i+".gif" }
else
if (d.forml.elements[3].checked)
{ d.allC'itabl").background="fon" +i+".gif"
d.all("itab2").background="fon" +i+".gif"
d.all("itabS").background="fon" +i+".gif"
}
}
//-->
</script>
</HEAD>
<BODY id="doc">
<H4 align=center>Фоновое изображение документа, таблицы, ячейки</Н4>
<TABLE id="itab" border=l cellspacing=20
cellpadding =10 align=center>
<TR><TD id="itabl" bgcolor=silver><IMG src="pl.gif" width=30></TD>
<TD id="itab2" bgcolor=silver><IMG src="pl.gif" width=50></TD>
<TD id="itab3" bgcolor=silver><IMG src="pl.gif" width=100></TD>
</TR>
</TABLE>
<FORM name="form1"><CENTER>
Введите значение толщины рамки (BORDER)
<input type="text" size=8 name=bor
onChange='document.all("itab").border=l*(document.form1.bor.value)'<br>
Для изменения фонового изображения выберите, в какой части
документа хотите его изменить, выберите фон<br>
<TABLE border=2 align=center>
<TR><TD colspan=8>
<input type="radio" name= "fp" value="doc">документ
<input type="radio" name= "fp" value="tab">тaблицa
<input type="radio" name= "fp" value="ct">ячейка
</TD></TR>
<TR>
<TD align=centerxiMG src="fonl.gif" width=20 height=50></TD>
<TD align=center><IMG src="fon2.gif" width=20 height=50></TD>
<TD align=center><IMG src="fon3.gif" width=20 height=50></TD>
<TD align=center><IMG src="fon4.gif" width=20 height=50></TD>
<TD align=center><IMG src="fon5.gif" width=20 height=50></TD>
<TD align=center><IMG src="fon6.gif" width=20 height=50></TD>
<TD align=center><IMG src="fon7.gif" width=20 height=50></TD>
<TD align=center><IMG src="fon8.gif" width=20 height=50></TD>
</TR>
<TR><TD align=center>
<input type="radio" name="op" value=1 onfocus="gr(1)"></TD>
<TD align=center>
<input type="radio" name="op" value=2 onfocus="gr(2)"></TD>
<TD align=center>
<input type="radio" name="op" value=3 onfocus="gr(3)"></TD>
<TD align=center>
<input type="radio" name="op" value=4 onfocus="gr(4)"></TD>
<TD align=center>
<input type="radio" name="op" value=5 onfocus="gr(5)"></TD>
<TD align=center>
<input type="radio" name="op" value=6 onfocus="gr(6)"></TD>
<TD align=center>
<input type="radio" name="op" value=7 onfocus="gr(7)"></TD>
<TD align=center>
<input type="radio" name="op" value=8 onfocus="gr(8)"></TD>
</TR>
</TABLE><br>
<input type="reset" value=Отменить>
</FORM>
</BODY>
</HTML>
Упражнения
1. Напишите сценарий, который позволяет продемонстрировать изменения размеров и положения на странице горизонтальной линии так, как показано на рис. 4.9.
|
Рис 4.9. Исследование свойств горизонтальной линии |
2. Разработайте анкету, определяющую характер человека. Пользователю предлагается ответить "да" или "нет" на следующие вопросы.
• Считаете ли Вы, что у многих ваших знакомых хороший характер?
• Раздражают ли Вас мелкие повседневные обязанности?
• Верите ли Вы, что ваши друзья преданы Вам?
• Неприятно ли Вам, когда незнакомый человек делает Вам замечание?
• Способны ли Вы ударить собаку или кошку?
• Часто ли Вы принимаете лекарства?
• Часто ли Вы меняете магазин, в который ходите за продуктами?
• Продолжаете ли Вы отстаивать свою точку зрения, поняв, что ошиблись?
• Тяготят ли Вас общественные обязанности?
• Способны ли Вы ждать более 5 минут, не проявляя беспокойства?
• Часто ли Вам приходят в голову мысли о Вашей невезучести?
• Сохранилась ли у Вас фигура по сравнению с прошлым?
• Можете ли Вы с улыбкой воспринимать подтрунивание друзей?
• Нравится ли Вам семейная жизнь?
• Злопамятны ли Вы?
• Находите ли Вы, что стоит погода, типичная для данного времени года?
• Случается ли Вам с утра быть в плохом настроении?
• Раздражает ли Вас современная живопись?
• Надоедает ли Вам присутствие чужих детей в доме более одного часа?
Поставьте плюс, если вы ответили "да" в вопросах с номерами 3, 9, 10, 13, 14, 19 и "нет" в вопросах с номерами 1, 2, 4, 5, 7, 8, 11, 12, 14, 16, 17, 18. Посчитайте сумму набранных очков. Если она оказалась более 15, то у вас покладистый характер; если сумма в интервале от 8 до 15, то вы не лишены недостатков, но с вами можно ладить; если сумма менее 8 очков, то вашим друзьям можно посочувствовать.
Напишите сценарий обработки теста. Ответ на каждый из вопросов представьте с помощью переключателя. Для каждого из трех возможных результатов предусмотрите вывод соответствующего результату изображения.
3. Разработайте анкету, в которой для пяти преподавателей оценивается качество преподавания по критериям, приведенным в таблице на рис. 4.10. Каждый из критериев оценивается по пятибалльной системе. Требуется написать сценарий, определяющий для каждого преподавателя набранную сумму баллов. Полученные результаты оформить в виде диаграммы.
|
Рис 4.10. Показатели качества преподавания |
4. Разработайте анкету для анализа ответов на вопросы по теме "Графический редактор: назначение и применение". Для заданных в анкете вопросов пользователь должен выбрать один из правильных ответов. Ответы должны быть представлены с помощью переключателей. Напишите сценарий обработки результатов опроса.
Выберите один правильный ответ из данных.
• Графика с представлением изображения в виде совокупности отрезков прямых называется...
Фрактальной
Векторной
Прямолинейной
Растровой
• Разрешающая способность экрана в текстовом режиме определяется количеством...
Байтов на символ
Символов в строке экрана
Пикселов по горизонтали и вертикали
Строк и столбцов на экране
Строк на экране
• При работе дисплея в текстовом режиме одну позицию экрана занимает...
Один пиксел
Один символ
Одно слово
Часть символа
Восемь пикселов
• Информация о графическом изображении в видеопамяти формируется...
Графическим процессором
Центральным процессором
Графическим адаптером
Дисплейным процессором
Дисплеем
• Разрешающая способность экрана в графическом режиме определяется количеством...
Строк на экране и количеством символов в строке
Пикселов по вертикали
Объемом видеопамяти на пиксел
Пикселов на единицу длины
• Пиктограмма — это...
Точка на графическом экране
Рисунок на рабочем поле графического редактора
Файл, в котором сохранено графическое изображение
Текстовая информация в рабочем поле графического редактора
Условный рисунок, элемент меню графического редактора
• Цвет точки на экране цветного монитора формируется из сигналов основных цветов:
Красного, синего, зеленого
Белого и черного
Красного, синего, зеленого, коричневого
Белого, черного и яркости
• Разрешающая способность — это...
Число точек экрана
Количество пикселов на один квадратный дюйм
Число точек на единицу длины
Ступенчатый характер изображения
Ничто из перечисленного выше не верно
• Минимальным объектом, используемым в векторном графическом редакторе, является...
Точка экрана (пиксел)
Объект (прямоугольник, круг и т. д.)
Палитра цветов
Знакоместо (символ)
• Минимальным объектом, используемым в растровом графическом редакторе, является...
Точка экрана (пиксел)
Объект (прямоугольник, круг и т. д.)
Палитра цветов
Знакоместо (символ)