Введение в JavaScript
методическая разработка по информатике и икт на тему
JavaScript - язык подготовки сценариев, позволяющий сделать Web-странички более интерактивными и функциональными.
Скачать:
Вложение | Размер |
---|---|
skripty.doc | 86.5 КБ |
Предварительный просмотр:
Государственное образовательное учреждение
дополнительного образования детей
Санкт – Петербургский центр
детского (юношеского) технического творчества
РАССМОТРЕНО УТВЕРЖДАЮ
На научно-методическом совете Директор СПбЦД(Ю)ТТ
СПбЦД(Ю)ТТ ……………А.Н.Думанский
Методическая разработка
“Введение в JavaScript”
Автор : Беляева Г.И.
2015 год
Использование JavaScript при разработке сайта
Введение
Цель
Предлагаемая методическая разработка предназначена в качестве дополнительного
материала к программе “Занимательная информатика” третьего года обучения раздела
“Введение в язык создания сайтов HTML”.
Материал рассчитан на два занятия. Необходимость в изучении данных тем вызвана
созданием сайтов для участия в конкурсах по разработке Web-страничек..
JavaScript - язык подготовки сценариев, позволяющий сделать Web-странички
более интерактивными и функциональными.
Для написания сценариев необходимо знать язык HTML.
Причиной использования сценариев в программе на HTML является широкое распространение в сети красиво оформленных текстов с использованием различных движущихся объектов, строк, подсветов текста, вывода различных окон и т.д.
Использование сценариев позволяет пользователю быстро найти страничку, соответ-ствующую их браузеру и его установкам.
Появлению этого языка способствовало появление языка Java. В отличии от языка Java
язык сценариев вмонтирован в HTML, хотя и имеет одинаковые структуры, вне HTML
он не может быть использован.
Тема 1. Инструменты написания сценариев
- Новый материал
Для написания сценария достаточно выбрать самый простой текстовый редактор
Windows NotePad (Блокнот) . Можно использовать и другие текстовые редакторы, хотя это
чаще приводит к появлению дополнительных проблем. Использование Windows NotePad
имеет несколько преимуществ :
- простота использовании;
- дешевизна (не надо приобретать дополнительное программное обеспечение);
- возможность делать различные комментарии, что делает видимым результат
и позволяет корректировать программу.
Для визуального проектирования могут быть использованы редакторы HTML:
Microsoft Frond Page, Macromedia Dreamweaver, Adobe GoLive. Однако использование
этих средств, хотя и облегчает набор текста, но теряет необходимую гибкость проек-тирования .
Шаблон для написания Web – странички с использованием JavaScript :
//→
//→
Ввод и вывод информации средствами JavaScript осуществляется с помощью различных окон следующими методами :
- Alert (предупреждение)
- Сonfirm(подтверждение)
- Prompt (Запрос)
Пример простейшего сценария :
alert("Приветствуем вас на этой странице! Нажми на ОК ")
Включение фрагмента SCRIPT в заголовок web-странички для открытия окна с помощью
функции alert
- Закрепление материала
1. Вопросы по теме 1:
1. Для чего используется javaScript
2. Какие существуют средства для написания сценария
3. Как можно ввести или вывести информацию с помощью окон средствами JavaScript
2. Контрольное задание
Вставить в программу на HTML следующее сообщение “ Это фрагмент скрипта ” :
alert("Это фрагмент скрипта. Нажми на ОК ")
Тема 2. Основные термины JavaScript
- Новый материал
JavaScript – объектно-ориентированный язык, для которого основными понятиями
являются :
- Объекты
- Методы
- Свойства
Объекты (object) - любой предмет из компьютерного мира, находящиеся внутри браузера - окна браузера, формы, их части, кнопки, текстовые окна и т.д., с которыми необходимо
манипулировать.
Методы(methot) – это действия, которые может выполнить объект. К примеру к методам
относятся – открытие(open()), закрытие(close()) окон, нажатие кнопок (click()).
Свойства (properties) - К примеру к свойствам относятся – название и номер объекта.
Методы :
- Alert Использование метода Alert для сообщения в окне продемонстрировано выше.
- Сonfirm – предназначен для выбора в форме ответа ДА или НЕТ
confirm("Продолжить вычисление ?")
Включение фрагмента SCRIPT в заголовок web-странички для открытия окна с помощью
функции confirm
- Prompt – позволяет пользователю отвечать на вопрос.
Prompt ("Назовите Ваше Имя ")
Включение фрагмента SCRIPT в заголовок web-странички для открытия окна с помощью
функции Promt
П. Закрепление материала
1. Вопросы по теме
- Назовите основные понятия и определения объектно – ориентированных языков
программирования
- Перечислите основные методы для ввода или вывода информации
2. Контрольное задание
Вставить в программу на HTML вызов следующих окон :
- “Обработка запроса”
- “Идём на экскурсию ? ”
- “В какой музей ? ”
alert("Обработка запроса. Нажми на ОК ")
confirm("Идём на экскурсию ? ")
Prompt ("В какой музей ? ")
ПI. Обобщение
- С какой целью встраиваются скрипты в HTML программу ?
- Возможно ли самостоятельное использование Javascript вне HTML ?
- Насколько идентичны языки Java и Javascript ?
- Возможно ли встроить скрипт в радел HEAD HTML программы ?
- Какие имеются средства для написания скрипта ?
- Какие три функции имеются для вызова окон при вводе информации ?
- Каким символами можно откомментировать теги в программе на HTML ?
Литература
Кингсли Хью Э., Кингсли Хью К. Javascript 1.5 УЧЕБНЫЙ КУРС
Санкт-Петербург, Москва, Харьков, Минск. Издательсnво Питер 2010
По теме: методические разработки, презентации и конспекты
Инновационный проект: "Методическая поддержка и сопровождение введения комплексных курсов ОРКиСЭ и ОДНКа в условиях введения ФГОС в ОУ САО на базе тьюторского центра в БОУ г. Омска Гимназия № 12»
Научный, культурный, духовно-нравственный потенциал России зависит от качества подготовки специалистов, людей, неординарно мыслящих, способных нестандартно решать поставленные и задачи, видеть перспек...
Метод исследования на уроке английского языка по теме "Введение грамматики прошедшего времени" 4 класс Введение грамматики прошедшего времени на основе грамматики будущего и песни.
На каждом уроке английского языка исследовательская работа представляет собой, в основном , процесс анализа языковых едениц в различных контекстах и умения делать правильный вывод относительно их испо...
Подборка лекций и практических работ по JavaScript (с интернет)
Собранный и обощенный материал с различных интернет источников....
Введение задач с жизненно-практическим содержанием в образовательный процесс в условиях введения ФГОС ОО
При использовании задач с жизненно-практическим содержанием на уроке математике, их условие и требование должны быть доступны учащимся, исходить из имеющихся у них знаний, опираться на них и на жизнен...
Элективный курс "ПРОГРАММИРОВАНИЕ WEB-CTPАНИЦ НА JAVASCRIPT"
Курс рассчитан на 18 часов. В данном курсе учащиеся знакомятся с технологией создания динамических web-страниц. Учащийся, который будет изучать этот курс, должен иметь навыки работы в Интернете и с яз...
Программирование JavaScript. Элективный курс 10 класс
Основы DOM модели. Алгоритмы....
Учебно-методическое электронное пособие "Язык программирования (сценариев) JavaScript"
Учебнометодическое пособие является базовым учебным пособием для использования на занятиях обучающего курса "Графические и анимационные эффекты в JavaScript". Пособие опубликовано по адресу:...