Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Тема 10,11.doc
Скачиваний:
0
Добавлен:
01.05.2025
Размер:
2.47 Mб
Скачать

Фильтры применяемые к изображению.

  • Фильтр Alpha - осветление изображение

  • Фильтр Blur- размытие изображения

  • Фильтр Invert -инверсия изображения

  • Фильтр Gray -черно-белое изображение

  • Фильтр XRay -негативное изображение

К этому изображению были применены все описанные фильтры

Фильтр Alpha

Осветляет изображение.

Синтаксис: STYLE="filter:Alpha(Opacity='Opacity', FinishOpacity='Finishopacity', Style='Style', StartX='X', StartY='Y', FinishX='X', FinishY='Y')" Opacity - степень осветления (0-100. 0 светло, 100 темно). FinishOpacity - конечная степень осветления (0-100. 0 светло, 100 темно). Style - метод осветления (число: 0(без осветления), 1(линия) 2(круг) 3(прямоугольник) StartX, StartY, FinishX, FinishY - координаты осветляемой области

Пример: <IMG STYLE="filter:Alpha(Opacity='90',FinishOpacity='45',Style='2')" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>

Фильтр Blur

Размывает изображение в определенную сторону.

Синтаксис: STYLE="filter:Blur(Add='Add', Direction='Direction', Strength='Strength')" Add - умеренное или сильное размытие (соответственно 1 или 0) Direction - в какую сторону произойдет размытие (oт 0 до 315) Strength - смещение размытия

Пример: <IMG STYLE="filter:Blur(Add='1',Direction='310',Strength='10')" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>

Фильтр Invert

Инверсия изображения

Синтаксис: STYLE="filter:Invert"

Пример: <IMG STYLE="filter:Invert" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>

Фильтр Gray

Делает изображение черно-белым

Синтаксис: STYLE="filter:Gray"

Пример: <IMG STYLE="filter:Gray" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>

Фильтр Xray

Негативное изображение

Синтаксис: STYLE="filter:Xray"

Пример: <IMG STYLE="filter:Xray" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>

Задания:

1. Создание гиперссылок.

Подсказка:

1. Для создания гиперссылок наберите между тегами <BODY> и </BODY> команду <A HREF= “размещение файла\название файла. расширения ”>.

2. Введите слова «Мой компьютер», затем закрывающий тег </A>.

3. Убедитесь в том, что слова «Мой компьютер» выделены другим цветом и подчеркнуты, это означает, что гиперссылка создана.

4. Щелкните на ссылке «Мой компьютер» и посмотрите как она работает (При этом должен загрузиться документ, на который указывает гиперссылка).

2. Создание горизонтальных линии.

Подсказка:

1. Создайте три горизонтальных линий, используя следующие теги:

<HR WIDTH= “50%”>

<HR WIDTH= “80%”>

<HR WIDTH= “100%”>

Здесь <HR>-линия, WIDTH-ширина.

2.Установите цвет и толщину каждой линий. Толщина задается в пикселях с помощью тега <SIZE= “n”>.