Меню
Разработки
Разработки  /  Информатика  /  Презентации  /  11 класс  /  Презентация "Введение в Java Script"

Презентация "Введение в Java Script"

Презентация "Введение в Java Script" использовалась на уроке информатики в 11 классе для изучения языка Java Script в разделе разработки web-сайтов.

14.05.2017

Содержимое разработки

Информатика 11 класс. Введение в язык сценариев JavaScript.

Информатика 11 класс.

Введение в язык сценариев

JavaScript.

План: 1. Понятие JavaScript.  2. История развития JavaScript . 3. Основы создания сценариев. 4. Внедрение JavaScript в HTML-документ. 5. Ввод/вывод информации с помощью JavaScript .

План:

1. Понятие JavaScript.

2. История развития JavaScript .

3. Основы создания сценариев.

4. Внедрение JavaScript в HTML-документ.

5. Ввод/вывод информации с помощью JavaScript .

1. Понятие JavaScript.  JavaScript создан Бренданом Эйхом ( Brendan  Eich ) 4 декабря 1995 года. Первоначальное название: Livescript .  JavaScript - язык подготовки сценариев, используемый для создания более интерактивных и функциональных Web -страниц.

1. Понятие JavaScript.

JavaScript создан Бренданом Эйхом ( Brendan Eich ) 4 декабря 1995 года. Первоначальное название: Livescript .

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

Особенности JavaScript. JavaScript - интерпретируемый язык; JavaScript - язык свободной формы; JavaScript - высокомобильный язык; JavaScript легко внедряется в другие программы.

Особенности JavaScript.

  • JavaScript - интерпретируемый язык;
  • JavaScript - язык свободной формы;
  • JavaScript - высокомобильный язык;
  • JavaScript легко внедряется в другие программы.
Особенности JavaScript. Сравнение:  ActiveX, VBScript, XUL Flash, Silverlight, Java

Особенности JavaScript.

Сравнение:

ActiveX, VBScript, XUL

Flash, Silverlight, Java

Полная интеграция с браузером Уникальность Везде поддерживается Простота реализации

Полная интеграция с браузером

Уникальность

Везде поддерживается

Простота

реализации

2. История развития JavaScript. Первый браузер: Netscape Navigator 2.0. Фирма: Netscape Communications  Версии: JavaScript 1.0, JavaScript 1.1

2. История развития JavaScript.

Первый браузер:

Netscape Navigator 2.0.

Фирма:

Netscape Communications

Версии:

JavaScript 1.0, JavaScript 1.1

Фирма:  Microsoft  Версия:  JScript 1.0. Браузер:  Internet Explorer 3.0

Фирма: Microsoft

Версия: JScript 1.0.

Браузер: Internet Explorer 3.0

 Netscape выпустила новую версию JavaScript 1.2 и одновременно с ней браузер Netscape Navigator 4.0, a Microsoft - JScript 2.0 для браузера Internet Explorer 3.0.

Netscape выпустила новую версию JavaScript 1.2 и одновременно с ней браузер Netscape Navigator 4.0, a Microsoft - JScript 2.0 для браузера Internet Explorer 3.0.

 Netscape 2.0  1.0   Netscape 3.0  1.1   Netscape 4.0  1.2   Netscape 4.5  1.3/1.4   Netscape 6.0  1.5

Netscape 2.0 1.0 Netscape 3.0 1.1 Netscape 4.0 1.2 Netscape 4.5 1.3/1.4 Netscape 6.0 1.5

 Европейская ассоциация производителей компьютеров ( European Computer Manufacturing Association - ЕСМА) Июль 1997 года ECMAScript .

Европейская ассоциация производителей компьютеров ( European Computer Manufacturing Association - ЕСМА)

Июль 1997 года ECMAScript .

 JavaScript 1.5 и JScript 5.5     Объектная модель документа (Document Object Model - DOM) и каскадные таблицы стилей (Cascading Style Sheets - CSS).

JavaScript 1.5 и JScript 5.5 Объектная модель документа (Document Object Model - DOM) и каскадные таблицы стилей (Cascading Style Sheets - CSS).

3.Основы создания сценариев.   Сценарий  ( script ) - это последовательность команд, которая интерпретируется и обрабатывается другой программой.

3.Основы создания сценариев.

Сценарий ( script ) - это последовательность команд, которая интерпретируется и обрабатывается другой программой.

 Для того чтобы писать сценарии JavaScript понадобятся: 1) Простой текстовый редактор, его преимущества: это дешево; не придется осваивать сложную программу; изучается JavaScript , а не комплект программного обеспечения;

Для того чтобы писать сценарии JavaScript понадобятся:

1) Простой текстовый редактор, его преимущества:

  • это дешево;
  • не придется осваивать сложную программу;
  • изучается JavaScript , а не комплект программного обеспечения;
нет готовых шаблонов, встроенных в программу; можно вставлять свои заметки и комментарии в любом удобном месте; можно пользоваться своими наработками, создав собственную библиотеку сценариев.
  • нет готовых шаблонов, встроенных в программу;
  • можно вставлять свои заметки и комментарии в любом удобном месте;
  • можно пользоваться своими наработками, создав собственную библиотеку сценариев.
 2) В качестве средств визуального проектирования для написания сценария JavaScript обычно используются редакторы HTML .   К таким средствам относятся Microsoft FrontPage , Macromedia Dreamweaver Adobe GoLive .

2) В качестве средств визуального проектирования для написания сценария JavaScript обычно используются редакторы HTML .

К таким средствам относятся

  • Microsoft FrontPage ,
  • Macromedia Dreamweaver
  • Adobe GoLive .
 Они имеют свои достоинства: скорость - результат достигается намного быстрее, чем при наборе вручную; эффективность - средств визуального проектирования достаточно для того, чтобы получить работающий сценарий; специальные функции, например выделение цветом, облегчают чтение кода.

Они имеют свои достоинства:

  • скорость - результат достигается намного быстрее, чем при наборе вручную;
  • эффективность - средств визуального проектирования достаточно для того, чтобы получить работающий сценарий;
  • специальные функции, например выделение цветом, облегчают чтение кода.
Блокнот Notepad Инструменты  JavaScript Microsoft FrontPage  Macromedia Dreamweaver

Блокнот

Notepad

Инструменты JavaScript

Microsoft FrontPage

Macromedia Dreamweaver

4.Внедрение JavaScript в HTML-документ.

4.Внедрение JavaScript в HTML-документ.

   Внедрение JavaScript в HTML-документ.       скрипт - программа      очень простая web -страница!

Внедрение JavaScript в HTML-документ.

скрипт - программа

очень простая web -страница!

Операторы комментариев и примечаний Синтаксис: // Текст комментариев /* Текст комментариев */ 

Операторы комментариев и примечаний

Синтаксис:

// Текст комментариев

/* Текст

комментариев

*/ 

5. Ввод/вывод информации confirm(

5. Ввод/вывод информации

confirm(" Окно подтверждений ");

prompt(" Окно запроса ");

alert(" Окно сообщения ");

5. Ввод/вывод информации   метод alert   alert(

5. Ввод/вывод информации

метод alert

alert("Метод alert!")

Типы данных: строка( String ); число ( Number ); булево выражение ( Boolean) ;

Типы данных:

строка( String );

число ( Number );

булево выражение ( Boolean) ;

Переменные: Числовые: а=4; b=5 ; Строка: с=

Переменные:

Числовые:

а=4;

b=5 ;

Строка:

с= " Строка "

Булевые выражения:

True, false

 var user_name = prompt (

var user_name = prompt (" Введите свое имя в поле ниже "," Здесь ");

document.write("Привет, " + user_name + "!

Добро пожаловать на мою страницу!");

Спасибо за внимание!

Спасибо за внимание!

-80%
Курсы дополнительного образования

Основы HTML

Продолжительность 72 часа
Документ: Cвидетельство о прохождении курса
4000 руб.
800 руб.
Подробнее
Скачать разработку
Сохранить у себя:
Презентация "Введение в Java Script" (384 KB)

Комментарии 0

Чтобы добавить комментарий зарегистрируйтесь или на сайт