Тема урока «Вставка изображений в Web-страницы»

Тема урока  «Вставка изображений в Web­страницы» Цель: Обучающая: познакомить учащихся со вставкой изображений в Web­страницы.  Научить вставлять изображения в Web­страницы. Развивающая: развивать мыслительные операции посредством наблюдений,  сравнений, сопоставлений, анализа и обобщения сознательного восприятия  материала. Воспитательная: воспитывать интерес к предмету (познавательную активность,  аккуратность и терпение). Тип урока  интегрированный Ход урока:1. Организационный момент. 2. На сегодняшнем уроке мы с вами научимся вставлять изображения в Web­ страницы. Но сначала повторим пройденный материал. 3. Повторение пройденного материала. Фронтальный опрос. Слайд 2 1.  Назовите основной контейнер Web­страницы ?       2.  Назовите контейнер в который помещается название Web­страницы?      3. Назовите контейнер в который помещается содержимое Web­страницы?      . 4. Назовите пару тегов которые задают размер шрифта на Web­странице?      от <Н1> (самый крупный) до <Н6> (самый мелкий). 5.  Назовите контейнер с помощью которого задают разделение текста на     абзацы на Web­странице?      <Р>.   4. Изучение нового материала.  Слайд 3   Вставка изображений в Web­страницы.     Для   размещения   на  Web­страницах   используются   графические   файлы форматов GIF, JPEG и PNG.  Слайд 4 Изображения   помещаются   на  Web­страницу   тэгом  IMG  с  атрибутом  SRC, сообщающим браузеру имя и местоположение графического файла.  Слайд 5  Если графический файл находится на локальном компьютере в той же папке, что и файл Web­страницы, то в качестве значения атрибута SRC достаточно указать только имя файла.       Слайд 6 Если файл находится в другой папке на данном локальном компьютере, то значением атрибута должно быть полное имя файла, включая путь к нему.        Слайд 7          Если файл находится на удаленном сервере в Интернете, то должен быть  указан Интернет­адрес этого файла.            Слайд 8Расположить рисунок относительно текста различным образом позволяет атрибут  ALIGN, который может принимать пять различных значений:                   ТОР (верх),                   MIDDLE (середина),                   BOTTOM (низ),                   LEFT (слева)                   RIGHT (справа).   Слайд 9 Если рядом с изображением не должно быть текста, его размещают внутри отдельного абзаца. Выравнивание рисунка по горизонтали в этом случае задают в тэге 

.  Слайд 10 Размеры   изображения   (в   пикселах)   можно   задать   с   помощью   атрибутов  WIDTH и HEIGHT.  Слайд 11 К   изображению   атрибутом  ALT  можно   добавить   название,   которое появляется   на   экран   или   вместо   иллюстрации   (если   по   какой   ­   либо   причине графика не выводится в окне браузера), или в качестве всплывающий строки, при указании на рисунок мышью.  Слайд 12   Вставить в начале страницы картину  М.Н.Воробьева «Вид Московского Кремля. 1818»:    

  5. Практическая работа.  6. Подведение итогов. На сегодняшнем уроке мы с вами познакомились со вставкой изображения в  Web­страницы и научились использовать полученные знания. 7. Домашнее задание.  Параграф 3.7.4. на стр 117 учебника.  HEIGHT="240"  WIDTH="515"