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

Беляева Галина Ивановна

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

Скачать:

ВложениеРазмер
Microsoft Office document icon skripty.doc86.5 КБ

Предварительный просмотр:

   

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

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

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

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

 

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

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

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

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

“Введение в 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 (Запрос)

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

                                                   

                                 

   

        Простейший  сценарий

 

     

   

 

     

      Включение фрагмента SCRIPT   в    заголовок web-странички для открытия окна    с помощью

                                                                                                                                                                      функции  alert              

     

   

                         

                               

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

   

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

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

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

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

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

             

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

                   

   

        Простейший  сценарий

     

   

 

   

             

   

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

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

 

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

являются :

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

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

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

         

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

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

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

     Методы :

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

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

                               

                                           

   

        Простейший  сценарий

 

     

   

 

     

      Включение фрагмента SCRIPT   в    заголовок web-странички для открытия окна    с помощью

                                                                                                                                                                      функции    confirm          

     

   

                                         

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

                                   

                                 

   

        Простейший  сценарий

 

     

   

 

     

      Включение фрагмента SCRIPT   в    заголовок web-странички для открытия окна    с помощью

                                                                                                                                                                      функции    Promt        

     

   

                             

 

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

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

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

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

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

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

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

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

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

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

                                             

   

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

     

   

 

   

                                           

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

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

Литература

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

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


По теме: методические разработки, презентации и конспекты

Инновационный проект: "Методическая поддержка и сопровождение введения комплексных курсов ОРКиСЭ и ОДНКа в условиях введения ФГОС в ОУ САО на базе тьюторского центра в БОУ г. Омска Гимназия № 12»

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

Метод исследования на уроке английского языка по теме "Введение грамматики прошедшего времени" 4 класс Введение грамматики прошедшего времени на основе грамматики будущего и песни.

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

Подборка лекций и практических работ по JavaScript (с интернет)

Собранный  и обощенный материал с различных интернет источников....

Введение задач с жизненно-практическим содержанием в образовательный процесс в условиях введения ФГОС ОО

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

Элективный курс "ПРОГРАММИРОВАНИЕ WEB-CTPАНИЦ НА JAVASCRIPT"

Курс рассчитан на 18 часов. В данном курсе учащиеся знакомятся с технологией создания динамических web-страниц. Учащийся, который будет изучать этот курс, должен иметь навыки работы в Интернете и с яз...

Учебно-методическое электронное пособие "Язык программирования (сценариев) JavaScript"

Учебнометодическое пособие является базовым учебным пособием для использования на занятиях обучающего курса "Графические и анимационные эффекты в JavaScript". Пособие опубликовано по адресу:...