Введение в JavaScript
методическая разработка по информатике и икт на тему

Государственное  образовательное  учреждение

дополнительного  образования   детей

Санкт – Петербургский центр

детского (юношеского) технического творчества

            РАССМОТРЕНО                                                                       УТВЕРЖДАЮ

            На научно-методическом совете                                   Директор  СПбЦД(Ю)ТТ

            СПбЦД(Ю)ТТ                                                                 ……………А.Н.Думанский

Методическая      разработка

“Введение в JavaScript”

                        Автор :     Беляева Г.И.

2015 год

   Использование JavaScript  при разработке сайта

         Введение

Цель

        Предлагаемая  методическая разработка предназначена в качестве  дополнительного

материала к программе “Занимательная информатика” третьего года обучения  раздела

“Введение в язык создания сайтов   HTML”.

       Материал рассчитан на два занятия.  Необходимость в изучении данных тем вызвана

созданием сайтов для участия в конкурсах по разработке Web-страничек..

        JavaScript  - язык подготовки сценариев,  позволяющий сделать Web-странички

более интерактивными и функциональными.

       Для написания сценариев необходимо знать язык HTML.

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

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

         Появлению этого языка способствовало появление языка Java. В отличии от языка Java

 язык сценариев вмонтирован в HTML,  хотя и имеет одинаковые структуры,  вне HTML

он  не может быть использован.

Тема 1.  Инструменты написания сценариев

1. Новый материал

       Для написания сценария достаточно  выбрать самый простой текстовый редактор

Windows NotePad (Блокнот) . Можно использовать и другие текстовые редакторы, хотя это

чаще приводит к появлению дополнительных проблем. Использование Windows NotePad

имеет несколько преимуществ :

       -  простота использовании;

       -  дешевизна (не надо приобретать дополнительное программное обеспечение);

       -  возможность делать различные комментарии, что делает видимым результат

          и позволяет корректировать программу.

      Для визуального проектирования могут быть использованы редакторы HTML:

 Microsoft Frond Page, Macromedia Dreamweaver, Adobe GoLive. Однако использование

этих средств, хотя и облегчает набор текста, но теряет необходимую  гибкость проек-тирования .

       Шаблон для написания  Web – странички с использованием  JavaScript    :

       

      //→

    Ввод и вывод информации средствами  JavaScript осуществляется  с помощью различных окон следующими  методами :

 -   Alert (предупреждение)

 -   Сonfirm(подтверждение)

 -   Prompt (Запрос)

Пример простейшего сценария :

       

2. Закрепление материала

            1.   Вопросы по теме 1:

          1.  Для чего используется  javaScript

          2.  Какие существуют  средства  для написания  сценария

3. Как можно ввести или вывести  информацию с помощью окон средствами JavaScript

 2.  Контрольное задание

Вставить в программу на HTML следующее сообщение  “ Это фрагмент скрипта ” :

       

Тема 2.  Основные   термины   JavaScript

1. Новый материал

     JavaScript – объектно-ориентированный язык,  для  которого основными понятиями

являются :

• Объекты
• Методы
• Свойства

     Объекты (object) - любой предмет из компьютерного мира, находящиеся внутри браузера -  окна браузера, формы, их части, кнопки, текстовые окна и т.д., с которыми  необходимо

манипулировать.    

     Методы(methot) – это действия, которые может выполнить объект. К примеру к методам

относятся – открытие(open()),    закрытие(close()) окон,    нажатие кнопок (click()).

     Свойства (properties) - К примеру к  свойствам относятся – название и номер объекта.

     Методы :

-    Alert  Использование метода  Alert для сообщения  в окне продемонстрировано выше.

-    Сonfirm – предназначен для выбора в форме ответа ДА или НЕТ

       

 -  Prompt – позволяет пользователю отвечать на вопрос.

       

 П. Закрепление материала

         1.   Вопросы по теме

1. Назовите основные понятия  и определения объектно – ориентированных языков  

        программирования

2.  Перечислите основные методы  для ввода или вывода информации

          2. Контрольное задание  

                      Вставить в программу на HTML вызов следующих окон :

                  -   “Обработка запроса”

                  -   “Идём на экскурсию ? ”

                  -   “В  какой  музей ? ”

       

ПI. Обобщение

1. С какой целью встраиваются скрипты в HTML программу  ?
2. Возможно ли самостоятельное использование  Javascript  вне HTML ?
3. Насколько идентичны языки Java и Javascript ?
4. Возможно ли встроить скрипт в радел  HEAD HTML программы ?
5. Какие имеются средства для написания скрипта ?
6. Какие три функции имеются для вызова окон при вводе информации ?
7. Каким символами  можно откомментировать теги в программе на HTML ?

Литература

               Кингсли  Хью Э.,  Кингсли Хью К.  Javascript 1.5   УЧЕБНЫЙ КУРС

               Санкт-Петербург, Москва, Харьков, Минск.    Издательсnво Питер 2010