Главная / Информатика / Конспект урока «Графика на WEB-страницах» 11 класс

Конспект урока «Графика на WEB-страницах» 11 класс

Документы в архиве:

54.82 КБ 4.JPG
249.8 КБ 4.gif
25.47 КБ fon.jpg
140.91 КБ дополнительное задание.jpg
5.99 КБ 4.html
27 КБ Автор.doc
177.5 КБ Конспект по теме Графика на WEB-страницах.doc
5.99 КБ 34_14.html
4.36 КБ 35.html
54.82 КБ 35_11.JPG
249.8 КБ 35_12.gif
148.5 КБ 35_15.jpg
249.8 КБ 4.gif
25.47 КБ fon.jpg
249.8 КБ fl.gif
25.47 КБ fon.jpg
2.05 КБ 5.html
142.44 КБ headerBackground.jpg
87.32 КБ headerBackground2.jpg
2.75 КБ style.css
22.27 КБ 01.png
17.33 КБ 02.png
22.84 КБ 03.png
26.01 КБ 03_.png
14.56 КБ 07.png
42.91 КБ 1302542756_tb-po-ivt1.jpg
42.84 КБ 1302542841_tb-po-ivt7.jpg
7 КБ Thumbs.db
13.52 КБ bg_content.jpg
21.88 КБ border.psd
13.25 КБ border_shadow_l.jpg
13.26 КБ border_shadow_r.jpg
135.27 КБ content_Bg.psd
18.83 КБ header2_bg.jpg
64.04 КБ header_bg.jpg
1.46 МБ header_bg.psd
3.06 КБ index.html
6.35 КБ index1.html
5.66 КБ index2.html
6.25 КБ index3.html
5.3 КБ index4.html
6.56 КБ index5.html
8.33 КБ index6.html
6.21 КБ index7.html
3.21 КБ style1.css
11.29 КБ tb1.gif
10.88 КБ tb2.gif
11.29 КБ tb3.gif
12.01 КБ tb4.gif
11.44 КБ tb5.gif
11.74 КБ tb6.gif
11.67 КБ tb7.gif
12.33 КБ tb8.gif
11.46 КБ tb9.gif
5.23 КБ texnika bezopactnocti.html
443.14 КБ Техника безопасности.pptx

Название документа Автор.doc

Ковальчук Вероника Владимировна

hello_html_361e6439.jpg

Должность: учитель информатики

Квалификационная категория: Преподаватель математики и информатики, II категория

Место работы: ГУ «Физико-математический лицей…»

Казахстан, г. Костанай

Nika79roni@mail.ru

Сайт: http://roni79.ucoz.ru/



Название документа Конспект по теме Графика на WEB-страницах.doc

ОПОРНЫЕ ПОНЯТИЯ: информатика, урок, web-дизайн, графика, конспект, задание, электронное учебное пособие.


Учитель: Ковальчук В. В., 11 класс

Тема: Графика на WEB-страницах.

Тип урока: комбинированный

Цели урока: воспитывать личность

а) - имеющую знания о теге img и его атрибутах

- умеющую внедрять графику на web-страницу

б) мыслящую

в) самостоятельную, трудолюбивую, дисциплинированную

Оборудование:

  1. Тетрадь,

  2. Электронное пособие по информатике 11 класс

  3. ПК

Используемые программы:

  1. Net Op, Internet Explorer

План урока:

  1. Оргмомент

  2. Техника безопасности.

  3. Подготовка к изучению новых знаний

  4. Изучение новых знаний

  5. Подготовка к закреплению новых знаний

  6. Разминка

  7. Закрепление новых знаний

  8. Домашнее задание

  9. Подведение итогов урока


Ход урока:

  1. Здравствуйте! Тема нашего урока «Графика на WEB-страницах». Мы с вами сегодня узнаем, какие форматы поддерживает web-страница и научимся внедрять на страницы изображения, а также узнаем как сделать картинку фоном.

  2. Техника безопасности: повторение основных правил.

hello_html_m41e5646c.pnghello_html_5db6217f.gif

  1. Тест (файл 4.html в папке Тест , которая находится в 11 класс ). (дети рассаживаются за ПК. По окончанию теста говорят учителю свой балл и садятся за центральные парты).

  2. Объяснение материала с использованием электронного пособия на интерактивной доске(запись основных понятий в тетрадь):

Тег служит для внедрения графики на страницы.

Используются картинки разных форматов. Самые распространенные из них - это gif и jpg.

Gif в основном используется для разных маленьких картинок с количеством цветов не более 256, jpg - для фотографий.

Кроме того, gif-файлы могут быть анимированными.

01.gif - картинка лежит в той же папке, что и сам документ

01.gif - картинка лежит в папке, которая лежит в папке с документом

Пример: сайт/1/01.gif

сайт/index.html


src -Обязательный атрибут, указывающий URL рисунка

align - Выравнивает изображение к одной из сторон документа

left Выравнивание по левому краю

right Выравнивание по правому краю

center Выравнивание по центру

bottom Выравнивание по нижнему краю

top Выравнивание по верхнему краю

middle Выравнивание по середине

01.gif

alt - Выводит текст к картинке. Полезно, если браузер не отображает графику на странице

моя фотография

border - Устанавливает толщину рамки вокруг изображения в пикселях. По умолчанию рамка не используется.

При использовании изображения в качестве гиперссылки рекомендуется установить BORDER=0,

чтобы подавить цветовую окантовку, которая появится вокруг изображения

01.gif

height - Высота картинки в пикселях или процентах.

Всегда желательно явно устанавливать этот параметр для ускорения загрузки страницы браузером

width - Ширина картинки в пикселях или процентах.

Всегда желательно явно устанавливать этот параметр для ускорения загрузки страницы браузером

Фоновая картинка

Атрибут background тега body указывает на адрес изображения - фона документа

  1. Совсем недавно в Казахстане отмечали Курбанайт. Это один из самых значимых мусульманских праздников приходится на 70 день после окончания поста Ораза. Исчисление, согласно лунному календарю, ежегодно изменяется с разницей примерно в 10 дней. В переводе с арабского - это «праздник жертвоприношения»


Мы сегодня с вами создадим поздравление ( web-страницу по образцу):

hello_html_60005dd0.jpg
Образец и заготовки (изображение и текст) находятся в папке Графика в 11 класс на Рабочем столе.

  1. Упражнения для снятия зрительного напряжения (из техники безопосности)

  2. Выполнение задания за ПК ( наблюдение за работой учащихся по сети через Net Op)

Дополнительное задание (в папке Задание2 в Графика.)

  1. Дома: выучить конспект

  2. Подведение итогов урока: мы сегодня научились внедрять графику на web-страницы. Спасибо за урок!

Название документа Техника безопасности.pptx

Техника безопасности
Общие. Перед началом работы на ПК. Во время работы. В аварийных ситуациях. По...
1 из 2

Описание презентации по отдельным слайдам:

№ слайда 1 Техника безопасности
Описание слайда:

Техника безопасности

№ слайда 2 Общие. Перед началом работы на ПК. Во время работы. В аварийных ситуациях. По ок
Описание слайда:

Общие. Перед началом работы на ПК. Во время работы. В аварийных ситуациях. По окончании работы

Конспект урока «Графика на WEB-страницах» 11 класс
  • Информатика
Описание:

Тип урока: комбинированный
Цели урока: воспитывать личность
а) - имеющую знания о теге img и его атрибутах
- умеющую внедрять графику на web-страницу
б) мыслящую
в) самостоятельную, трудолюбивую, дисциплинированную

Оборудование:

  1. Тетрадь,
  2. Электронное пособие по информатике 11 класс
  3. ПК

Используемые программы:

  1. Net Op, Internet Explorer

План урока:

  1. Оргмомент
  2. Техника безопасности.
  3. Подготовка к изучению новых знаний
  4. Изучение новых знаний
  5. Подготовка к закреплению новых знаний
  6. Разминка
  7. Закрепление новых знаний
  8. Домашнее задание
  9. Подведение итогов урока

Ход урока:

  1. Здравствуйте! Тема нашего урока «Графика на WEB-страницах». Мы с вами сегодня узнаем, какие форматы поддерживает web-страница и научимся внедрять на страницы изображения, а также узнаем как сделать картинку фоном.
  2. Техника безопасности: повторение основных правил.
kov1.jpg

Тест (файл 4.html в папке Тест, которая находится в 11 класс). (Дети рассаживаются за ПК. По окончанию теста говорят учителю свой балл и садятся за центральные парты). Объяснение материала с использованием электронного пособия на интерактивной доске (запись основных понятий в тетрадь):

Тег служит для внедрения графики на страницы.
Используются картинки разных форматов. Самые распространенные из них - это gif и jpg.
Gif в основном используется для разных маленьких картинок с количеством цветов не более 256, jpg - для фотографий.
Кроме того, gif-файлы могут быть анимированными.
01.gif - картинка лежит в той же папке, что и сам документ
01.gif - картинка лежит в папке, которая лежит в папке с документом
Пример: сайт/1/01.gif
сайт/index.html

src -Обязательный атрибут, указывающий URL рисунка

align - Выравнивает изображение к одной из сторон документа
left       Выравнивание по левому краю
right    Выравнивание по правому краю
center Выравнивание по центру
bottom Выравнивание по нижнему краю
top       Выравнивание по верхнему краю
middle  Выравнивание по середине

01.gif

alt - Выводит текст к картинке. Полезно, если браузер не отображает графику на странице
01.gif

border - Устанавливает толщину рамки вокруг изображения в пикселях. По умолчанию рамка не используется.
При использовании изображения в качестве гиперссылки рекомендуется установить BORDER=0,
чтобы подавить цветовую окантовку, которая появится вокруг изображения
01.gif

height - Высота картинки в пикселях или процентах.
Всегда желательно явно устанавливать этот параметр для ускорения загрузки страницы браузером

width - Ширина картинки в пикселях или процентах.
Всегда желательно явно устанавливать этот параметр для ускорения загрузки страницы браузером

Фоновая картинк а
Атрибут background тега body указывает на адрес изображения - фона документа

 Совсем недавно в Казахстане отмечали Курбанайт. Это один из самых значимых мусульманских праздников приходится на 70 день после окончания поста Ораза. Исчисление, согласно лунному календарю, ежегодно изменяется с разницей примерно в 10 дней. В переводе с арабского - это «праздник жертвоприношения»

Мы сегодня с вами создадим поздравление (web-страницу по образцу):

kov2.jpg

Образец и заготовки (изображение и текст) находятся в папке Графика в 11 класс на Рабочем столе.

Упражнения для снятия зрительного напряжения (из техники безопосности) Выполнение задания за ПК (наблюдение за работой учащихся по сети через Net Op)

Дополнительное задание (в папке Задание2 в Графика.)

Дома: выучить конспект Подведение итогов урока: мы сегодня научились внедрять графику на web-страницы. Спасибо за урок!

dop.pngДополнительно:

  1. Конспект урока (.doc)
  2. Тест (.html)
  3. Электронное пособие (.html)
  4. Исходный материал к заданиям


dop.png Архив к уроку в архиве ZIP, объемом 3,69 Мб (2-2-7-2.zip)



17.01.2012
Автор Ковальчук Вероника Владимировна
Дата добавления 17.01.2012
Раздел Информатика
Подраздел
Просмотров 2628
Номер материала 605
Скачать свидетельство о публикации

Оставьте свой комментарий:

Введите символы, которые изображены на картинке:

Получить новый код
* Обязательные для заполнения.


Комментарии:

↓ Показать еще коментарии ↓