Презентация к уроку: «Вставка гиперссылок на WEB - страницы»
презентация к уроку по информатике и икт (9 класс) на тему

Слайд 1

" Скажи мне, я забуду. Покажи мне, я могу запомнить. Позволь мне сделать самому это, и это станет моим навсегда"

Слайд 2

Гиперссылки на WEB - страницах

Слайд 3

Фундаментальное свойство гипертекста состоит в том, что он позволяет связывать документы гиперссылками .

Слайд 4

Гиперссылками принято называть интерактивный элемент (объект) web-страницы, при нажатии на который происходит мгновенный переход либо на новую (другую) web-страницу, либо на закладку внутри данной страницы, либо на приложение - почтовый клиент по - умолчанию, зарегистрированный в системе пользователя, либо на какой-то файл (причем, файл может быть расположен как на локальном компьютере, так и на удаленном сервере, например в Интернете или в локальной вычислительной сети).

Слайд 5

С помощью гиперссылок можно перейти: на другой HTML - документ; на любой другой документ; на определенное место внутри текущего или какого-либо другого документа; Документы превращаются в точки пересечения нитей информационной паутины и становиться понятным название «Всемирная паутина»

Слайд 6

Гиперссылка состоит из видимой части (объект, на котором можно сделать клик мышью) и адреса, куда эта ссылка уводит после клика (иногда его называют «якорем»). Гиперссылки создаются с помощью контейнера ... Тэг ... Без атрибутов этот контейнер никак на отображение текста внутри него не влияет, смысла как такового не имеет и не используется.

Слайд 7

Основными атрибутами тега ... являются: href =“URL” – адрес перехода. Как задавать адрес? Перейти на вторую станицу 1) переход к документу, расположенному в той же папке, что и документ-источник.

Слайд 8

. . . Перейти на вторую станицу … . . . 2.html 1.html переход к документу, расположенному в той же папке, что и документ-источник.

Слайд 9

Например:

Слайд 10

получим:

Слайд 11

< P ALIG N = "CENTER“ > Программы & nbsp Словарь   Комплектующие   Анкета

Если указателей гиперссылок несколько, то необходимо их разделить пробелами ( & nbsp ) или поставить после каждой переход на новую строку ( br )

Слайд 12

Ссылки модно делать практически на все. Вот пример ссылки на 2) картинку: А если картинка помещена в другую папку, то следует указать имя этой папки: 3) ссылка на картинку Получим:

Слайд 13

4) < А href= "mailto:ga3512@rambler.ru" > Пишите Щелчок на такой гиперссылке вызывает загрузку почтовой программы с уже заполненным полем адреса электронной почты. Гиперссылкой является слово «Пишите»

Слайд 14

5) < А href= " http://www.elabuga.ru" target="_blank" > Сайт о Елабуге

Слайд 15

Переход к документу, который находится в Интернете по указанному адресу. Web -страница откроется в отдельном окне. Если не использовать атрибут target="_blank" , то откроется в том же окне. Гиперссылкой является фраза «Сайт о Елабуге»

Слайд 16

6) нажми сюда Щелчок на такой гиперссылке вызывает загрузку плейера и запуск звукового файла . Гиперссылкой является слово «нажми сюда» Откроется окно:

Слайд 17

А в блокноте программа на HTML – коде выглядит так: И при нажатии на гиперссылку мы услышим: :

Слайд 18

7)

Вы можете скачать себе текстовый вариант этой страницы

Слайд 19

С помощью атрибутов в тэге body можно изменить: alink - цвет текста активной ссылки alink="#FF0000" vlink - цвет текста просмотренной ссылки vlink="#FF00FF"

Слайд 20

Итоги урока: - познакомились с понятием гиперссылка на WEB – страницах; узнали, как можно связывать документы гиперссылками; узнали, какие адреса можно задавать в теге ...

Слайд 21

Спасибо за внимание!