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

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

Предложение по формированию долгосрочной программы развития Интернета Предложение по формированию долгосрочной программы развития Интернета 126
Представление информации в памяти компьютера Представление информации в памяти компьютера 174
Звук Звук 167
Компьютерная графика. Графический редактор Paint Компьютерная графика. Графический редактор Paint 114
Операційні системи Операційні системи 119
Методы и средства защиты компьютерной информации Методы и средства защиты компьютерной информации 102
Организация технического обслуживания компьютерного оборудования общеобразовательной школы Организация технического обслуживания компьютерного оборудования общеобразовательной школы 116
Карта множеств Карта множеств 143
ПО Неопределенность 1.5 ПО Неопределенность 1.5 140
Язык разметки гипертекста HTML Язык разметки гипертекста HTML 142
Защита от несанкционированного доступа к информации Защита от несанкционированного доступа к информации 125
Презентация к уроку информатики Презентация к уроку информатики 139
Информация Информация 130
Час веселых состязаний Час веселых состязаний 104
Векторная графика Векторная графика 122
Браузер - окно в мир Internet Браузер - окно в мир Internet 124
Разработка мультимедийных приложений для MeeGo Разработка мультимедийных приложений для MeeGo 119
Признаки заражения компьютера вирусами Признаки заражения компьютера вирусами 128
Безопасная работа в социальных сетях Безопасная работа в социальных сетях 113
Вычислительные сети Вычислительные сети 168
Информатика Информатика 126
Информационные технологии Информационные технологии 105
Создание презентации в Power Point 2007 Создание презентации в Power Point 2007 171
В каком виде компьютер хранит изображения? В каком виде компьютер хранит изображения? 131
Угрозы безопасности компьютерных систем и информационно-коммуникационных технологий (Лекция№3) Угрозы безопасности компьютерных систем и информационно-коммуникационных технологий (Лекция№3) 112
Жесткий диск Жесткий диск 130
Презентация Программирование линейных алгоритмов Презентация Программирование линейных алгоритмов 146
Алгоритмы и исполнители Алгоритмы и исполнители 137
Обработка информации Обработка информации 166
Компьютерные вирусы и средства борьбы с ними Компьютерные вирусы и средства борьбы с ними 95