Студопедия

КАТЕГОРИИ:

АстрономияБиологияГеографияДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРиторикаСоциологияСпортСтроительствоТехнологияФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника


Его на 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-изображения, имеющие прозрачный цвет фона.


Поделиться:

Дата добавления: 2015-05-08; просмотров: 55; Мы поможем в написании вашей работы!; Нарушение авторских прав





lektsii.com - Лекции.Ком - 2014-2024 год. (0.009 сек.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав
Главная страница Случайная страница Контакты