Задания. 1. Создайте страницу, в которой одна и та же картинка выводится несколь­ко раз со смещением вниз и вправо так

1. Создайте страницу, в которой одна и та же картинка выводится несколь­ко раз со смещением вниз и вправо так, чтобы каждая следующая копия была выше предыдущей (рис. 16).

Рис. 16.Схема задания 1

2. Создайте страницу, в которой одна и та же картинка выводится несколь­ко раз со смещением вниз и вправо так, чтобы каждая следующая копия была ниже предыдущей (рис. 17).

Рис. 17.Схема задания 2

3. Стилевое свойство overflow используется для определения того, что слу­чится, если содержимое элемента выйдет за пределы заданной области. Среди предписываемых стандартом значений нормально работает только scroll — содержимое прокручивается. Напишите страничку, которая демонстрирует работу свойства verflow (рис. 18).

Рис. 18.Схема задания 3

4. Иван Мячиков решил задать для текстового блока на своей странице
широкое левое поле. Он поместил блок внутрь конструкции

< DIV style=" position: relative; lef t: 100; " >

…

< /DIV>

Поле получилось, но текст перестал форматироваться по правой границе окна. Помогите Мячикову исправить положение (рис. 19).

Рис. 19.Иллюстрация к заданию 4

5. Если у абсолютно позиционированного элемента опущена одна или две
координаты, то:

· если не задано свойство left, левый край элемента будет располагаться справа за элементом-родителем;

· если не задано свойство top, верхний край элемента будет располагаться ниже элемента-родителя. При этом если родитель позиционирован отно­сительно, то элемент будет располагаться по вертикали там, где он рас­полагался бы, если вообще не был бы позиционирован.

Используя описанные особенности, создайте страничку с левым полем, в котором бы располагался маркер, указывающий на ошибочное слово в строке. При этом если из-за изменения размера окна ошибочное слово переместится в другую строку, маркер должен автоматически следовать за ним.

Список рекомендуемой литературы:

1. Нидерст Дж. Web-мастеринг для профессионалов. –СПб.: Питер, 2001.-576 с.

2. Симонович С., Евсеев Г., Алексеев А. Специальная информатика: Учебное пособие. –М.: АСТ-ПРЕСС: Инфорком-Пресс, 1998. –480 с.

3. А. Гончаров. HTML в примерах. – СПб: " Питер", 1997.

4. Лэмонт Вуд. Web-графика. Справочник. – С-Пб: Изд. " Питер", 1998.

5. С. Бейн, Д. Грей. Как сделать красиво в Интернете. Перевод с англ. -СПб: " Символ-Плюс", 1998.

6. А.О. Коцюбинский, С.В. Грошев. Современный самоучитель работы в сети Интернет. М.: " Триумф", 1997.

7. Internet. Шаг за шагом. (на CD-ROM). –СПб.: " Питер Мультимедиа", 1997.

8. Энциклопедия пользователя Internet. (на CD-ROM). – М.: " Демос", 2000.