Что такое 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
  • Количество просмотров: 144
  • Количество скачиваний: 1
- Предыдущая Інерція та інертність. Маса та імпульс тіла. Другий закон Ньютона
Следующая - Договорное оформление коммерческих форм передачи технологий. (Тема 5)

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

Рисование в Paint Рисование в Paint 127
Архивация и разархивация файлов Архивация и разархивация файлов 174
Периферийные устройства. Устройство компьютера. (Тема 4.3) Периферийные устройства. Устройство компьютера. (Тема 4.3) 98
Презентация по информатике на тему Введение. Информационное общество Презентация по информатике на тему Введение. Информационное общество 158
Растровый графический редактор Corel Paint Shop Pro X. Растровый графический редактор Corel Paint Shop Pro X. 132
Презентация к уроку.Алгебра логики Презентация к уроку.Алгебра логики 166
Технология работы с электронными таблицами. (Лекция 4) Технология работы с электронными таблицами. (Лекция 4) 182
Локальные и глобальные сети Локальные и глобальные сети 142
Возможности настольных издательских систем Возможности настольных издательских систем 155
Ребенок и компьютерные игры Ребенок и компьютерные игры 168
Представление о мультимедийных продуктах Представление о мультимедийных продуктах 133
Компьютер в жизни школьника Компьютер в жизни школьника 140
Презентация к уроку Создание базы данных Презентация к уроку Создание базы данных 136
Теоретические аспекты овладения основами робототехники детьми дошкольного возраста презентация по информатике Теоретические аспекты овладения основами робототехники детьми дошкольного возраста презентация по информатике 156
Правовые и этические аспекты при использовании Интернета Правовые и этические аспекты при использовании Интернета 158
SQLi for scrubz SQLi for scrubz 144
Презентация по информатике 10 класс Содержательный подход к измерению информации Презентация по информатике 10 класс Содержательный подход к измерению информации 194
Формализация понятия алгоритма Формализация понятия алгоритма 130
Вставка в текст графики в Word Вставка в текст графики в Word 139
Обработка данных физического эксперимента Обработка данных физического эксперимента 159
Путешествие в страну Информатика Путешествие в страну Информатика 130
Информация о команде Информация о команде 164
Урок по теме Письменные источники информации Урок по теме Письменные источники информации 122
Презентация по информатике на тему Повторение (5 класс) Презентация по информатике на тему Повторение (5 класс) 166
Презентация по информатике на тему Табличное решение логических задач(7 класс) Презентация по информатике на тему Табличное решение логических задач(7 класс) 131
История клавиатуры История клавиатуры 153
Компьютерные сети, топологии Компьютерные сети, топологии 119
Текстовый процессор Word Текстовый процессор Word 124
Устройства ввода: основные типы, характеристики, принцип действия Устройства ввода: основные типы, характеристики, принцип действия 137
Правила поведения в компьютерном классе Правила поведения в компьютерном классе 125