Выбранный для просмотра документ 4.txt
Скачать материал "Конспект урока «Графика на WEB-страницах» 11 класс"
Рабочие листы
к вашим урокам
Скачать
Выбранный для просмотра документ Автор.doc
Ковальчук Вероника Владимировна
Должность: учитель информатики
Квалификационная категория: Преподаватель математики и информатики, II категория
Место работы: ГУ «Физико-математический лицей…»
Казахстан, г. Костанай
Сайт: http://roni79.ucoz.ru/
Рабочие листы
к вашим урокам
Скачать
Выбранный для просмотра документ Конспект по теме Графика на WEB-страницах.doc
ОПОРНЫЕ ПОНЯТИЯ: информатика, урок, web-дизайн, графика, конспект, задание, электронное учебное пособие.
Учитель: Ковальчук В. В., 11 класс
Тема: Графика на WEB-страницах.
Тип урока: комбинированный
Цели урока: воспитывать личность
а) - имеющую знания о теге img и его атрибутах
- умеющую внедрять графику на web-страницу
б) мыслящую
в) самостоятельную, трудолюбивую, дисциплинированную
Оборудование:
Используемые программы:
1. Net Op, Internet Explorer
План урока:
I. Оргмомент
II. Техника безопасности.
III. Подготовка к изучению новых знаний
IV. Изучение новых знаний
V. Подготовка к закреплению новых знаний
VI. Разминка
VII. Закрепление новых знаний
VIII. Домашнее задание
IX. Подведение итогов урока
Ход урока:
I. Здравствуйте! Тема нашего урока «Графика на WEB-страницах». Мы с вами сегодня узнаем, какие форматы поддерживает web-страница и научимся внедрять на страницы изображения, а также узнаем как сделать картинку фоном.
II. Техника безопасности: повторение основных правил.
III. Тест (файл 4.html в папке Тест , которая находится в 11 класс ). (дети рассаживаются за ПК. По окончанию теста говорят учителю свой балл и садятся за центральные парты).
IV. Объяснение материала с использованием электронного пособия на интерактивной доске(запись основных понятий в тетрадь):
Тег <img> служит для внедрения графики на страницы.
Используются картинки разных форматов. Самые распространенные из них - это gif и jpg.
Gif в основном используется для разных маленьких картинок с количеством цветов не более 256, jpg - для фотографий.
Кроме того, gif-файлы могут быть анимированными.
<img src="01.gif"> - картинка лежит в той же папке, что и сам документ
<img src="1/01.gif"> - картинка лежит в папке, которая лежит в папке с документом
Пример: сайт/1/01.gif
сайт/index.html
src -Обязательный атрибут, указывающий URL рисунка
align - Выравнивает изображение к одной из сторон документа
left Выравнивание по левому краю
right Выравнивание по правому краю
center Выравнивание по центру
bottom Выравнивание по нижнему краю
top Выравнивание по верхнему краю
middle Выравнивание по середине
<img src="01.gif" align="left">
alt - Выводит текст к картинке. Полезно, если браузер не отображает графику на странице
<img src="01.gif" align="left" alt="моя фотография">
border - Устанавливает толщину рамки вокруг изображения в пикселях. По умолчанию рамка не используется.
При использовании изображения в качестве гиперссылки рекомендуется установить BORDER=0,
чтобы подавить цветовую окантовку, которая появится вокруг изображения
<img src="01.gif" border="5">
height - Высота картинки в пикселях или процентах.
Всегда желательно явно устанавливать этот параметр для ускорения загрузки страницы браузером
width - Ширина картинки в пикселях или процентах.
Всегда желательно явно устанавливать этот параметр для ускорения загрузки страницы браузером
Фоновая картинка
Атрибут background тега body указывает на адрес изображения - фона документа
<body background="fon.jpg">
V. Совсем недавно в Казахстане отмечали Курбанайт. Это один из самых значимых мусульманских праздников приходится на 70 день после окончания поста Ораза. Исчисление, согласно лунному календарю, ежегодно изменяется с разницей примерно в 10 дней. В переводе с арабского - это «праздник жертвоприношения»
Мы сегодня с вами создадим поздравление ( web-страницу по образцу):
 |
VI. Упражнения для снятия зрительного напряжения (из техники безопосности)
VII. Выполнение задания за ПК ( наблюдение за работой учащихся по сети через Net Op)
Дополнительное задание (в папке Задание2 в Графика.)
VIII. Дома: выучить конспект
IX. Подведение итогов урока: мы сегодня научились внедрять графику на web-страницы. Спасибо за урок!
Рабочие листы
к вашим урокам
Скачать
Выбранный для просмотра документ прочти меня.txt
Скачать материал "Конспект урока «Графика на WEB-страницах» 11 класс"
Рабочие листы
к вашим урокам
Скачать
Выбранный для просмотра документ 35_12.txt
Скачать материал "Конспект урока «Графика на WEB-страницах» 11 класс"
Рабочие листы
к вашим урокам
Скачать
Выбранный для просмотра документ Техника безопасности.pptx
Скачать материал "Конспект урока «Графика на WEB-страницах» 11 класс"
Рабочие листы
к вашим урокам
Скачать
1 слайд
Техника безопасности
2 слайд
Общие.
Перед началом работы на ПК.
Во время работы.
В аварийных ситуациях.
По окончании работы
Рабочие листы
к вашим урокам
Скачать
Выбранный для просмотра документ ‚ ¦®!.txt
Скачать материал "Конспект урока «Графика на WEB-страницах» 11 класс"
Рабочие листы
к вашим урокам
Скачать
Рабочие листы
к вашим урокам
Скачать
Тип урока: комбинированныйЦели урока: воспитывать личность а) - имеющую знания о теге img и его атрибутах - умеющую внедрять графику на web-страницу б) мыслящую в) самостоятельную, трудолюбивую, дисциплинированную Оборудование: Тетрадь, Электронное пособие по информатике 11 класс ПК Используемые программы: Net Op, Internet Explorer План урока: Оргмомент Техника безопасности. Подготовка к изучению новых знаний Изучение новых знаний Подготовка к закреплению новых знаний Разминка Закрепление новых знаний Домашнее задание Подведение итогов урока Ход урока: Здравствуйте! Тема нашего урока «Графика на WEB-страницах». Мы с вами сегодня узнаем, какие форматы поддерживает web-страница и научимся внедрять на страницы изображения, а также узнаем как сделать картинку фоном. Техника безопасности: повторение основных правил. Тест (файл 4.html в папке Тест, которая находится в 11 класс). (Дети рассаживаются за ПК. По окончанию теста говорят учителю свой балл и садятся за центральные парты). Объяснение материала с использованием электронного пособия на интерактивной доске (запись основных понятий в тетрадь): Тег служит для внедрения графики на страницы. Используются картинки разных форматов. Самые распространенные из них - это gif и jpg. Gif в основном используется для разных маленьких картинок с количеством цветов не более 256, jpg - для фотографий. Кроме того, gif-файлы могут быть анимированными. - картинка лежит в той же папке, что и сам документ - картинка лежит в папке, которая лежит в папке с документом Пример: сайт/1/01.gif сайт/index.html src -Обязательный атрибут, указывающий URL рисункаalign - Выравнивает изображение к одной из сторон документа left Выравнивание по левому краю right Выравнивание по правому краю center Выравнивание по центру bottom Выравнивание по нижнему краю top Выравнивание по верхнему краю middle Выравнивание по серединеalt - Выводит текст к картинке. Полезно, если браузер не отображает графику на странице border - Устанавливает толщину рамки вокруг изображения в пикселях. По умолчанию рамка не используется. При использовании изображения в качестве гиперссылки рекомендуется установить BORDER=0, чтобы подавить цветовую окантовку, которая появится вокруг изображения height - Высота картинки в пикселях или процентах. Всегда желательно явно устанавливать этот параметр для ускорения загрузки страницы браузеромwidth - Ширина картинки в пикселях или процентах. Всегда желательно явно устанавливать этот параметр для ускорения загрузки страницы браузеромФоновая картинк а Атрибут background тега body указывает на адрес изображения - фона документа Совсем недавно в Казахстане отмечали Курбанайт. Это один из самых значимых мусульманских праздников приходится на 70 день после окончания поста Ораза. Исчисление, согласно лунному календарю, ежегодно изменяется с разницей примерно в 10 дней. В переводе с арабского - это «праздник жертвоприношения» Мы сегодня с вами создадим поздравление (web-страницу по образцу): Образец и заготовки (изображение и текст) находятся в папке Графика в 11 класс на Рабочем столе. Упражнения для снятия зрительного напряжения (из техники безопосности) Выполнение задания за ПК (наблюдение за работой учащихся по сети через Net Op) Дополнительное задание (в папке Задание2 в Графика.) Дома: выучить конспект Подведение итогов урока: мы сегодня научились внедрять графику на web-страницы. Спасибо за урок! Дополнительно: Конспект урока (.doc) Тест (.html) Электронное пособие (.html) Исходный материал к заданиям Архив к уроку в архиве ZIP, объемом 3,69 Мб (2-2-7-2.zip) Cкачать этот материал 17.01.2012
6 663 820 материалов в базе
Настоящий материал опубликован пользователем Цыбжитова Дарижап Жамсуевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
500/1000 ч.
Курс повышения квалификации
72 ч. — 180 ч.
Курс профессиональной переподготовки
600 ч.
Курс повышения квалификации
72 ч. — 180 ч.
Мини-курс
8 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.