План
проведения занятия в творческом объединении
«Web-конструирование и основы компьютерной
графики»
Педагог дополнительного образования: Никитина И.Б.
Дата
проведения занятия:16.03.2017г.
Время:
15.30. Группа 9в.
Год
обучения: первый
Возраст
учащихся: 13-14 лет.
Продолжительность
– 45 мин.
Тема занятия:
Создание web-страниц с
помощью табличной вёрстки.
Раздел
программы: «Создание веб-страниц с помощью языка
гиперразметки HTML».
Тип занятия: комбинированное.
Цель занятия: создать веб-сайт с
помощью языка гиперразметки HTML табличным способом
Задачи:
Обучающие:
·
закрепить знания по языку
html на практике;
·
Дать представление о
разработке структуры и содержания сайта.
·
Оказать помощь в создании
сайта.
Развивающие:
·
умения анализировать,
сравнивать, систематизировать и обобщать;
·
интерес к учению,
стремление к расширению кругозора;
Воспитательные:
· способствовать развитию и
формированию познавательной активности и умения самостоятельно решать и
выполнять задание.
Форма организации деятельности
учащихся: групповая
(фронтальная)
Форма проведения занятия:
открытое занятие; деловая игра
Методы
обучения: словесные, наглядные,
практические
Оборудование
занятия:
- ПК с программным обеспечением (OC WINDOWS, Adobe PhotoShop, Notepad++ );
- поурочный план;
- методические
разработки;
- задания для
самостоятельной работы (электронный вариант);
- доска,
компьютер, компьютерная презентация;
План занятия.
1.
Организационный момент (1
мин)
2.
Актуализация опорных
знаний (5 мин)
3.
Теоретическая часть (15
мин)
4.
Практическая часть (20
мин)
5.
Рефлексия (2 мин)
Ход занятия.
1.
Организационный
момент:
·
доброжелательное приветствие;
·
установить должную
дисциплину в группе, коротко
·
поговорить о дисциплине
вообще на территории МАН и вне учреждения;
·
отметить отсутствующих;
·
сообщить тему занятия, цели
и задачи;
·
увлечённо рассказать о
важности новой темы в процессе
2.
Актуализация
опорных знаний.
Вопросы на повторение:
1)
Что из себя
представляет сайт?
2)
Для чего применяются
гиперссылки?
3)
Что такое «Табличный
способ вёрстки» ? Какие теги используются для построения таблицы? (таблица,
строка, ячейка)
4)
Атрибуты таблицы (ширина,
высота, ширина границы, размер таблицы)
5)
Cellspaicing, cellpadding?
3.
Теоретическая часть:
1)
Презентация «Этапы
создания сайта»
2)
Демонстрация работ
учащихся прошлых лет
3)
Объяснение хода выполнения
задания.
Папка на Рабочем столе:
С:/Рабочий стол/Старинные замки/задание1
4. Практическая
часть занятия.
1)
Напомнить правила ТБ
при работе за компьютером.
2)
Разбиться на пары для
выполнения веб-страниц (всего 5 пар, из них одна пара учащихся - верстальщики
сайта с гиперссылками)
Выполнение практического задания:
а) работа с материалами новой темы (электронный
вариант);
Задание 1
1.
Используя
материалы к данной практической работе, создать страницу сайта, содержащую
текст и графику. (Для того чтобы аккуратно разместить тексты и графику, лучше
использовать таблицы).
2.
Сохранить её
в файле nesvizh .html в папке КР1_ФАМ (первые три буквы
вашей фамилии) и посмотреть результат в браузере. Результат должен быть
примерно таким, как на рис.1.
Рисунок 1
Задание 2
Используя
материалы к данной контрольной работе, создать 4 веб-страницы:
·
главную
страницу сайта, содержащую меню, как показано на рисунке 2;
Рисунок 2
·
веб-страницу «Мир» (файл mir.htm);
·
веб-страница «Лида» (файл lida.htm);
·
веб-страница
«Новогрудок» (файл novogrudok.htm).
Задание 3
Создайте
текстовые и графические гиперссылки между страницами веб-сайта «Старинные замки», как показано на рисунке 3
Рисунок
3
4.
Рефлексия:
Было ли занятие интересным
Что больше всего понравилось
Лучшие работы учащихся
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.