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

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

МИНОБРНАУКИ РОССИИ | Основные положения языка HTML | Цвета в HTML-документе | Создание простейшей Web-страницы | Приемы создания списков | Создание таблиц | Создание описания фреймов | Создание Web-документа с помощью редактора FrontPage Express |


Читайте также:
  1. D Создание нового сайта
  2. II. Создание меню с помощью карт-изображений
  3. IV.Рабочее время и его использование
  4. RASH Использование отражений для остановки ВД
  5. Активные изображения
  6. В кн.: Ф.Ф.Рау, Л.В.Нейман, В.И.Бельтюков. Использование и развитие слухового восприятия у глухонемых и тугоухих учащихся. – М.: Изд-во АПН РСФСР, 1961. – 188 с.
  7. Взаимодействие между уровнями с использованием модулей PDU

 

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

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

3. Выберите инструмент Кисть и красный цвет. Нанесите произвольный красный рисунок на зеленый фон.

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

5. Создайте новый рисунок (Файл ► Создать). Выберите красный цвет фона. Залейте рисунок фоновым цветом.

6. Выберите инструмент Кисть и зеленый цвет. Нанесите произвольный зеленый рисунок на красный фон.

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

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

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

10. Введите текст: Работа с рисунками.<P>Применение различных атрибутов. Расположение рисунков будет зависеть от атрибутов.

11. Введите тег < IMG SRC=" картинка1.gif " ALIGN="BOTTOM" >.

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

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

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

15. Вернитесь в программу Блокнот, добавьте новый текст: <P>Изменим атрибут. После текста добавьте тег < IMG SRC=" картинка1.gif " ALIGN="TOP" > и cохраните файл под тем же именем картинка.htm

16. Вернитесь в программу Internet Explorer и откройте файл картинка.htm. Посмотрите на получившийся документ, обращая особое внимание на изображение. Посмотрите, как изменилось расположение картинки при введении значения атрибута “TOP”.

17. Вернитесь в программу Блокнот, добавьте новый текст: <P>Еще раз изменим атрибут. После текста добавьте тег < IMG SRC=" картинка1.gif " ALIGN="LEFT" > и cохраните файл под тем же именем картинка.htm.

18. Вернитесь в программу Internet Explorer и обновите информацию на панели инструментов или клавишами CTRL+R. Посмотрите, как изменился вид страницы при изменении атрибутов.

19. Вернитесь в программу Блокнот и добавьте текст: <P>Используем другую картинку и атрибуты расположения картинки относительно текста.

После текста добавьте тег <IMG HSPACE=40 VSPACE=20 SRC="картинка2.gif" ALIGN="LEFT"> и cохраните файл под тем же именем картинка.htm.

20. Вернитесь в программу Internet Explorer и обновите информацию на панели инструментов или клавишами CTRL+R.. Посмотрите, как изменилось расположение картинки.

21. Вернитесь в программу Блокнот и добавьте текст: <P>Изменим положение картинки. Для этого после текста добавьте тег <IMG HSPACE=80 VSPACE=100 SRC="картинка2.gif" ALIGN="LEFT"> и cохраните файл под тем же именем картинка.htm.

22. Вернитесь в программу Internet Explorer и обновите информацию на панели инструментов или клавишами CTRL+R. Посмотрите, как изменилось расположение картинки.

 

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

 

Дата добавления: 2015-10-02; просмотров: 71 | Нарушение авторских прав

<== предыдущая страница | следующая страница ==>
Создание гиперссылок| Приемы форматирования текста
mybiblioteka.su - 2015-2024 год. (0.007 сек.)