Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
HTML №10 Тема.doc
Скачиваний:
1
Добавлен:
01.04.2025
Размер:
875 Кб
Скачать
☆

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

  • Фильтр 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>

Перерыв - 10 мин

Методы обучения и преподавания: информационные технологии обучения.

Методы контроля формируемых на занятии компетенций:

  • тестирование проводится в компьютерной форме (студент должен ответить на «тест», содержа­щий в себе знания и навыки – основные определения, теоретические вопросы дан­ной темы);

  • проверка результатов практических работ на ПК (студент должен выполнить индивидуаль­ное задание для получения определенных навыков по решению типовых задач);

Самостоятельная работа студентов - 50 мин

Освоение практических навыков: Решение типовых и ситуационных задач.

Литература:

              1. Ш.Д.Шарф HTML 3.2. Справочник-С.-ПБ.,1998.

Морис Б. HTML в действии-С.-ПБ., 1997

              1. Гончаров М.В. Введение в Internet. Часть 7. Интернет для бизнесменов,

предпринимателей и банкиров.-М.,2001.

              1. Под редакцией С.В.Симоновича. Информатика. Базовый курс.

Учебник для ВУЗов 2001, 640 с.

Перерыв - 10 мин

Совместная работа студента с преподавателем - 25 мин

После выполнения практической части работы, преподаватель проверяет правильность и последовательность действий студентов, достигли они конечного результата. Затем преподаватель проводит опрос студентов с анализом темы. Выясняет практическое его применение.

Контроль заключительного уровня знании - 20 мин

Преподаватель проводит анализ результатов практической работы студентов, выясняет осознанно ли выполнили работу. Затем студенты сдают тесты для контроля знаний.

Контроль

Вопросы:

1. Назовите пункты общей концепции разработки и реализации Web –страниц.

2. Как создать форму?

3. Как создать гиперссылку на рисунок?

4. Как создать горизонтальную линию?

5. Какие существуют фильтры, применяемые к тексту?

6. Какие существуют фильтры, применяемые к изображению?

7. Какие взаимодействия существуют между фреймами?

Тесты: См. Сборник тестовых заданий по «Информатике», тема «Основы языка HTML»

- Общая оценка знаний - 5 мин

Преподаватель анализирует компетенций знаний, практические навыки. Студентов по данной теме, проводит разбор общих ошибок допущенных студентами при выполнении заданий. Затем преподаватель анализирует достижения и недостатки каждого студента с выставлением итоговой оценки в журнал по двум параметрам (за знания и практические навыки).

Стр. 15 из 15