|
|
|
| Строка 1: |
Строка 1: |
| - | <metakeywords>Гіпермаркет Знань - перший в світі!, Гіпермаркет Знань, Інформатика, 11 клас, клас, урок, на Тему, Основи веб-дизайну, Работа с изображениями, логическими тэгами, конспект уроку, опорний каркас</metakeywords> | + | <metakeywords>Гіпермаркет Знань - перший в світі!, Гіпермаркет Знань, Інформатика, 11 клас, клас, урок, на Тему, Основи веб-дизайну, Работа с изображениями, логическими тэгами, конспект уроку, опорний каркас</metakeywords> |
| | | | |
| - | '''[[Гіпермаркет Знань - перший в світі!|Гіпермаркет Знань]]>>[[Інформатика 11 клас|Інформатика 11 клас]]>>[[Інформатика|Інформатика]]>> Інформатика: Основи веб-дизайну''' | + | '''[[Гіпермаркет Знань - перший в світі!|Гіпермаркет Знань]]>>[[Інформатика 11 клас|Інформатика 11 клас]]>>[[Інформатика|Інформатика]]>> Інформатика: Основи веб-дизайну''' |
| | | | |
| | + | <br> '''План-конспект уроку з курсу «[[Інформатика 11 клас|Інформатика 11 клас]]» з теми «[[Основи веб-дизайну|Работа с изображениями и логическими тэгами]]»''' |
| | | | |
| - | '''План-конспект уроку з курсу «[[Інформатика 11 клас|Інформатика 11 клас]]» з теми «[[Основи веб-дизайну|Работа с изображениями и логическими тэгами]]»
| |
| | | | |
| - | ТУТ БУДЕ ТЕКСТ
| + | ''' Урок № 5.''' |
| | | | |
| - | Надіслав вчитель інформатики Тарасов Дмитро.
| + | ''' Работа с изображениями и логическими тэгами.'''<br><br>'''Цели:''' |
| - |
| + | |
| | | | |
| - | [[Category: Основи веб-дизайну. Конспект уроку і опорний каркас]] | + | '''''• Образовательные:'''''<br>- Сформировать первоначальные представления о работе с изображениями в html.<br>- Познакомиться со способами форматирования изображений в html.<br><br>'''''• Развивающие:'''''<br>- умения анализировать, сравнивать, систематизировать и обобщать;<br>- интерес к учению, стремление к расширению кругозора; <br><br>'''''• Воспитательные:'''''<br>- бережное отношение к имуществу, ВТ и учебным пособиям;<br>- дисциплинированность, любознательность.<br><br>''' Ход урока:'''<br><br>'''> Организационный момент.<br>> Проверка д/з: тест на компьютере «Работа с текстом»<br>> Объяснение нового материала.'''<br><br>Повторение и актуализация знаний.<br>Краткий но обязательный разговор о структуре сайта. <br>Учимся вставлять картинку. Подробно на примерах разбираем как правильно прописывать источник в html коде. <br>Рассказываем о теге <div> и его применении.<br>Используя тег <div>, покажем, как можем выровнять картинку по центру.<br> Рассматриваем дополнительные атрибуты тега <img>: <br><br>src="img/HTML.jpg" - источник (путь) к изображению<br>border="5" - рамка и её толщина<br>align="left" - смещение относительно текста<br>hspace="30" - горизонтальный интервал между изображением и обтекающим его текстом <br>vspace="30" - вертикальный интервал между изображением и обтекающим его текстом <br>width="100" - ширина изображения<br>height="70"- высота изображения<br>alt="текст который будет виден если отображение изображений отключено в браузере"<br>Говорим об обтекании<br><br>'''> Закрепление изученного материала:'''<br>Выполнить упражнение к уроку 5.<br><br><u>Задание на дом: </u><br>Изучить материал в тетради наизусть.<br>'''<br>Упражнение к уроку 5:'''<br><br>1. Вставить предложенный рисунок на html-страницу. <br>2. Отформатировать рисунок и выровнять его в тексте на ваше усмотрение.<br>3. Задать отступы от границы текста до рисунка равными 15 пикселей по горизонтали и по вертикали.<br><br>Сохраните файл как "img.html".<br> |
| | + | |
| | + | Надіслав вчитель інформатики Тарасов Дмитро. |
| | + | |
| | + | [[Category:Основи_веб-дизайну._Конспект_уроку_і_опорний_каркас]] |
Текущая версия на 10:13, 14 марта 2012
Гіпермаркет Знань>>Інформатика 11 клас>>Інформатика>> Інформатика: Основи веб-дизайну
План-конспект уроку з курсу «Інформатика 11 клас» з теми «Работа с изображениями и логическими тэгами»
Урок № 5.
Работа с изображениями и логическими тэгами.
Цели:
• Образовательные:
- Сформировать первоначальные представления о работе с изображениями в html.
- Познакомиться со способами форматирования изображений в html.
• Развивающие:
- умения анализировать, сравнивать, систематизировать и обобщать;
- интерес к учению, стремление к расширению кругозора;
• Воспитательные:
- бережное отношение к имуществу, ВТ и учебным пособиям;
- дисциплинированность, любознательность.
Ход урока:
> Организационный момент.
> Проверка д/з: тест на компьютере «Работа с текстом»
> Объяснение нового материала.
Повторение и актуализация знаний.
Краткий но обязательный разговор о структуре сайта.
Учимся вставлять картинку. Подробно на примерах разбираем как правильно прописывать источник в html коде.
Рассказываем о теге <div> и его применении.
Используя тег <div>, покажем, как можем выровнять картинку по центру.
Рассматриваем дополнительные атрибуты тега <img>:
src="img/HTML.jpg" - источник (путь) к изображению
border="5" - рамка и её толщина
align="left" - смещение относительно текста
hspace="30" - горизонтальный интервал между изображением и обтекающим его текстом
vspace="30" - вертикальный интервал между изображением и обтекающим его текстом
width="100" - ширина изображения
height="70"- высота изображения
alt="текст который будет виден если отображение изображений отключено в браузере"
Говорим об обтекании
> Закрепление изученного материала:
Выполнить упражнение к уроку 5.
Задание на дом:
Изучить материал в тетради наизусть.
Упражнение к уроку 5:
1. Вставить предложенный рисунок на html-страницу.
2. Отформатировать рисунок и выровнять его в тексте на ваше усмотрение.
3. Задать отступы от границы текста до рисунка равными 15 пикселей по горизонтали и по вертикали.
Сохраните файл как "img.html".
Надіслав вчитель інформатики Тарасов Дмитро.
Основи веб-дизайну > Основи веб-дизайну. Конспект уроку і опорний каркас
|
