ТЕМА:
«WEB-мозаика. Вставка изображений на WEB-страницу»
Учитель: Водальчук Светлана Алексеевна, учитель ИиИКТ МОУ «Гимназия» г.Шелехова
Цели урока:
Обучающие:
- формирование знаний, умений и навыков вставки изображений на WEB-страницу;
- закрепление умений и навыков создания WEB-станицы, создания таблиц на WEB-странице, работы со шрифтами на HTML-языке.
Развивающие:
- развитие памяти, внимания, информационной культуры обучающихся;
- развитие навыков самостоятельной работы при создании WEB-страницы;
- развитие познавательного интереса к предмету.
Воспитательные:
- воспитание аккуратности, терпения, информационной культуры.
Тип урока: комбинированный.
Используемые материалы: персональные компьютеры, файлы изображений, программа Блокнот, Интернет-браузер.
ХОД УРОКА:
1. Подготовительный этап
Повторение материала, изученного на предыдущих уроках:
– структура WEB-страницы;
– формат файла, содержащего WEB-страницу;
– создание таблицы на WEB-странице;
– фон на WEB-странице;
– шрифты на WEB-странице.
2. Мотивационный этап
WEB-страницы, содержащие только текст, не достаточно привлекательны и интересны. Рассмотрим, каким образом можно WEB-страницу проиллюстрировать.
3. Ориентировочный этап
Для вставки изображения на WEB-страницу используется тэг:
<IMG SRC=”имя файла изображения”>.
Причем все изображения, используемые на WEB-странице, необходимо сохранять в одной папке. Обычно эта папка называется PIC (от англ. Picter – картинка). Тогда тэг для вставки изображения будет выглядеть следующим образом:
<IMG SRC=”PIC / имя файла изображения”>.
Например, создается WEB-страница Index.htm. По правилам хорошего тона эта страница будет помещена в папку INET. Требуется на этой странице разместить два изображения, содержащиеся в файлах flawer1.jpg и flawer2.jpg. Тогда, в папке INET нужно создать папку PIC, а в папку PIC поместить файлы изображений flawer1.jpg и flawer2.jpg. Структура папок будет выглядеть следующим образом:
Тэги для вставки изображений будут выглядеть следующим образом:
<IMG SRC=”PIC / flawer1.jpg”>
<IMG SRC=”PIC / flawer2.jpg”>
4. Этап закрепления изученного материала. Компьютерный практикум
В папке INET / PIC имеются файлы девяти изображений: pic_1.jpg, pic_2.jpg, pic_3.jpg, pic_4.jpg, pic_5.jpg, pic_6.jpg, pic_7.jpg, pic_8.jpg, pic_9.jpg (см. Приложение 1).
Требуется собрать из этих файлов мозаику, связав при помощи таблицы девять изображений в единое целое (файлы предварительно перепутаны).
5. Этап подведения итогов. Рефлексия
Пример выполненной работы:
Назад
|