Методический электронный образовательный центр Министерства образования Оренбургской области и Оренбургского государственного университета
Методический электронный образовательный центр Министерства образования Оренбургской области и Оренбургского государственного университета
Конспект урока Оформление сайта Информатика 9 класс Информатика, Л.Л. Босова, Л.А. Босова, 2013 год Уровень обучения – базовый Общее количество часов. отведенное на изучение темы – 1час. Урок является 7 в главе «Коммуникационные технологии» Цели урока: обсудить наличие разных мнений и многообразие подходов к проблеме оформления сайта, побудить учащихся к анализу различных ситуаций, диктующих то или иное оформление сайта, сформулировать основные рекомендации, повышающие привлекательность web-сайта Оборудование и материалы к уроку: демонстрационное оборудование (мультимедийный проектор, экран), функционирующая локальная сеть; программное обеспечение: web-редактор, графические редакторы, текстовый редактор, библиотеки шрифтов, фонов и рисунков, демонстрационные материалы (сайты школьников). Подготовка к уроку: 1) на партах учащихся находятся тексты задания “Макет” (см. Приложение1.doc) 2) подготовлены (ярлыки на рабочем столе) демонстрационные сайты (1, 2, 3) 3) на предыдущем уроке в качестве домашнего задания учащиеся получили статьи для ознакомления и анализа (см. Приложение0.txt) Ход урока: 1. Орг. момент, повторение (3 минуты) Тема сегодняшнего урока – “Оформление сайта» (тема урока представлена на экране). На предыдущих уроках мы получили знания о технической стороне сайтостроения. Учитель: Какие знания нам необходимы для того, чтобы создать web-страницу? (Предполагаемые ответы учеников: знания языка HTML, по крайней мере, основных тегов). Ускорение работы; возможность сделать сайт, обладая минимальными знаниями; автоматизация рутинных операций… Предполагаемые ответы учеников: излишний код, ограничение некоторых возможностей (например, стандартными средствами нельзя сделать рисунок бегущей строкой), необходимость контроля за абсолютными - относительными адресами, громоздкие динамические эффекты… Авторская или готовая макетная таблица Учитель: задает вопросы на повторение Ученики: отвечают Результат: актуализация знаний, повторение 2. Тест (5 минут) А сейчас вы выполните тестовое задание по этой теме. (тест – см. Приложение2.txt) Какие задания вызвали затруднения? Учитель: инструктирует, следит за ходом выполнения теста, констатирует получение результатов Ученики: отвечают на вопросы, осуществляют проверку Результат: проверка усвоения знаний 3. Обсуждение домашнего задания. (10 минут) Технические навыки для создания сайтов необходимы, однако не стоит забывать о том впечатлении, которое производит сайт на пользователя. В качестве домашнего задания вам было предложено познакомиться с несколькими статьями, которые помогут нам в изучении темы. Какие сегодня существуют подходы к оформлению сайтов? В чем заключается их суть. Есть ли среди вас сторонники того или иного подхода? Какие весомые аргументы приводят сторонники “содержательного” подхода? Как обосновывают свою позицию дизайнеры-графики? Обсуждение обычно проходит довольно живо. В силу своего возраста ребята часто имеют категоричное мнение, ниже при этом обосновывая его вескими аргументами, которые можно почерпнуть, в том числе, и из предложных статей. В ходе дискуссии, как правило, удается подвести класс к выводу о том, что в зависимости от цели сайта, главную роль может играть и содержание, и оформление. В этом помогает демонстрация различных работ. Я предпочитаю демонстрировать работы прошлого учебного года (учеников другой параллели), чтобы оценка работ была более объективной. Примеры скриншотов сайтов (сайт1.jpg, сайт2.jpg) – см. приложение. Какую задачу вы выводили на первый план – оформление или содержание, когда работали над проектом своего сайта в “Блокноте”? А в web-редакторе? (Предполагаемые ответы учеников: в “Блокноте” - содержание, так как не имели достаточных навыков для оформления; в редакторе смогли больше внимания уделить оформлению, так как меньше времени тратили на рутинную работу). Учитель: задает вопросы, направляет беседу, демонстрирует работы Ученики: аргументируют свою точку зрения, анализируют работы Результат: констатация различных подходов к оформлению сайта, анализ оправданности того или иного подхода, повышение мотивации, подведение к новому понятию. 4. Объяснение нового материала. Любой сайт загружается с главной (домашней) страницы (home page), которая, прежде всего, должна давать ответ на вопрос: «О чём этот сайт?». Для этого на главной странице размещают: название сайта, тематическое графическое изображение, короткий текст с описанием содержания сайта, главное меню — ссылки на основные разделы сайта. Также на главной странице могут быть размещены имя автора сайта и его контактная информация, счётчик посетителей, новости и т. д. Каждая страница сайта, как правило, имеет несколько постоянных элементов, которые всегда находятся на одних и тех же местах. Это: заголовок сайта, расположенный в самом верху страницы; главное меню, как правило, размещаемое в левой части страницы (количество пунктов меню, их названия и порядок неизменны на всех страницах сайта). Желательно, чтобы страницы сайта были выполнены в едином стиле. Чтобы выдержать стиль, проще вначале разработать шаблон страницы сайта, на котором представить элементы, имеющиеся на всех страницах сайта. Откройте тетради, запишите тему сегодняшнего урока. Пока ученики переписывают с экрана информацию, текст рекомендаций распечатывается, а учитель раскладывает его на столы. Ученики: анализируют готовый сайт, формулируют основные принципы, записывают основные понятия. Учитель: демонстрирует готовый продукт, акцентирует внимание на ключевых моментах, фиксирует основные факты на экране. Результат: введение и отработка нового понятия. 5. Проектная деятельность. (10 минут) По мнению дизайнеров, особое внимание при создании сайта следует уделять первой (главной) странице. Почему? (Предполагаемые ответы учеников: это лицо сайта; от того, как выглядит главная страница, зависит, пойдет ли пользователь дальше по сайту…). После того, как мы сформулировали рекомендации, применим их на практике. Создайте средствами web-редактора макет первой страницы сайта на заданную тему, стараясь учитывать интересы потенциального пользователя. На парте у каждого лежит задание (см. Приложение1.doc). Продумайте, как вы прокомментируете свой макет. Учитель: формулирует задание, помогает организовать работу, подобрать материалы. Ученики: занимаются проектной деятельностью. Результат: макет главной страницы сайта. 6. Демонстрация лучших проектов. (5 минут) Учитель: отбирает наиболее характерные проекты и демонстрирует их классу. Ученики: комментируют свой макет, анализируют чужие работы. Результат: закрепление понятия. 7. Итог урока: Существуют разные подходы к оформлению сайта. Сегодня мы убедились в том, что, в зависимости от того, какова концепция, идея нашего сайта, на первый план может выйти или содержание, или дизайн сайта. Но в любом случае мы должны понимать, что пользоваться нашим продуктом будут другие, поэтому надо позаботиться о привлекательности нашего сайта. 8. Домашнее задание: Продумать идеи сайтов, где на первом месте стоял бы 1) дизайн, 2) содержание. Привести 2 – 3 довода в пользу каждой концепции. 9. Оценки за работу на уроке… Урок окончен, спасибо. До свидания.
Автор(ы):
Скачать: Информатика 9кл - Конспект урока Оформление сайта.docx Технологическая карта урока по информатике в 9 классе по ФГОС Учитель (Ф.И.О.) Галкина Маргарита Алексеевна Должность Учитель информатики Предмет Информатика Класс 9 Тема урока Оформление сайта Тип урока Комбинированный урок: проверки и оценки знаний, активного и осознанного усвоения нового материала Технология урока Работа в группах, проблемная, ИКТ Оформление и оборудование КМ урок «Разветвляющиеся алгоритмы», интерактивная доска, карты оценивания Аппаратное и программное обеспечение Компьютерные рабочие места учащихся, объединённые локальной сетью, рабочее место учителя с интерактивной Smart доской, проектор. Характеристики урока Содержание Образовательные цели урока формирование пространственного мышления формирование у учащихся целостных представлений о картине мира; формирование научного мировоззрения; синтез знаний, полученных на разных предметах. Развивающие цели создать условия для развития умений работать коллективно, в парах, индивидуально; создать условия для развития пространственного мышления; развивать навыки работы с развивать познавательный интерес; формировать умение анализировать, обобщать, сравнивать, абстрагироваться, синтезировать знания, полученные на различных предметах. Воспитательные цели воспитывать стремление к получению новых знаний, обобщению знаний из различных областей жизни; коммуникативные качества, умение слушать, критическое отношение; культуру межличностных взаимоотношений, аккуратность в работе, трудолюбие. создать на уроке атмосферу психологической комфортности Здоровьесберегающая цель эффективно использовать здоровьесберегающие режимные моменты (психоэмоциональная разрядка); следить за выполнением санитарно-гигиенических норм (освещённость, воздушный режим, осанка детей) Задачи урока 1. сформировать у учащихся творческий подход, способность к самостоятельному и инициативному решению проблем; 2. научить использовать типовые инструментально-технологические средства и эффективно работать в командах, что необходимо для личностного развития и профессионального самоопределения; 3. освоить основные критерии создания веб-ресурсов и научить качественно оценивать веб-ресурсы общего назначения; 4. закрепление навыков создания Web-страниц; 5. закрепить навыки структуризации и систематизации информации и отработать навыки оптимизации информационной деятельности 6. выполнить проектную работу по созданию сайта Основные образовательные принципы урока доступность, практичность, природосообразность, научность Этап урока Задачи этапа Методы Формы Деятельность учителя Деятельность ученика Время Слайд КМ 1.Организационный момент. Включение в деловой ритм. Подготовка класса к работе. Разъяснение Фронтальная Знакомит учащихся с планом урока Слушают 1 мин. 2. Проверка знаний материала прошлого урока Выявить уровень знаний. Определение типичных ошибок. Тестирование Тест Наблюдает, корректирует Работа учащихся в тетради. Проверка по цепочке у Smartдоски 5 мин 3. Подготовка к активной учебно-познавательной деятельности Активизировать знания учащихся, необходимых для изучения нового материала. Формировать познавательные мотивы. Проблемная миниситуация Коллективная На предыдущих уроках мы получили знания о технической стороне сайтостроения. Какие знания нам необходимы для того, чтобы создать web-страницу? Зачем используют web- редакторы, в частности, MS FrontPage? О каких “минусах” web-редакторов необходимо помнить? Какой технический прием используется для того, чтобы структура сайта соблюдалась при разных режимах просмотра? Знания языка HTML, по крайней мере, основных тегов Ускорение работы; возможность сделать сайт, обладая минимальными знаниями; автоматизация рутинных операций… Излишний код, ограничение некоторых возможностей (например, стандартными средствами нельзя сделать рисунок бегущей строкой), необходимость контроля за абсолютными - относительными адресами, громоздкие динамические эффекты… Авторская или готовая макетная таблица 3 мин 4. Установка познавательной задачи Организация учащихся по принятию познавательной задачи. Устное сообщение учителя, Индивидуальная работа у Smart доски Фронтальная А сейчас вы выполните тестовое задание по этой теме. (тест – см. Приложение2.txt) Какие задания вызвали затруднения? Отвечают на вопросы, осуществляют проверку Результат: проверка усвоения знаний 3 мин 5. Объяснение новых знаний Сформировать понятия ветвления, разветвляющегося алгоритма. Сформировать навыки узнавания структуры ветвления, разветвляющихся алгоритмов Рассказ и показ, Фронтальная Любой сайт загружается с главной (домашней) страницы (home page), которая, прежде всего, должна давать ответ на вопрос: «О чём этот сайт?». Для этого на главной странице размещают: название сайта, тематическое графическое изображение, короткий текст с описанием содержания сайта, главное меню — ссылки на основные разделы сайта. Также на главной странице могут быть размещены имя автора сайта и его контактная информация, счётчик посетителей, новости и т. д. Каждая страница сайта, как правило, имеет несколько постоянных элементов, которые всегда находятся на одних и тех же местах. Это: заголовок сайта, расположенный в самом верху страницы; главное меню, как правило, размещаемое в левой части страницы (количество пунктов меню, их названия и порядок неизменны на всех страницах сайта). Желательно, чтобы страницы сайта были выполнены в едином стиле. Чтобы выдержать стиль, проще вначале разработать шаблон страницы сайта, на котором представить элементы, имеющиеся на всех страницах сайта. Аудиальное и визуальное восприятие. 7 мин 6. Закрепление изученного материала Организовать деятельность по применению новых знаний. Самостоятельная работа Практическая работа за ПК Работа в группах Задание лежит на парте, ученики работают теми же группами. Для успешного задания необходима библиотека иллюстраций, функционирующая сеть и умение учеников быстро осуществлять обмен данными по сети. Задание: оформить (графическими средствами) титульную страницу потенциального сайта организации "***", если это: (у каждой группы свое оригинальной направление). (см.Приложение6.txt 15 мин 7. Рефлексия. Подведение итогов урока Анализ успешности усвоенного материала и деятельности учащихся. Объяснительно-иллюстративный (беседа) Коллективная Удалось ли группе (1, 2, 3…) выдержать страницу в едином стиле? Что говорит о выдержке единого стиля страницы? Почему, несмотря на общее название фирмы, сайты групп так отличаются? Анализируют работы, аргументируют. Учитель: направляет обсуждение, задавая вопросы, подчеркивает наиболее удачные стилевые решения. 5 мин 8. Домашнее задание. Дать информацию и инструктаж по домашнему заданию Объяснительно-иллюстративный (инструктаж) Фронтальная Устное сообщение учителя Слушают и записывают задания 1мин. Самооценка личных достижений учени____ 9 ___ класса __________________________ по теме «оформление сайта» Опрос Задания в группе Итог Компетентностная оценка Количество верных ответов Правильность составления алгоритма Правильность составления алгоритма Ответы на вопросы Коммуникативная оценка Дополнения и обоснование ответов, активное участие в проверке Активность в обсуждении Вклад в общий результат Выбери смайлик, который отражает твоё настроение на уроке Это здорово! Ничего интересного Мне не понравилось Лист оценки достижений группы по теме «Оформление сайта» Критерии оценивания Самооценка группы Оценка других групп Учителя Средний балл 2 3 4 5 6 1. Активность 2. Коллективность обсуждений 3. Представление результата 4. Ответы на вопросы 5. Толерантность
Автор(ы):
Скачать: Информатика 9кл - Технологическая карта.docxАвтор(ы):
Скачать: Информатика 9кл - Презентация Оформление сайта.pptxАвтор(ы):
Скачать: Информатика 9кл - Приложение 0.txtАвтор(ы):
Скачать: Информатика 9кл - Приложение 1.docАвтор(ы):
Скачать: Информатика 9кл - Приложение 2.txtАвтор(ы):
Скачать: Информатика 9кл - Приложение 6.txt
