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

Содержание

Слайд 2

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

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

Слайд 3

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

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

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

Кратко о HTML

Слайд 4

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

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

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

Слайд 5

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

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

тэги, расположенные между - непосредственное содержание документа.

Тэги

Слайд 6

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

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

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

JavaScript

Слайд 7

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

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

атрибутах, отвечающих событиям);
вставка (контейнер 
Отдельный файл:

Способ 3: вставка (тег в коде:
');

Особенность

Слайд 18

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





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



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

Слайд 19

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


...

...

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

Слайд 20

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


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

Слайд 21

a = 5; // --> Скрытие JS от интерпретации старых браузеров


Скрытие JS от

интерпретации старых браузеров
Слайд 22

Устаревший атрибут Language: ... Атрибут Type: ... Указание языка сценария

Устаревший атрибут Language:

Атрибут Type:

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