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

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

Программное обеспечение компьютера. Операционная система Программное обеспечение компьютера. Операционная система 88
Локальные и глобальные переменные, классы памяти Локальные и глобальные переменные, классы памяти 96
Презентация по информатике Понятие информации Презентация по информатике Понятие информации 129
Презентация Что такое блог Презентация Что такое блог 131
Кодирование информации Кодирование информации 89
Информация. Виды информации Информация. Виды информации 118
Программирование циклов Программирование циклов 113
Поиск Google Поиск Google 216
Знакомство с блокнотом и калькулятором Знакомство с блокнотом и калькулятором 95
Определение и свойства алгоритма Определение и свойства алгоритма 107
Автоматизация решения задач ассистента отдела кредитного анализа фирмы ООО Элемент Лизинг на базе MS Access Автоматизация решения задач ассистента отдела кредитного анализа фирмы ООО Элемент Лизинг на базе MS Access 98
Презентация по информатике Поведение в социальных сетях (8 класс) Презентация по информатике Поведение в социальных сетях (8 класс) 118
Plickers. Как с помощью всего одного смартфона быстро провести опрос всего класса? Plickers. Как с помощью всего одного смартфона быстро провести опрос всего класса? 102
Презентация по информатике Введение в информатику (7 класс) Презентация по информатике Введение в информатику (7 класс) 109
Корпоративные информационные системы Корпоративные информационные системы 123
Пояснительная записка работы Пояснительная записка работы 124
ВОЗМОЖНОСТИ ОПЕРАЦИОННОЙ СИСТЕМЫ LINUX В УЧЕБНОМ ПРОЦЕССЕ ВОЗМОЖНОСТИ ОПЕРАЦИОННОЙ СИСТЕМЫ LINUX В УЧЕБНОМ ПРОЦЕССЕ 94
Профессия программист Профессия программист 118
Программное обеспечение ЭВМ Программное обеспечение ЭВМ 105
Презентация по программированию на тему Цикл с предусловием Презентация по программированию на тему Цикл с предусловием 138
Объемные тела Объемные тела 142
Где искать информацию? Где искать информацию? 102
Программирование интернет-приложений Программирование интернет-приложений 104
Презентация по информатике Создание сайтов сервисами Google Презентация по информатике Создание сайтов сервисами Google 114
Создание и редактирование текстового документа Создание и редактирование текстового документа 110
Мультимедиа. Аналоговый и цифровой звук. Технические средства мультимедиа Мультимедиа. Аналоговый и цифровой звук. Технические средства мультимедиа 102
Измерение информации. Содержательный подход. 10 класс Измерение информации. Содержательный подход. 10 класс 129
Деловая графика в MS Excel Деловая графика в MS Excel 147
Урок 28. Составные части объектов. Объекты с необычным составом Урок 28. Составные части объектов. Объекты с необычным составом 133
Моделирование Моделирование 86