sabaq.kz sabaq.kz
| Дата 13.02.2015 | Предмет: информатика | Класс 11 | Урок №22 | ||||||||||||||||||||||||||||||||||||||||||||||
| Название занятия | HTML – программирование, инструменты создания информационных объектов для Интернет, Web–страницы и сайты. | ||||||||||||||||||||||||||||||||||||||||||||||||
| Общие цели |
|
||||||||||||||||||||||||||||||||||||||||||||||||
| Результат
обучения |
знают назначение, функциональные возможности концепции создания Web–страниц;
умеют вставлять графические объекты в HTML-документ и оформлять дизайн Web–страницы. |
||||||||||||||||||||||||||||||||||||||||||||||||
| Ключевые идеи | В соответствии с ГОСО учащиеся на данном уроке расширяют знания по теме: Информация и информационные процессы. | ||||||||||||||||||||||||||||||||||||||||||||||||
| Источники | Учебник информатики, дополнительный материал. | ||||||||||||||||||||||||||||||||||||||||||||||||
| Материалы и оборудование | Раздаточный материал, ПК | ||||||||||||||||||||||||||||||||||||||||||||||||
| Ход занятия | |||||||||||||||||||||||||||||||||||||||||||||||||
| Этапы проведения занятия | Время 45 мин | Действия учителя и действия учеников | |||||||||||||||||||||||||||||||||||||||||||||||
|
2 мин | Приветствие, деление на группы или пары (если количество – четное).
|
|||||||||||||||||||||||||||||||||||||||||||||||
|
3 мин | Что такое язык HTML?
Что такое тэги? Веб-страница – это… Начало и конец страницы в HTML пишется … Что записывается в <TITLE> </TITLE> Содержание страницы в HTML пишется … Гипертекст это… |
|||||||||||||||||||||||||||||||||||||||||||||||
|
10 мин |
</html> где <title> — заголовок <body> </body> — тело документа <br> — перенос строки Все записываем в Блокноте и сохраняем с расширением .html (т.е вместо .txt пишем .html) В результате получится так: Если добавить тег <font color=»#CC0000″>, то цвет текста будет красным, а основной текст будет голубым <body text=»#336699″>,. Параметры выравнивания текста: ALIGN — выравнивание ALIGN=LEFT — выравнивание по левому полю Параметры графического изображения WIDHT — ширина картинки в пикселях А теперь как вставлять картинки в документ? <img src=»my.jpg»> Вместо my.jpg мы можем подставить имя любой картинки (me.gif, main.png). Самое главное понять, что все расположенное между кавычками — ссылка (путь к картинке). Наш пример говорит о том, что картинка лежит в том же каталоге (директории, папке), в которой лежит и наш документ. Если картинка лежит в поддиректории то ссылка на неё будет выглядеть так: <img src=»/my/my.jpg»> Если картинка лежит на уровень выше, а документ находится в поддиректории, то ссылка на неё будет такой: <img src=»../my.jpg»> Если картинка лежит на другом сайте, то путь прописывается полностью: <img src=»http://www.homepage.ru/my/my.jpg»> Для вашего удобства кладите картинку в ту же директорию, что и документ, тогда путаницы будет меньше).
|
|||||||||||||||||||||||||||||||||||||||||||||||
|
20 мин | А теперь приступаем к выполнению практической работы на компьютерах. Расположите рисунки так, как указано в раздаточном материале.
Удачи!
|
|||||||||||||||||||||||||||||||||||||||||||||||
|
6 мин | Каждая группа описывает свою работу. | |||||||||||||||||||||||||||||||||||||||||||||||
|
2 мин |
18-23 балла оценка «5» 11-17 баллов оценка «4» 3-10 баллов оценка «3» 0-2 балла оценка «2»
|
|||||||||||||||||||||||||||||||||||||||||||||||
|
2 мин | На стикерах учащиеся пишут ЗХУ (знал, хочу знать, узнал)
|
|||||||||||||||||||||||||||||||||||||||||||||||
Здравствуйте. Считаю что содержание урока совсем не соответствует теме урока. Считаю не целесообразным на одном уроке вводить правила размещения картинки и параметры выравнивания текста.
Извините за категоричность…