<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Посилання як основа гіпертексту.</metakeywords>
<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Посилання як основа гіпертексту.</metakeywords>
-
==Тема==
+
== Тема ==
-
*'''Посилання як основа гіпертексту.'''
+
-
==Мета==
+
*'''Посилання як основа гіпертексту.'''
-
*Пояснити схему дії гіперпосилань.
+
-
*Навчити створювати посилання і ефективно використовувати їх.
+
-
==Тип уроку==
+
== Мета ==
-
*теоретично-практичний
+
-
==Хід уроку==
+
*Пояснити схему дії [[Конспект уроку на тему: Гіпертекст. Гіпертекстові сторінки. Служба WWW.|гіперпосилань]].
+
*Навчити створювати посилання і ефективно використовувати їх.
-
===Посилання як основа гіпертексту===
+
== Тип уроку ==
-
Як відомо, сайт складається з декількох веб-сторінок або документів. Один з них головний (його рекомендується іменувати як ''index.html'') - він завжди відкривається першим і повинен бути обов'язково присутнім на сервері (в каталозі з сайтом).<br>
+
*теоретично-практичний
+
+
== Хід уроку ==
+
+
=== Посилання як основа гіпертексту ===
+
+
Як відомо, сайт складається з декількох веб-сторінок або документів. Один з них головний (його рекомендується іменувати як ''index.html'') - він завжди відкривається першим і повинен бути обов'язково присутнім на [[Реферат на тему «Сеть»|сервері]] (в каталозі з сайтом).<br>
Інші ж документи можна називати як завгодно. Також, усі вони можуть лежати в одній або в різних директоріях.
Інші ж документи можна називати як завгодно. Також, усі вони можуть лежати в одній або в різних директоріях.
-
А зв'язуються ці документи між собою за допомогою '''гіперпосилань.''' Наприклад, з головної сторінки сайту за допомогою посилань можна перейти на іншу сторінку (з фотографіями або інформацією про автора); з цієї сторінки можна перейти назад на головну або ще на яку-небудь і т. д.
+
А зв'язуються ці документи між собою за допомогою '''гіперпосилань.''' Наприклад, з головної сторінки сайту за допомогою посилань можна перейти на іншу сторінку (з [http://xvatit.com/photoredaktor/ фотографіями] або інформацією про автора); з цієї сторінки можна перейти назад на головну або ще на яку-небудь і т. д.
<br>
<br>
Строка 51:
Строка 54:
<br>
<br>
-
Отже, видно, що за вставку посилань в документ відповідає тег '''<a>.''' <br>
+
Отже, видно, що за вставку посилань в документ відповідає [[Основные теги. Каркас веб-страницы. Полные уроки|тег]] '''<a>.''' <br>
Іншими словами, текст або фраза, розміщена між <a> і </a> стає посиланням. <br>
Іншими словами, текст або фраза, розміщена між <a> і </a> стає посиланням. <br>
Строка 93:
Строка 96:
<br>
<br>
-
Ще однією цікавою деталлю в цій темі є команда, яка відповідає за виведення підказки посилання при наведенні курсора мишки на посилання.
+
Ще однією цікавою деталлю в цій темі є команда, яка відповідає за виведення підказки посилання при наведенні курсора [[Презентація до теми «Формування навичок роботи з мишею»|мишки]] на посилання.
Атрибут '''TITLE''' (не плутайте з тегом <TITLE>) пропонує інформацію про елемент, для якого він встановлюється. Ми можемо встановити його для тега <a>:
Атрибут '''TITLE''' (не плутайте з тегом <TITLE>) пропонує інформацію про елемент, для якого він встановлюється. Ми можемо встановити його для тега <a>:
Строка 101:
Строка 104:
[[Image:Href5.jpg|480px|Посилання як основа гіпертексту]]
[[Image:Href5.jpg|480px|Посилання як основа гіпертексту]]
-
===Посилання на електронний ящик===
+
=== Посилання на електронний ящик ===
-
У мові HTML можливо також прописувати посилання на електронну поштову скриньку (e - mail). <br>
+
У мові [[Вступление в HTML. Полные уроки|HTML]] можливо також прописувати посилання на електронну поштову скриньку (e - mail). <br>
В цьому випадку, процес створення посилання трохи відрізняється від звичайного, тому треба запам'ятати цю відмінність. <br>
В цьому випадку, процес створення посилання трохи відрізняється від звичайного, тому треба запам'ятати цю відмінність. <br>
Строка 119:
Строка 122:
<br>
<br>
-
==Самоконтроль==
+
== Самоконтроль ==
''1. Навіщо потрібні гіперпосилання? ''<br>
''1. Навіщо потрібні гіперпосилання? ''<br>
Строка 129:
Строка 132:
''4. Як вивести підказку при наведенні курсора мишки на посилання?''<br>
''4. Як вивести підказку при наведенні курсора мишки на посилання?''<br>
-
''5. Посилання на електронну пошту (e - mail) - процес створення. ''
+
''5. Посилання на [[Конспект уроку на тему: Електронна пошта. Поштові стандарти. Електронна адреса.|електронну пошту]] (e - mail) - процес створення. ''
<br>
<br>
-
==Список використаної літератури==
+
== Список використаної літератури ==
-
<br> ''1. Урок на тему: «Гіперпосилання в HTML», Пономаренко А. В., м. Чернівці. ''
+
<br> ''1. Урок на тему: «Гіперпосилання в HTML», Пономаренко А. В., м. Чернівці. ''
-
''2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010. ''
+
''2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010. ''
-
''3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010. ''
+
''3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010. ''
''4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008.''
''4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008.''
-
''5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007. ''
+
''5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007. ''
+
<br>
----
----
-
<br> ''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''
+
<br> ''Скомпоновано та надіслано викладачем Київського національного [http://xvatit.com/vuzi/ університету] імені Тараса Шевченка Соловйовим М. С.''
+
<br>
----
----
+
<br> '''Над уроком працювали'''
-
'''Над уроком працювали'''
+
Пономаренко А. В.
-
Пономаренко А. В.
+
Соловйов М. С.
-
+
-
Соловйов М. С.
+
+
<br>
----
----
-
+
<br> Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
-
Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
Навчити створювати посилання і ефективно використовувати їх.
Тип уроку
теоретично-практичний
Хід уроку
Посилання як основа гіпертексту
Як відомо, сайт складається з декількох веб-сторінок або документів. Один з них головний (його рекомендується іменувати як index.html) - він завжди відкривається першим і повинен бути обов'язково присутнім на сервері (в каталозі з сайтом).
Інші ж документи можна називати як завгодно. Також, усі вони можуть лежати в одній або в різних директоріях.
А зв'язуються ці документи між собою за допомогою гіперпосилань. Наприклад, з головної сторінки сайту за допомогою посилань можна перейти на іншу сторінку (з фотографіями або інформацією про автора); з цієї сторінки можна перейти назад на головну або ще на яку-небудь і т. д.
Гіперпосиланням може служити як текст, так і картинка. Але в цьому уроці вивчимо тільки перший варіант.
Для того, щоб посилання працювало, треба створити нову веб-сторінку в тій же директорії, де розміщений головний документ index.html.
Зміст сторінки може бути будь-яким.
Нехай це буде foto.html - сторінка з чиїмись фотографіями. Тоді фразу "Подивитися фотографії" можна зробити посиланням на foto.html:
<a href="foto.html">подивитися фотографії</a>
Отже, видно, що за вставку посилань в документ відповідає тег<a>.
Іншими словами, текст або фраза, розміщена між <a> і </a> стає посиланням.
1. Урок на тему: «Гіперпосилання в HTML», Пономаренко А. В., м. Чернівці.
2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010.
3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010.
4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008.
5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007.
Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.
Над уроком працювали
Пономаренко А. В.
Соловйов М. С.
Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на Образовательном форуме, где на международном уровне собирается образовательный совет свежей мысли и действия. Создав блог, Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. Гильдия Лидеров Образования открывает двери для специалистов высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.
