Листинг 6.11. Горизонтальное выравнивание трех изображений в строке

<HTML>

<HEAD>

<TITLE>Расположение изображения относительно строки</TITLE>

<script>

<!-—

var kl="TOP"

var k2="TOP"

var k3="TOP"

function setk(i)

{ var k

var obj=eval("form"+i)

if (((obj.elements[0])[0]).selected)

k=((obj.elements[0])[0]).value

if (((obj.elements[0])[1]).selected)

k=((obj.elements[0])[1]).value

if (((obj.elements[0])[2]).selected)

k=((obj.elements[0])[2]).value

if (((obj.elements[0])[3]).selected)

k=((obj.elements[0])[3]).value

if (((obj.elements[0])[4]).selected)

k=((obj.elements[0])[4]).value

if (((obj.elements[0])[5]).selected)

k=((obj.elements[0])[5]).value if (i==l)

k1=k

else

if (i==2)

k2=k

else

k3=k

}

function set()

{ document.pict1.align=kl

document.pict2.align=k2

document.pict3.align=k3

}

//-->

</script>

</HEAD>

<BODY bgcolor="F8F8FF">

<CENTER>

<H4 align=center>Pacпoлoжeниe изображения относительно строки</Н4>

Для трех используемых изображений выберите значение параметра

выравнивания align и нажмите кнопку <В>Просмотр</В>.<br>

Вы увидете как располагаются изображения в тексте.

<TABLE border=2 bgcolor=silver>

<TR>

<TD align=center><IMG src=p521.jpg width=50></TD>

<TD align=center><IMG src=p522.gif></TD>

<TD align=center><IMG src=p523.gif></TD>

</TR>

<TR>

<TD><FORM name="form1">

<select name=sell size=l onchange="setk(1)">

<option value="top" checked>TOP

<option value="texttop">TEXTTOP

<option value="middle">MIDDLE

<option value="absmiddle">ABSMIDDLE

<option value="bottom">BOTTOM

<option value="absbottom">ABSBOTTOM

</select>

</FORM></TD>

<TD><FORM name="form2">

<select name=sel2 size=l onchange="setk(2)">

<option value="top" checked>TOP

<option value="texttop">TEXTTOP

<option value="middle">MIDDLE

<option value="absmiddle">ABSMIDDLE

<option value="bottom">BOTTOM

<option value="absbottom">ABSBOTTOM

</select>

</FORM></TD>

<TD><FORM name="form3">

<select name=sel3 size=l onchange="setk(3)">

<option value="top" checked>TOP

<option value="texttop">TEXTTOP

<option value="middle">MIDDLE

<option value="absmiddle">ABSMIDOLE

<option value="bottom">BOTTOM

<option value="absbottom">ABSBOTTOM

</select>

</FORM></TD>

</TR></TABLE>

<FORM>

<input type="button" value= "Просмотр" onclick="set()">

<input type="reset" value="Обновить">

</FORM>

</CENTER>

<TABLE border=2 bgcolor="#FFDCDC">

<TR><TD>

Параметры выравнивания

<IMG src=p521.jpg align=TOP name=pictl> задают

<IMG src=p522.gif align=TOP name=pict2>

расположение изображения относительно строки текста.

<IMG src=p523.gif align=TOP name=pict3>

В этом случае изображение является обычным элементом строки.

</TD></TR></TABLE>

</BODY>

</HTML>

Упражнения

1. Напишите сценарий, который позволяет выбрать для таблицы и составляющих ее ячеек либо цвет фона, либо фоновое изображение, либо и то и другое. Предусмотрите возможность задания своего цвета фона для каждой ячейки.

2. Напишите сценарий, который позволяет посчитать стоимость предполагаемой покупки. Задается список продуктов, цена за единицу товара и количество экземпляров.

3. Напишите сценарий, обрабатывающий результаты ответа на вопросы по теме "Работа с архивами". Вопросы и возможные ответы представьте в виде списков.

Вопросы и варианты ответов таковы:

• Выделите те программы, которые являются архиваторами.

· ARJ

· PKZIP

· LHA

· RAR

· WORD

• Для чего используются архивы?

· Для сжатия информации

· Для создания резервных копий

· Для форматирования

· Для хранения информации

• Что может архиватор?

· Добавлять файлы в архив

· Обновлять файлы в архиве

· Удалять файлы из архива

• Какие архиваторы позволяют создавать многотомные архивы?

· ARJ

· PKZIP

· LHA

· RAR

• Основными характеристиками архиватора являются...

· Скорость работы

· Степень сжатия файлов

· Сервисные функции

• На что указывает расширение в имени файла?

· На обрабатываемый архивный файл

· На используемую операционную систему

· На используемый архиватор

· На необходимую программу

• Архивация — это...

· Создание архивной копии диска

· Упаковка данных

· Нанесение разметки на пустой диск

· Работа в архиве

· Извлечение файлов из архива

Ничто из перечисленного выше не верно

Упражнения

1. Напишите сценарий, который позволяет продемонстрировать изменения размеров и положения на странице горизонтальной линии так, как показано на рис. 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. Разработайте анкету для анализа ответов на вопросы по теме "Графический редактор: назначение и применение". Для заданных в анкете вопросов пользователь должен выбрать один из правильных ответов. Ответы должны быть представлены с помощью переключателей. Напишите сценарий обработки результатов опроса.

Выберите один правильный ответ из данных.

• Графика с представлением изображения в виде совокупности отрезков прямых называется...

· Фрактальной

· Векторной

· Прямолинейной

· Растровой

• Разрешающая способность экрана в текстовом режиме определяется количеством...

· Байтов на символ

· Символов в строке экрана

· Пикселов по горизонтали и вертикали

· Строк и столбцов на экране

· Строк на экране

• При работе дисплея в текстовом режиме одну позицию экрана занимает...

· Один пиксел

· Один символ

· Одно слово

· Часть символа

· Восемь пикселов

• Информация о графическом изображении в видеопамяти формируется...

· Графическим процессором

· Центральным процессором

· Графическим адаптером

· Дисплейным процессором

· Дисплеем

• Разрешающая способность экрана в графическом режиме определяется количеством...

· Строк на экране и количеством символов в строке

· Пикселов по вертикали

· Объемом видеопамяти на пиксел

· Пикселов на единицу длины

• Пиктограмма — это...

· Точка на графическом экране

· Рисунок на рабочем поле графического редактора

· Файл, в котором сохранено графическое изображение

· Текстовая информация в рабочем поле графического редактора

· Условный рисунок, элемент меню графического редактора

• Цвет точки на экране цветного монитора формируется из сигналов основных цветов:

· Красного, синего, зеленого

· Белого и черного

· Красного, синего, зеленого, коричневого

· Белого, черного и яркости

• Разрешающая способность — это...

· Число точек экрана

· Количество пикселов на один квадратный дюйм

· Число точек на единицу длины

· Ступенчатый характер изображения

· Ничто из перечисленного выше не верно

• Минимальным объектом, используемым в векторном графическом редакторе, является...

· Точка экрана (пиксел)

· Объект (прямоугольник, круг и т. д.)

· Палитра цветов

· Знакоместо (символ)

• Минимальным объектом, используемым в растровом графическом редакторе, является...

· Точка экрана (пиксел)

· Объект (прямоугольник, круг и т. д.)

· Палитра цветов

· Знакоместо (символ)

11. Напишите сценарий обработки анкеты слушателя курсов. Пользователь может выбрать курс, его продолжительность, язык, на котором он готов работать с преподавателем, и форму отчетности. В зависимости от этих параметров определяется стоимость отдельного курса и стоимость всего обучения. Анкета приведена на рис. 5.4.



Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: