Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Информатика / Конспекты / Анимирование статических объектов средствами JQuery
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 26 апреля.

Подать заявку на курс
  • Информатика

Анимирование статических объектов средствами JQuery

библиотека
материалов

Технологическая карта

(закрепление знаний и формирование умений и навыков/ практическое занятие/ лабораторная работа)

Группа

И-11

Тема занятия

Анимирование статических объектов

Вид занятия

Практическое занятие

Цель занятия

Формировать ПК 1.2 -ПК 1.2 и ОК 1. – ОК 10.

Задачи занятия

Обучающие; познакомить с принципами анимирования статических объектов средствами JQuery

Развивающие: развивать умение управления статических объектов html документа;

Воспитательные: воспитывать самостоятельность и ответственность учащихся.

Аппаратное и программное обеспечение

Требования к ПО:

  1. Операционная система Windows 7

  2. MS Office

  3. NotePad++

Требования к ТО:

  1. Персональный компьютер

  2. ОЗУ – не менее 1 Гб.

  3. Свободное место на жестком диске не менее 700 Мб.

  4. Канал Интернет со скоростью не менее 3 мегабит/сек.

Средства обучения

Интерактивные средства обучения (интерактивная доска, презентация)


Методы и приемы

Групповые обсуждения, мозговой штурм, словесно – наглядный

Используемые педагогические технологии

Интерактивные средства обучения


Организационная структура занятия

Этап 1

Организационный момент

Цель этапа

Предварительная организация группы (проверка отсутствующих, внешнего состояния помещения, рабочих мест, наличия дежурных, рабочей позы и внешнего вида учащихся, организация внимания)

Длительность этапа

5 минут

Этап 2

Актуализация знаний (проверка домашнего задания)

Цель этапа

Воспроизведение студентами знаний умений и навыков, профессиональных и общих компетенций необходимых для «открытия» нового знания.

1 Для чего предназначен JS?

2. В чем разница JS от JQ?

3. Какой метод библиотеки JQ позволяет изменять свойства объектов документа html?

4. Приведите примеры листингов изменения свойств объекта.


Длительность этапа

5 минут

Форма организации деятельности обучающихся

Фронтальная

Функции преподавателя на данном этапе

Координатор, организатор, привлечение к размышлению


Содержание этапа

Представление целей занятия, проведение опроса и комментирование ответов

Развитие

(закрепление ПК и ОК)

Закрепление ПК 1.1- ПК 1.2 и ОК 1. – ОК 9.

Этап 3

Рекомендации по выполнению

Цель этапа

Объяснение учащимся как выполнять практическую работу

Длительность этапа

5 минут

Функции преподавателя на данном этапе

Координатор, организатор

Содержание этапа

Технология выполнения практической работы

Использование вспомогательного материала методов работы с объектами.

Эффекты представленные в таблице ниже позволяют скрывать и отображать элементы различными способами.

Метод Описание

fadeIn() Постепенно меняет прозрачность выбранного элемента делая его видимым.

fadeOut() Постепенно меняет прозрачность выбранного элемента делая его невидимым.

fadeTo() Постепенно меняет прозрачность выбранного элемента до указанного значения.

hide() Скрывает выбранный элемент.

show() Отображает скрытый элемент.

slideDown() Постепенно изменяет высоту выбранного элемента делая его видимым.

slideToggle() Применяет к выбранному элементу метод slideDown() если он невидим и slideUp() если он отображен.

slideUp() Постепенно изменяет высоту выбранного элемента делая его невидимым.

Этап 4

Выполнение различных заданий, задач, упражнений

Цель этапа

Выполнение практической работы, помощь при выполнении

Длительность этапа

20 минут

Форма организации деятельности обучающихся

Индивидуальная

Функции преподавателя на данном этапе

Организующая, направляющая, инструктирующая


Содержание этапа

Разработать собственный скрипт анимирования объектов на основе предложенных

Листинг 1

$(document).ready(function(){

$("#but1").click(function(){

$("p").fadeOut(2000);

});

$("#but2").click(function(){

$("p").fadeIn(2000);

});


});

Я первый абзац на странице.

Скрыть абзац" />

Отобразить абзац" />

Листинг 2

$(document).ready(function(){

$("#but1").click(function(){

$("#par1").animate({fontSize:"1.3em"},1000);

$("#par1").animate({"30px"},1000);

$("#par1").animate({"50px"},1000);

$("#par1").animate({fontSize:"1em"},1000);

$("#par1").animate({"0px"},1000);

$("#par1").animate({"0px"},1000);

});


});

Нажмите на кнопку ниже, чтобы запустить анимацию.

Я первый абзац.

Выполнить анимацию" />

Закрепление

ПК и ОК

Закрепление ПК 1.2 и ОК 1. – ОК 10.

Этап 5

Проверка выполнения работ; обсуждение допущенных ошибок и их коррекция

Цель этапа

Проверить выполнение практической работы

Длительность этапа

5 минут

Форма организации деятельности обучающихся

Индивидуальная

Функции преподавателя на данном этапе

Организатор, аналитик, эксперт

Закрепление

ПК и ОК

Закрепление ПК 1.1 - ПК 1.2 и ОК 1. – ОК 9.

Этап 6

Рефлексия (подведение итогов и самоанализ деятельности/ обратная связь)

Цель этапа

Оценка освоения умений, входящих в профессиональную компетенцию ПК 1.1, формирование умений самооценки

Длительность этапа

5 минут

Форма организации деятельности обучающихся

Фронтальная, индивидуальная

Функции преподавателя на данном этапе

Организатор, аналитик, эксперт

Содержание этапа

Анализ, оценка результатов выявление затруднений в процессе обсуждения с преподавателем.

Закрепление

ПК и ОК

Закрепление ПК 1.1 -ПК 1.2 и ОК 1. – ОК 9.

Этап 7

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

Цель этапа

Закрепление полученных знаний, формирование умений использования материалов для освоения компетенций

Длительность этапа

5 минут

Функции преподавателя на данном этапе

Организатор, эксперт

Содержание этапа

Разработать элемент галереи средствами JQ


Автор
Дата добавления 30.11.2016
Раздел Информатика
Подраздел Конспекты
Просмотров27
Номер материала ДБ-404816
Получить свидетельство о публикации

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ


Идёт приём заявок на международный конкурс по математике "Весенний марафон" для учеников 1-11 классов и дошкольников

Уникальность конкурса в преимуществах для учителей и учеников:

1. Задания подходят для учеников с любым уровнем знаний;
2. Бесплатные наградные документы для учителей;
3. Невероятно низкий орг.взнос - всего 38 рублей;
4. Публикация рейтинга классов по итогам конкурса;
и многое другое...

Подайте заявку сейчас - https://urokimatematiki.ru

Похожие материалы

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх