Программирование гипертекстовых переходов - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Программирование гипертекстовых переходов, слайд №1

Программирование гипертекстовых переходов, слайд №2

Программирование гипертекстовых переходов, слайд №3

Программирование гипертекстовых переходов, слайд №4

Программирование гипертекстовых переходов, слайд №5

Программирование гипертекстовых переходов, слайд №6

Программирование гипертекстовых переходов, слайд №7

Программирование гипертекстовых переходов, слайд №8

Программирование гипертекстовых переходов, слайд №9

Программирование гипертекстовых переходов, слайд №10

Программирование гипертекстовых переходов, слайд №11

Программирование гипертекстовых переходов, слайд №12

Программирование гипертекстовых переходов, слайд №13

Программирование гипертекстовых переходов, слайд №14

Программирование гипертекстовых переходов, слайд №15

Программирование гипертекстовых переходов, слайд №16

Программирование гипертекстовых переходов, слайд №17

Программирование гипертекстовых переходов, слайд №18

Программирование гипертекстовых переходов, слайд №19

Программирование гипертекстовых переходов, слайд №20

Программирование гипертекстовых переходов, слайд №21

Программирование гипертекстовых переходов, слайд №22

Программирование гипертекстовых переходов, слайд №23

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Программирование гипертекстовых переходов. Доклад-сообщение содержит 23 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Программирование гипертекстовых переходов Ст. преподаватель Еремеев А.А. YeremeevAA@mpei.ru

Слайд 2

Описание слайда:

Использование адресов URL ссылки (URL в атрибуте HREF контейнера ); активные области (URL в атрибуте HREF контейнера ); картинки (URL в атрибуте SRC контейнера ); формы (URL в атрибуте ACTION контейнера ); внешние скрипты (URL в атрибуте SRC контейнера ); связанные документы (URL в атрибуте HREF контейнера ).

Слайд 3

Описание слайда:

Тег HTML тег определяет активные области на изображении, которые являются ссылками, эти области могут отличаться формой и размером. Картинка (изображение) с активными областями, называется картой-изображением. Такая картинка ничем не отличается от обычной, за исключением того, что содержит активные области (ссылки).

Слайд 4

Описание слайда:

shape=“rect” x1,y1,x2,y2 - указывает координаты верхнего левого и правого нижнего угла прямоугольника.

Слайд 5

Описание слайда:

shape="circle" x,y,радиус - определяет координаты центра окружности и радиус.

Слайд 6

Описание слайда:

shape="poly" x1,y1,x2,y2,...,xn,yn - определяет координаты вершин полигона (многоугольника).

Слайд 7

Описание слайда:

Гипертекстовая ссылка Это область HTML-страницы, по которой можно "кликнуть" (или выбрать ее иным способом), чтобы перейти к просмотру другого HTML-документа. Лишь первые два являются гипертекстовыми ссылками. В объектной модели документа (DOM) они собраны в единую коллекцию гипертекстовых ссылок document.links[].

Слайд 8

Описание слайда:

Коллекции ссылок document.links[]; document.anchors[].

Слайд 9

Описание слайда:

Объекты URL Объект класса URL обладает свойствами, которые определены схемой URL. В качестве примера рассмотрим ссылку: Тогда ее свойства примут следующие значения:

Слайд 10

Описание слайда:

Свойства объекта URL

Слайд 11

Описание слайда:

Свойство href window.location.href = "..." window.location = "..." location.href = "..." location = "..."

Слайд 12

Описание слайда:

Коллекция ссылок links[] К встроенным гипертекстовым ссылкам относятся собственно ссылки ( ... ) и ссылки "чувствительных“ графических картинок. К гипертекстовой ссылке нельзя обращаться по имени!

Слайд 13

Описание слайда:

Пример for(i=0;i

Слайд 14

Описание слайда:

Пример Добавим к предыдущему коду

Слайд 15

Описание слайда:

Результат javascript:alert('Область 1'); javascript:alert('Область 2');

Слайд 16

Описание слайда:

Замена URL полностью или частично document.links[1].href = ... document.links[i+3].href = ... расписание document.links[0].pathname сейчас равно "Education/timetable/". Применим оператор: document.links[0].pathname="news/" Теперь эта ссылка указывает на адрес

Слайд 17

Описание слайда:

События MouseOver и MouseOut

Слайд 18

Описание слайда:

URL-схема "JavaScript:" Схема URL javascript: используется следующим образом: ... ... Пример. Кликните

Слайд 19

Описание слайда:

Обработка события Click У гипертекстовой ссылки помимо URL, указанного в атрибуте HREF, можно указать действия, которые браузер должен выполнить, когда пользователь кликнет по данной ссылке, перед тем, как перейти по указанному URL. Соответствующая программа JavaScript называется обработчиком события Click и помещается в атрибут onClick контейнера .

Слайд 20

Описание слайда:

Пример Перейти на портал МЭИ

Слайд 21

Описание слайда:

Запись Javascript-кода в атрибуте ссылки Если в атрибуте ссылки (например, HREF, onClick и т.п.) пишется JavaScript-код, в котором надо сослаться на свойство или метод этой ссылки, то, как и в случае форм, можно пользоваться сокращенной записью - не указывать объект данной ссылки, либо (для большей ясности кода) вместо него писать this.

Слайд 22

Описание слайда:

Пример Пусть у нас имеется 5-я ссылка в документе, и мы хотим в ее обработчике onMouseOver сослаться на свойство href данной ссылки, или вызвать метод click() данной ссылки. Тогда в этом контексте вместо document.links[4].href можно писать this.href или просто href, а вместо document.links[4].click() писать this.click() или просто click().