Выбранный для просмотра документ гиперссылка.ppt
Скачать материал "Методическая разработка урока по информатике для 10 класса "Гиперссылки""
Рабочие листы
к вашим урокам
Скачать
1 слайд
"Скажи мне, я забуду. Покажи мне, я могу запомнить. Позволь мне сделать самому это, и это станет моим навсегда"
2 слайд
Гиперссылки
на WEB - страницах
3 слайд
Задача урока
Задача урока
Научиться создавать
гиперссылки
4 слайд
Фундаментальное свойство гипертекста состоит в том, что он позволяет связывать документы гиперссылками.
5 слайд
Гиперссылками принято называть интерактивный элемент (объект) web-страницы, при нажатии на который происходит мгновенный переход либо на новую (другую) web-страницу, либо на закладку внутри данной страницы, либо на приложение - почтовый клиент по - умолчанию, зарегистрированный в системе пользователя, либо на какой-то файл (причем, файл может быть расположен как на локальном компьютере, так и на удаленном сервере, например в Интернете или в локальной вычислительной сети).
6 слайд
С помощью гиперссылок можно перейти:
на другой HTML-документ;
на любой другой документ;
на определенное место внутри текущего или какого-либо другого документа;
Документы превращаются в точки пересечения нитей информационной паутины и становиться понятным название «Всемирная паутина»
7 слайд
Гиперссылка состоит из видимой части (объект, на котором можно сделать клик мышью) и адреса, куда эта ссылка уводит после клика (иногда его называют «якорем»).
Гиперссылки создаются с помощью контейнера
<a> ... </a>
Тэг <a>...</a>
Без атрибутов этот контейнер никак на отображение текста внутри него не влияет, смысла как такового не имеет и не используется.
8 слайд
Основными атрибутами тега
<a> ... </a> являются:
href =“URL” – адрес перехода.
Как задавать адрес?
<a href=“2.html”>Перейти на вторую станицу </a>
1) переход к документу, расположенному в той же папке, что и документ-источник.
9 слайд
<html>
. . .
<a href=“2.html”>
Перейти на вторую станицу</a>
…
</html>
<html>
. . .
</html>
2.html
1.html
переход к документу, расположенному в той же папке, что и документ-источник.
10 слайд
Например:
11 слайд
получим:
12 слайд
<P ALIGN= "CENTER“>
<A HREF="software.html">Программы</A>  
<A HREF="glossary.html">Словарь</A>  
<A HREF="hardware.html">Комплектующие</A>  
<A HREF="anketa.html">Анкета</A>
</P>
Если указателей гиперссылок несколько, то необходимо их разделить пробелами ( ) или поставить после каждой переход на новую строку (br)
13 слайд
Ссылки модно делать практически на все. Вот пример ссылки на 2) картинку:
А если картинка помещена в другую папку, то следует указать имя этой папки:
3) <a href ="папка для картинки/f103.gif"> ссылка на картинку </a>
Получим:
14 слайд
4) <А href="mailto:ga3512@rambler.ru">
Пишите </А>
Щелчок на такой гиперссылке вызывает загрузку почтовой программы с уже заполненным полем адреса электронной почты. Гиперссылкой является слово «Пишите»
15 слайд
5) <А href="http://www.elabuga.ru" target="_blank"> Сайт о Елабуге </А>
16 слайд
Переход к документу, который находится в Интернете по указанному адресу. Web-страница откроется в отдельном окне. Если не использовать атрибут target="_blank", то откроется в том же окне. Гиперссылкой является фраза «Сайт о Елабуге»
17 слайд
6) <A href="96060091.mp3"> нажми сюда </A>
Щелчок на такой гиперссылке вызывает загрузку плейера и запуск звукового файла. Гиперссылкой является слово «нажми сюда»
Откроется окно:
18 слайд
А в блокноте программа на HTML – коде выглядит так:
И при нажатии на гиперссылку мы услышим: :
19 слайд
7) <P> Вы можете
<A href="kremlin.zip"> скачать</A> себе текстовый вариант этой страницы </P>
20 слайд
С помощью атрибутов в тэге body
можно изменить:
alink - цвет текста активной ссылки alink="#FF0000"
vlink -цвет текста просмотренной ссылкиvlink="#FF00FF"
21 слайд
Итоги урока:
- познакомились с понятием гиперссылка на WEB – страницах;
узнали, как можно связывать документы гиперссылками;
узнали, какие адреса можно задавать в теге <a> ... </a>
22 слайд
Лист самооценки теста
1 вопрос-0, 5 балла
Рабочие листы
к вашим урокам
Скачать
Выбранный для просмотра документ Картинка.doc
Скачать материал "Методическая разработка урока по информатике для 10 класса "Гиперссылки""
Рабочие листы
к вашим урокам
Скачать
Выбранный для просмотра документ Компьютер.doc
Скачать материал "Методическая разработка урока по информатике для 10 класса "Гиперссылки""
Рабочие листы
к вашим урокам
Скачать
Выбранный для просмотра документ практическая работа.doc
Скачать материал "Методическая разработка урока по информатике для 10 класса "Гиперссылки""
Рабочие листы
к вашим урокам
Скачать
Выбранный для просмотра документ тест.doc
Скачать материал "Методическая разработка урока по информатике для 10 класса "Гиперссылки""
Рабочие листы
к вашим урокам
Скачать
Выбранный для просмотра документ урок гиперссылки.doc
Скачать материал "Методическая разработка урока по информатике для 10 класса "Гиперссылки""
Рабочие листы
к вашим урокам
Скачать
Рабочие листы
к вашим урокам
Скачать
6 670 756 материалов в базе
Настоящий материал опубликован пользователем Хавратова Наталья Николаевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
300/600 ч.
Курс повышения квалификации
36 ч. — 144 ч.
Курс профессиональной переподготовки
300/600 ч.
Мини-курс
2 ч.
Мини-курс
2 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.