Задание 4. Создание изображения и использование его на Web-странице

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

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

3. Нарисуйте новогоднюю ёлку.

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

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

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

7. Введите текст –«Ёлка- вечнозеленое растение. Произрастает обычно в умеренных и северных широтах. Используется как культовое дерево при праздновании Нового года.» Увеличить размер текста, чтобы получился текст протяженностью 4-5 строк и установите текстовый курсор в его начало.

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

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

10. Запустите программу Internet Explorer (Пуск > Программы > Internet Explorer).

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

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

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

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

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

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

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

18. Выровнять рисунок по центру страницы.

19. Выбрать рисунок из списка имеющихся рисунков и поместить на страницу как фон (рисунок скопировать в папку, где находятся все страницы).

20 Поместить горизонтальные линейки, задав им разные параметры.