Его на Web-странице

1.

2.Откройте программу Paint (Пуск > Программы > Стандартные > Paint). Задайте размеры нового рисунка, например 50x50 точек (Рисунок > Атрибуты).

3.Выберите красный цвет переднего плана и зеленый цвет фона. Залейте рисунок фоновым цветом.

4.Инструментом Кисть нанесите произвольный красный рисунок на зеленый фон.

5.Сохраните рисунок под именем picl.gif (в формате GIF).

6.Дайте команду Рисунок > Атрибуты. Установите флажок Использовать прозрачный цвет фона. Щелкните на кнопке Выбор цвета и выберите зеленый цвет, уже использованный на рисунке в качестве фонового.

7.Сохраните рисунок еще раз под именем pic2.gif (в формате GIF) и закройте программу Paint.

8.Если это упражнение выполняется не сразу после предыдущего, откройте документ first, htm в программе Блокнот.

9.Удалите весь текст, находящийся между тегами < BODY> и < /BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега < BODY>.

10.Введите произвольный текст (протяженностью 4-5 строк) и установите тек стовый курсор в его начало.

10.Введите тег < IMG SRC=" pic1.gif" ALIGN=" BOTTOM" >.

11.Сохраните документ под именем picture.htm.

12.Запустите обозреватель Internet Explorer (Пуск > Программы > Internet Explorer).

13.Дайте команду Файл > Открыть. Щелкните на кнопке Обзор и откройте файл picture.htm. Посмотрите на получившийся документ, обращая особое внимание на изображение.

14.Вернитесь в программу Блокнот и измените значение атрибута: ALIGN=" TOP".
Сохраните файл под тем же именем.

15.Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.

16.Вернитесь в программу Блокнот и измените значение атрибута: ALIGN=" LEFT". Сохраните файл под тем же именем.

17.Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.

18.Вернитесь в программу Блокнот и добавьте в тег < IMG> атрибуты: HSPACE=40 VSPACE=20. Сохраните файл под тем же именем.

19.Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.

20.Вернитесь в программу Блокнот и измените имя рисунка: SRC=" pic2.gif'. Сохраните файл под тем же именем.

21.Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов. В чем различие между двумя созданными рисунками?

В этом упражнении мы научились вставлять изображения в документ. Мы выяснили, как влияют атрибуты тега < IMG> на способ отображения изображения. Мы узнали, как отображаются GIF-изображения, имеющие прозрачный цвет фона.