Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Общие сведения. Назначение и применение JavaScript

Содержание

Что необходимо знать для создания сайта?
Общие сведения. Назначение и применение JavaScript.Ст. преподаватель Еремеев А.А.YeremeevAA@mpei.ru Что необходимо знать для создания сайта? HTML (HyperText Markup Language )— «язык гипертекстовой разметки».HTML не является языком программирования, он Мой первый шаг Здравствуйте, это моя первая Все тэги, расположенные между , это что-то вроде служебной информации.Все тэги, расположенные Язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента.Основная идея JavaScript состоит в возможности JavaScript-код исполняет браузер.Три способа функционального применения JavaScript:гипертекстовая ссылка (схема URL);обработчик события (в атрибутах, Оператор alert(строка) выводит эту строку на экран в окне предупрежденияОператор alert() Оператор document.write(строка) записывает указанную строку в текущий HTML-документ.Оператор document.write() Схема URL (Uniform Resource Locator) - один из основных элементов Web-технологии.В Web-технологии стандартной Для того, чтобы отличить стандартный переход по протоколу HTTP от перехода, программируемого Кликни здесьПример 1 Пример 2 Обработчики событий, указываются в атрибутах теги, с которыми эти события связаны. Например, В момент завершения полной загрузки документа (он связан с контейнером  ) происходит Два способа:Внутри контейнера: a = 5;Отдельный файл:Способ 3: вставка (тег) Не использовать последовательность символов в коде:alert(‘ ');Особенность function time_scroll(){ var d = new Date(); window.status = d.getHours() ...d = new Date();document.write('Момент загрузки страницы: '+ d.getHours() + ':'+ d.getMinutes() +   a=5; // однострочный комментарий /* Многострочный комментарий */ Комментарии в HTML и JavaScript Скрытие JS от интерпретации старых браузеров Устаревший атрибут Language:...Атрибут Type:...Указание языка сценария Язык HTML является регистро-независимым. и ;Type, LANGuage и src ;
Слайды презентации

Слайд 2 Что необходимо знать для создания сайта?

Что необходимо знать для создания сайта?

Слайд 3 HTML (HyperText Markup Language )— «язык гипертекстовой разметки».
HTML не

HTML (HyperText Markup Language )— «язык гипертекстовой разметки».HTML не является языком программирования,

является языком программирования, он предназначен для разметки текстовых документов.
То,

как будут выглядеть картинки, текст и другие элементы на вашей странице, и как они будут располагаться относительно друг друга, определяют HTML-контейнеры - тэги.

Кратко о HTML

Слайд 4 Мой первый шаг Здравствуйте, это моя первая страница.
Добро

Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) Структура HTML-документа

пожаловать! :)

Структура HTML-документа

Слайд 5 Все тэги, расположенные между , это что-то

Все тэги, расположенные между , это что-то вроде служебной информации.Все тэги,

вроде служебной информации.
Все тэги, расположенные между -

непосредственное содержание документа.

Тэги

Слайд 6 Язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента.
Основная идея

Язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента.Основная идея JavaScript состоит в

JavaScript состоит в возможности изменения значений атрибутов HTML-контейнеров и свойств

среды отображения в процессе просмотра HTML-страницы пользователем. При этом перезагрузки страницы не происходит.

JavaScript

Слайд 7 JavaScript-код исполняет браузер.

Три способа функционального применения JavaScript:
гипертекстовая ссылка (схема

JavaScript-код исполняет браузер.Три способа функционального применения JavaScript:гипертекстовая ссылка (схема URL);обработчик события (в

URL);
обработчик события (в атрибутах, отвечающих событиям);
вставка (контейнер  ).

Размещение кода JavaScript

на HTML-странице

Слайд 8 Оператор alert(строка) выводит эту строку на экран в окне предупреждения

Оператор alert()

Оператор alert(строка) выводит эту строку на экран в окне предупрежденияОператор alert()

Слайд 9 Оператор document.write(строка) записывает указанную строку в текущий HTML-документ.

Оператор document.write()

Оператор document.write(строка) записывает указанную строку в текущий HTML-документ.Оператор document.write()

Слайд 10 Схема URL (Uniform Resource Locator) - один из основных

Схема URL (Uniform Resource Locator) - один из основных элементов Web-технологии.В Web-технологии

элементов Web-технологии.
В Web-технологии стандартной программой, вызываемой при гипертекстовом переходе,

является программа загрузки страницы (т.е. при клике по ссылке загружается страница с указанным URL). JavaScript позволяет поменять стандартную программу на программу пользователя.

Способ 1: URL-схема "JavaScript:"

Слайд 11 Для того, чтобы отличить стандартный переход по протоколу

Для того, чтобы отличить стандартный переход по протоколу HTTP от перехода,

HTTP от перехода, программируемого на JavaScript, разработчики языка ввели

новую схему URL - JavaScript:

...

...


Способ 1: URL-схема "JavaScript:"

Слайд 12 Кликни здесь

Пример 1

Кликни здесьПример 1

Слайд 13

Пример 2

SIZE=30 VALUE="">




Пример 2

Слайд 14 Обработчики событий, указываются в атрибутах теги, с которыми

Обработчики событий, указываются в атрибутах теги, с которыми эти события связаны.

эти события связаны. Например, при нажатии на кнопку происходит

событие Click и соответственно вызывается обработчик этого события onClick:

onClick="alert('Вы нажали кнопку');">


Способ 2: обработчики событий

Слайд 15 В момент завершения полной загрузки документа (он связан

В момент завершения полной загрузки документа (он связан с контейнером  )

с контейнером  ) происходит событие Load и, соответственно, будет вызван обработчик

этого события onLoad:


...

Способ 2: обработчики событий

Слайд 16 Два способа:
Внутри контейнера:

a = 5;


Отдельный файл:

Способ

Два способа:Внутри контейнера: a = 5;Отдельный файл:Способ 3: вставка (тег)

3: вставка (тег)

Слайд 17 Не использовать последовательность символов в коде:


alert(‘

Не использовать последовательность символов в коде:alert(‘ ');Особенность

');



Особенность

Слайд 18

function time_scroll()
{ var d = new Date();
window.status

function time_scroll(){ var d = new Date(); window.status = d.getHours()

= d.getHours()
+ ':' +

d.getMinutes()
+ ':' + d.getSeconds();
setTimeout('time_scroll()',1000); }



Часы в строке статуса




Размещение кода внутри HTML-документа

Слайд 19
...

d = new Date();
document.write('Момент загрузки страницы: '
+ d.getHours()

...d = new Date();document.write('Момент загрузки страницы: '+ d.getHours() + ':'+ d.getMinutes()

+ ':'
+ d.getMinutes() + ':'
+ d.getSeconds());

...

Условная генерация HTML-разметки на

стороне браузера

Слайд 20
 
a=5; // однострочный комментарий
 
/* Многострочный
комментарий

  a=5; // однострочный комментарий /* Многострочный комментарий */ Комментарии в HTML и JavaScript

*/
 


Комментарии в HTML и JavaScript

Слайд 21

Скрытие JS от интерпретации старых браузеров

5;
 
// -->


Скрытие JS от интерпретации старых браузеров

Слайд 22 Устаревший атрибут Language:

...


Атрибут Type:

...


Указание языка сценария

Устаревший атрибут Language:...Атрибут Type:...Указание языка сценария
  • Имя файла: obshchie-svedeniya-naznachenie-i-primenenie-javascript.pptx
  • Количество просмотров: 140
  • Количество скачиваний: 1
- Предыдущая Інерція та інертність. Маса та імпульс тіла. Другий закон Ньютона
Следующая - Договорное оформление коммерческих форм передачи технологий. (Тема 5)

Похожие презентации

Понятие информации. Информационные технологии в специальности Понятие информации. Информационные технологии в специальности 96
Редактирование компьютерного рисунка Редактирование компьютерного рисунка 134
Урок по информатике на тему Паскаль Урок по информатике на тему Паскаль 148
Интерфейсы Интерфейсы 146
Урок 12. Разные общие названия одного отдельного класса объекта Урок 12. Разные общие названия одного отдельного класса объекта 113
Представление числовой информации в компьютере Представление числовой информации в компьютере 99
Компьютер и здоровье Компьютер и здоровье 137
Архитектура ПК Архитектура ПК 120
Основные направления атоматизации управления Основные направления атоматизации управления 117
Презентация к уроку информатики в 5 классе на тему Передача Информации Презентация к уроку информатики в 5 классе на тему Передача Информации 126
Введение в теорию графов Введение в теорию графов 121
Устройство ввода Устройство ввода 146
PATTERN. Помощь планированию посредством относительных показателей технической оценки PATTERN. Помощь планированию посредством относительных показателей технической оценки 128
Безопасный интернет. Безопасный интернет. 124
Презентация Множества Часть №1 Презентация Множества Часть №1 126
Семинар NAS101. MSC.Nastran 5 Семинар NAS101. MSC.Nastran 5 149
Служби для обміну знаннями Служби для обміну знаннями 135
Работа в сети Интернет-основы безопасности Работа в сети Интернет-основы безопасности 116
Решение задач оптимизации в MS Excel Решение задач оптимизации в MS Excel 141
Линейный алгоритм Линейный алгоритм 166
Базы данных Базы данных 130
Базы данных и СУБД Базы данных и СУБД 136
История вычислительной техники История вычислительной техники 130
Аптека 1С:Розница 8 Аптека 1С:Розница 8 177
Архітектура комп’ютера. Процесор, його призначення. Пам'ять комп’ютера. Зовнішні та внутрішні запам’ятовуючі пристрої. Архітектура комп’ютера. Процесор, його призначення. Пам'ять комп’ютера. Зовнішні та внутрішні запам’ятовуючі пристрої. 208
Игра Найди предмет презентация занятия для интерактивной доски по информатике (старшая группа) по теме Игра Найди предмет презентация занятия для интерактивной доски по информатике (старшая группа) по теме 182
Лингвистические парадоксы. Удивительный мир научных книг - 2018 Лингвистические парадоксы. Удивительный мир научных книг - 2018 139
Электронные таблицы Электронные таблицы 108
Способы подключения к Интернету Способы подключения к Интернету 109
Безопасная работа в социальных сетях Безопасная работа в социальных сетях 105