Урок по теме: Сценарии на языке Java Script. Операторы ввода-вывода. Дата: декабрь 2008год Педагог icon

Урок по теме: Сценарии на языке Java Script. Операторы ввода-вывода. Дата: декабрь 2008год Педагог



НазваниеУрок по теме: Сценарии на языке Java Script. Операторы ввода-вывода. Дата: декабрь 2008год Педагог
Дата конвертации22.10.2013
Размер50.61 Kb.
ТипУрок
источник

Открытый урок по теме: Сценарии на языке Java Script. Операторы ввода-вывода.


Дата: декабрь 2008год


Педагог: Жерихин В. В.


Тип урока: Лабораторная работа.

Цели урока:

образовательные и развивающие:

  • закрепить приобретенные учащимися умения и навыки работы создания Web-страниц;

  • выявить уровень усвоения учениками теоретического материала;

  • развивать творческое мышление;

практическая:

  • осуществить технологическую подготовку учащихся — достичь овладения ими теми знаниями, умениями и навыками, которые обеспечивают подготовку

  • к трудовой деятельности;

воспитательная:

  • способствовать воспитанию у учащихся творческой активности и самостоятельности


^ Программное обеспечение и раздаточный материал: текстовый редактор Блокнот; Internet Explorer; карточки с заданиями.


Литература: Алексей Гончаров «Самоучитель HTML» изд. «Питер» - 2001; «Информатика» № 23 (2003 г.)- приложение к газете «Первое сентября»


План урока.

  1. Оргмомент — 2 мин.

  2. Объяснение материала - 10 мин.

  3. Практическая часть - 25 мин.

  4. Подведение итогов – З мин.


Ход урока

I. Оргмомент

Учитель объявляет тему, цели урока.


II Объяснение материала

Несмотря на то что в основном язык JavaScript работает с объектами на HTML-страничке, он вполне может использоваться автономно, обеспечивая ввод-вывод и обработку информации вне зависимости от того, что находится на странице.

В качестве примера рассмотрим традиционную программу, запрашивающую имя посетителя и затем выдающую приветствие.

Внешне это будет выглядеть так:



Рис. 1. Запрос с помощью JavaScript

После того как пользователь введет свое имя и нажмет кнопку "Ok", появится окно сообщения (см. рис. 2):



Рис. 2. Окно сообщения JavaScript


Как легко видеть по рис. 1, для работы с JavaScript требуется создать хотя бы простенькую HTML-страничку. Сами по себе операторы языка можно располагать либо в отдельном файле, либо в контейнере



который, в свою очередь, рекомендуется разместить внутри контейнера



,

хотя для MS Internet Explorer это и не является обязательным.

Можно размещать отдельные операторы и непосредственно в заголовках различных контейнеров, но на первый раз мы выберем традиционное размещение в контейнере



^



Лабораторная работа № 1. Добро пожаловать!












Собственно операторы JavaScript выделены полужирным шрифтом, и, разумеется, они требуют пояснения. Оператор ввода информации имеет следующий формат:

prompt (<Текап запроса>, <3начение по умолчанию>),

В своей программе мы хотели бы использовать введенную пользователем информацию, поэтому оператор ввода использован в правой части оператора присваивания. В его левой части стоит переменная, которую в JavaScript можно заранее не объявлять. В этом случае ее тип определяется значением правой части. В нашем случае с помощью оператора ввода мы получаем строку текста, стало быть, и переменная ima — строковая.

Оператор вывода устроен несколько проще: alert("Привет, " + ima);

в скобках содержится строка или выражение, значение которого и выводится в окно. При этом знак "+" означает операцию конкатенации, т.е. слияния двух строк.


^ III Практическая часть.

Задание:

1. Создайте HTML-страничку по листингу:





Лабораторная работа №1







^



Лабораторная работа № 1. Добро пожаловать!





5. Проверьте, что будет выведено в окно в случае выполнения следующих операторов:

alert (22 + 3); alert ((22 + 3));

Объясните получившийся результат.


^ IV Подведение итогов.

Проверяется выполнение заданий и выставляются в журнал оценки за работу. Подведение итога урока, анализ ошибок; объявляются оценки за теорию и практику.


Карточка-задание

1. Создайте HTML-страничку по листингу:





Лабораторная работа №1







^



Лабораторная работа № 1. Добро пожаловать!






ima=prompt("Kaк тебя зовут?'",'Введи сюда свое имя");

alert("Привет, " + ima);



3. Придумайте собственные запросы и сообщения.

4. Зачем нужен пробел после слова "Привет" в выше приведенной программе?

5. Проверьте, что будет выведено в окно в случае выполнения следующих операторов:

alert (22 + 3); alert ((22 + 3));

Объясните получившийся результат.




Похожие:

Урок по теме: Сценарии на языке Java Script. Операторы ввода-вывода. Дата: декабрь 2008год Педагог iconДля школьников, студентов и начинающих
0 Простые (линейные) программы. Операторы ввода-вывода. Переменные величины 38
Урок по теме: Сценарии на языке Java Script. Операторы ввода-вывода. Дата: декабрь 2008год Педагог iconТема: Устройства ввода-вывода информации
Цель: познакомить учащихся с устройствами ввода и вывода информации, рассмотреть их достоинства и недостатки
Урок по теме: Сценарии на языке Java Script. Операторы ввода-вывода. Дата: декабрь 2008год Педагог iconОператоры присваивания, ввода и вывода информации используются в линейном алгоритме
Линейный алгоритм алгоритм, в котором команды выполняются один раз последовательно друг за другом (линейный алгоритм)
Урок по теме: Сценарии на языке Java Script. Операторы ввода-вывода. Дата: декабрь 2008год Педагог iconЛабораторная работа № организация ввода-вывода информации в микроконтроллере цель работы
Цель работы: изучить организацию ввода и вывода информации через параллельные порты микроконтроллера, особенности работы с отдельными...
Урок по теме: Сценарии на языке Java Script. Операторы ввода-вывода. Дата: декабрь 2008год Педагог iconM kiknaZe, e. CikaSua, T. kaiSauri, T. Jvania, L petriaSvili veb dizaini html & java script

Урок по теме: Сценарии на языке Java Script. Операторы ввода-вывода. Дата: декабрь 2008год Педагог iconТелефон: (3532) 77-44-41
Этот e-mail защищен от спам-ботов. Для его просмотра в вашем браузере должна быть включена поддержка Java-script
Урок по теме: Сценарии на языке Java Script. Операторы ввода-вывода. Дата: декабрь 2008год Педагог iconФедеральная служба по надзору в сфере образования и науки
Этот e-mail защищен от спам-ботов. Для его просмотра в вашем браузере должна быть включена поддержка Java-script
Урок по теме: Сценарии на языке Java Script. Операторы ввода-вывода. Дата: декабрь 2008год Педагог iconПрограмма для начальных классов "Маленькая страна" (2008-2013)
Этот электронный адрес защищен от спам-ботов. Чтобы увидеть его, у Вас должен быть включен Java-Script
Урок по теме: Сценарии на языке Java Script. Операторы ввода-вывода. Дата: декабрь 2008год Педагог iconБилет 16 Технологии работы с графической информацией. Растровая и векторная графика. Аппаратные средства ввода и вывода графических изображений.
Технологии работы с графической информацией. Растровая и векторная графика. Аппаратные средства ввода и вывода графических изображений....
Урок по теме: Сценарии на языке Java Script. Операторы ввода-вывода. Дата: декабрь 2008год Педагог iconУрок устройство компьютера Цель урока: иметь представление об устройстве системного блока; знать основные устройства ввода, вывода, назначение основных клавиш клавиатуры
Назовите основные технические средства передачи информации в порядке их изобретения
Разместите кнопку на своём сайте:
Документы


База данных защищена авторским правом ©lib2.podelise.ru 2000-2013
При копировании материала обязательно указание активной ссылки открытой для индексации.
обратиться к администрации
Документы