Вы не зарегистрированы

Авторизация



Использование Java скриптов в HTML

Фото пользователя Татьяна Анатольевна Руденко
Submitted by Татьяна Анатольевна Руденко on чт, 26/04/2012 - 15:20
Данные об авторе
Автор(ы): 
Руденко Татьяна Анатольевна
Место работы, должность: 
МБОУ СОШ № 31 г.Новошахтинска
Регион: 
Ростовская область
Характеристики урока (занятия)
Уровень образования: 
среднее (полное) общее образование
Целевая аудитория: 
Учащийся (студент)
Целевая аудитория: 
Учитель (преподаватель)
Класс(ы): 
10 класс
Предмет(ы): 
Информатика и ИКТ
Цель урока: 

 

найти и вставить в страничку готовый скрипт из интернета, изменить в нем элементы кода по указанию учителя.
Формирование функциональной грамотности, креативности мышления. 
Тип урока: 
Урок изучения и первичного закрепления новых знаний
Учащихся в классе (аудитории): 
10
Используемое оборудование: 

 

Интернет, ПК учащихся, мультимедийный проектор, экран.

Краткое описание: 
Использование готовых скриптов является неотемлемой частью в программировании веб-станичек. Можно рассматривать данный элемент как дополнительный навык работы на компьютере и креативности мышления юных программистов и дизайнеров.

 

 

Электронные ресурсы: www.scriptic.ru
Ход урока.
Мотивация. Озвучивание темы и цели урока.
Объяснение учителя. Использование готовых скриптов является неотемлемой частью в программировании веб-станичек. Можно рассматривать данный элемент как дополнительный навык работы на компьютере и креативности мышления юных программистов и дизайнеров.
Язык JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам. Наша задача – научиться пользоваться готовыми скриптами, размещенными на сайтах интернета для украшения страничек, созданных на предыдущих уроках.
Учитель на экране демонстрирует ресурс www.scriptic.ru , переход по ссылке – оформление курсора. Анализирует вместе с учениками - каике именно варианты оформления курсора предлагаются на сайте. Демонстрирует скрипт на экране:
 
Алгоритм действий:
  1. Выделяем часть скрипта, ту, которая представляет из себя содержимое контейнера <script></script>.
  2. Вставляем в код своей страницы, внутрь контейнера <body> </body>.
  3. Сохраняем изменения в текстовом коде.
  4. Обновляем содержимое браузера.
Творческий элемент урока.
 
Анализируем вставленный скрипт. Наша задача – найти в нем элементы, определяющие цвет фрагментов: стрелки, цыферблат, календарь. Задача – поменять цвет этих элементов.
Для этого используем сохраненный ранее файл с кодами цветов, выбираем цвета и вставляем новые коды цвета в скрипт. Сохраняем, обновляем. Смотрим результат.
 
Ход работы:
  1. Находим фрагмент кода.
 
  1. В коде HTML меняет кодировки цвета. Сохраняем.
  1. Демонстрируем учителю полученный результат.

 

Прикрепленный файлSize
Использование Java скриптов в HTML.doc187.5 KB