2. Контрольные вопросы.

1. Форматы вставки рисунков.

2. Атрибуты тэга вставки рисунка.

3. Как картинку сделать фоном документа?

4. Что необходимо чтобы сделать рисунок ссылкой?

3. Задания и технология выполнения.

3.1. Вставьте в WEB-страницу Ваше_Имя.HTML после слов

(Белорусской железной дороги) рисунок из файла Вокзал.jpg

Для этого выполните следующие действия:

• Пуск\Программы\Стандартные\Блокнот

• Файл\Открыть\папка\ C:\Work\Курс_2\Группа\WEB

• Имя файла Ваше_Имя.HTML

• Открыть

• Вставьте после слов (Белорусской железной дороги) следующий тэг

<img src="Вокзал.jpg">

• Файл\Сохранить

2. Просмотрите результат вставки рисунка.

Для этого выполните следующие действия:

• Пуск\Программы\Internet_Explorer

• Файл\Открыть\Обзор

• Активизируйте папку C:\Work\Курс_2\Группа\WEB

• Имя Файла--------- Ваше_Имя.HTML

• Открыть\Ок

3.3. Вставьте в WEB-страницу Ваше_Имя.HTML после слова «Учащийся»,

рисунок (Произвольного вида) созданный в программе Paint и сохранённый в файле 22.jpg

Для этого выполните следующие действия:

• Пуск\Программы\Стандартные\Paint

• Создайте произвольное изображение

• Файл\Сохранить_как\ папка C:\Work\Курс_2\Группа\WEB

• Тип файла JPEG

• Имя файла 22

• Сохранить

• Закройте программу Paint.

• Активизируйте программу Блокнот

• Вставьте после слова «Учащийся» следующий тэг

<img src="22.jpg">

• Файл\Сохранить

3.4. Просмотрите результат вставки рисунка.

Для этого выполните следующие действия:

• Активизируйте Internet_Explorer

• На панели инструментов щелкните мышью по пиктограмме

Обновить

5. Измените атрибуты рисунка «Вокзал», сделав их следующими:

Рисунок прижат к левому краю экрана, текст обтекает его справа, расстояние до текста по горизонтали - 30 пикселей, по вертикали - 5 пикселей , и если вы наведете на картинку курсор, то выскочит надпись - "Вокзал станции Орша".

Для этого выполните следующие действия:

• Активизируйте программу Блокнот

• Вставьте вместо тэга

<img src="Вокзал.jpg">

Тэг

<img src="Вокзал.JPG" align="left" HSPACE=30 VSPACE=5 alt=" Вокзал станции Орша">

• Файл\Сохранить

3.6. Просмотрите результат редактирования тэга.

Для этого выполните следующие действия:

• Активизируйте Internet_Explorer

• На панели инструментов щелкните мышью по пиктограмме

Обновить

3.7. Сделайте рисунок файла 22.JPG фоном документа.

Для этого выполните следующие действия:

• Активизируйте программу Блокнот

• Выполните редактирование тэга BODY приведя его к следующему виду:

<BODY text="#00FF33" bgcolor="#FFFF33" background="22.jpg" link="#CC3399" alink="#99FFCC" vlink="#FF9900">

• Файл\Сохранить

3.8. Просмотрите результат редактирования тэга.

Для этого выполните следующие действия:

• Активизируйте Internet_Explorer

• На панели инструментов щелкните мышью по пиктограмме

Обновить

• Сверните окна всех прграмм.

3.9. Сделайте рисунок «Вокзал» ссылкой на файл Ваша_Фамилия.HTML:

Для этого выполните следующие действия:

• Активизируйте программу Блокнот

• Выполните редактирование тэга HREF приведя его к следующему виду:

<A HREF= Ваша_Фамилия.HTML><img src="Вокзал.JPG" align="left" HSPACE=30 VSPACE=5 alt=" Вокзал станции Орша"> </A>

• Файл\Сохранить

3.10. Просмотрите Web-страницу Ваша_Фамилия.HTML из WEB-страницы Ваше_Имя.HTML.

Для этого выполните следующие действия:

• Активизируйте Internet_Explorer

• На панели инструментов щелкните мышью по пиктограмме

Обновить

• Щелчок левой клавишей мыши по «Вокзал».

3.11. Закройте программы Блокнот и Internet_Explorer.

Для этого выполните следующие действия:

• Х