- •Организационная часть - 5 мин
- •Создание рамок и форм.
- •Понятие фрейма.
- •Гипертекстовые ссылки. Создание обычной гиперссылки.
- •Графический файл в роли ссылки.
- •Ссылки и цвет.
- •Горизонтальные линии.
- •Бегущая строка
- •Filter: название фильтра (параметры)
- •Фильтры. Фильтры, применяемые к тексту.
- •Фильтры применяемые к изображению.
Фильтры применяемые к изображению.
Фильтр 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 мин
Освоение практических навыков: Решение типовых и ситуационных задач.
Литература:
Ш.Д.Шарф HTML 3.2. Справочник-С.-ПБ.,1998.
Морис Б. HTML в действии-С.-ПБ., 1997
Гончаров М.В. Введение в Internet. Часть 7. Интернет для бизнесменов,
предпринимателей и банкиров.-М.,2001.
Под редакцией С.В.Симоновича. Информатика. Базовый курс.
Учебник для ВУЗов 2001, 640 с.
Перерыв - 10 мин
Совместная работа студента с преподавателем - 25 мин
После выполнения практической части работы, преподаватель проверяет правильность и последовательность действий студентов, достигли они конечного результата. Затем преподаватель проводит опрос студентов с анализом темы. Выясняет практическое его применение.
Контроль заключительного уровня знании - 20 мин
Преподаватель проводит анализ результатов практической работы студентов, выясняет осознанно ли выполнили работу. Затем студенты сдают тесты для контроля знаний.
Контроль
Вопросы:
1. Назовите пункты общей концепции разработки и реализации Web –страниц.
2. Как создать форму?
3. Как создать гиперссылку на рисунок?
4. Как создать горизонтальную линию?
5. Какие существуют фильтры, применяемые к тексту?
6. Какие существуют фильтры, применяемые к изображению?
7. Какие взаимодействия существуют между фреймами?
Тесты: См. Сборник тестовых заданий по «Информатике», тема «Основы языка HTML»
- Общая оценка знаний - 5 мин
Преподаватель анализирует компетенций знаний, практические навыки. Студентов по данной теме, проводит разбор общих ошибок допущенных студентами при выполнении заданий. Затем преподаватель анализирует достижения и недостатки каждого студента с выставлением итоговой оценки в журнал по двум параметрам (за знания и практические навыки).
Стр.
