Просмотр — Гипермаркет знаний

KNOWLEDGE HYPERMARKET

Посилання як основа гіпертексту. Повні уроки

У вас нет разрешения на действие «исправление этой страницы» по следующей причине:

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

Вы можете просмотреть и скопировать исходный текст этой страницы:

'''[[Гіпермаркет Знань - перший в світі!|Гіпермаркет Знань]]&gt;&gt;[[Інформатика|Інформатика]]&gt;&gt;[[Інформатика 10 клас. Повні уроки|Інформатика 10 клас. Повні уроки]]&gt;&gt; Інформатика: Посилання як основа гіпертексту.''' 

<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Посилання як основа гіпертексту.</metakeywords> 

==Тема==
*'''Посилання як основа гіпертексту.''' 

==Мета==
*Пояснити схему дії гіперпосилань. 
*Навчити створювати посилання і ефективно використовувати їх. 

==Тип уроку==
*теоретично-практичний 

==Хід уроку==

===Посилання як основа гіпертексту===

Як відомо, сайт складається з декількох веб-сторінок або документів. Один з них головний (його рекомендується іменувати як ''index.html'') - він завжди відкривається першим і повинен бути обов'язково присутнім на сервері (в каталозі з сайтом).<br> 

Інші ж документи можна називати як завгодно. Також, усі вони можуть лежати в одній або в різних директоріях. 

А зв'язуються ці документи між собою за допомогою '''гіперпосилань.''' Наприклад, з головної сторінки сайту за допомогою посилань можна перейти на іншу сторінку (з фотографіями або інформацією про автора); з цієї сторінки можна перейти назад на головну або ще на яку-небудь і т. д. 

<br> 

{{#ev:youtube|arAqiixS2oo&feature=related}} 

<br> 

Гіперпосиланням може служити як текст, так і картинка. Але в цьому уроці вивчимо тільки перший варіант. 

Для того, щоб посилання працювало, треба створити нову веб-сторінку в тій же директорії, де розміщений головний документ index.html. <br> 

Зміст сторінки може бути будь-яким. 

<br> 

{{#ev:youtube|pRjgPkplt_8&feature=related}} 

<br> 

Нехай це буде '''foto.html''' - сторінка з чиїмись фотографіями. Тоді фразу "Подивитися фотографії" можна зробити посиланням на foto.html: 

''&lt;a href="foto.html"&gt;подивитися фотографії&lt;/a&gt;'' <br> 

<br> 

[[Image:Href1.jpg|480px|Посилання як основа гіпертексту]] 

<br> 

Отже, видно, що за вставку посилань в документ відповідає тег '''&lt;a&gt;.''' <br> 

Іншими словами, текст або фраза, розміщена між &lt;a&gt; і &lt;/a&gt; стає посиланням. <br> 

Принципи прописування шляху все ті ж&nbsp;: 

''&lt;a href="foto.html"&gt;фотографії&lt;/a&gt;<br>'' 

''&lt;a href="fotos/foto.html"&gt;фотографії&lt;/a&gt;<br>'' 

''&lt;a href="http: //www .sait .com.ua/foto.html"&gt;фотографії&lt;/a&gt;'' 

<br> 

Елемент '''&lt;a&gt; ''' має декілька додаткових атрибутів, які вони прописуються разом з тегом ''&lt;body&gt;''. <br> 

Приміром, можна прописати колір посилань в нашому документі.<br> 

Код завдання кольору посиланнями пишеться таким чином: <br> 

''&lt; body link="green" alink="red" vlink="blue" &gt;'' <br> 

<br> 

атрибут '''LINK ''' - задає колір простого (неактивного) посилання 

[[Image:Href2.jpg|480px|Посилання як основа гіпертексту]] 

<br> 

атрибут '''ALINK''' - задає колір активного (натиснутого) посилання 

[[Image:Href3.jpg|480px|Посилання як основа гіпертексту]] 

<br> 

атрибут '''VLINK''' - задає колір вже відвіданого посилання. <br> 

[[Image:Href4.jpg|480px|Посилання як основа гіпертексту]] 

<br> 

Ще однією цікавою деталлю в цій темі є команда, яка відповідає за виведення підказки посилання при наведенні курсора мишки на посилання. 

Атрибут '''TITLE''' (не плутайте з тегом &lt;TITLE&gt;) пропонує інформацію про елемент, для якого він встановлюється. Ми можемо встановити його для тега &lt;a&gt;: 

''&lt;a href="foto.html" title="Текст підказки"&gt; подивитися фотографії &lt;/a&gt;'' <br> 

[[Image:Href5.jpg|480px|Посилання як основа гіпертексту]] 

===Посилання на електронний ящик===

У мові HTML можливо також прописувати посилання на електронну поштову скриньку (e - mail). <br> 

В цьому випадку, процес створення посилання трохи відрізняється від звичайного, тому треба запам'ятати цю відмінність. <br> 

''Отже: &lt;a href="mailto: user123 @ ukr. net"&gt; Напишіть мені &lt;/a&gt;'' <br> 

<br> 

[[Image:Href6.jpg|480px|Посилання як основа гіпертексту]] 

<br> 

{{#ev:youtube|l3TK9YiSknQ}} 

<br> 

==Самоконтроль==

''1. Навіщо потрібні гіперпосилання? ''<br> 

''2. Як створити посилання на іншу веб-сторінку?'' <br> 

''3. За допомогою яких команд можна варіювати колір посилань?''<br> 

''4. Як вивести підказку при наведенні курсора мишки на посилання?''<br> 

''5. Посилання на електронну пошту (e - mail) - процес створення. ''

<br> 

==Список використаної літератури== 

<br> ''1. Урок на тему: «Гіперпосилання в HTML», Пономаренко А. В., м. Чернівці. ''

''2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010. ''

''3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010. ''

''4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008.'' 

''5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007. ''


----

<br> ''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.'' 


----


'''Над уроком працювали'''

Пономаренко А. В.

Соловйов М. С.


----


Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов&nbsp; высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br> 


[[Category:Інформатика_10_клас]]

Возврат к странице Посилання як основа гіпертексту. Повні уроки.

Источник — «http://edufuture.biz/index.php?title=%D0%9F%D0%BE%D1%81%D0%B8%D0%BB%D0%B0%D0%BD%D0%BD%D1%8F_%D1%8F%D0%BA_%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%B0_%D0%B3%D1%96%D0%BF%D0%B5%D1%80%D1%82%D0%B5%D0%BA%D1%81%D1%82%D1%83._%D0%9F%D0%BE%D0%B2%D0%BD%D1%96_%D1%83%D1%80%D0%BE%D0%BA%D0%B8»

При использовании материалов ресурса
ссылка на edufuture.biz обязательна (для интернет ресурсов - гиперссылка).
edufuture.biz 2008-© Все права защищены.
Сайт edufuture.biz является порталом, в котором не предусмотрены темы политики, наркомании, алкоголизма, курения и других "взрослых" тем.

Разработка - Гипермаркет знаний 2008-

Ждем Ваши замечания и предложения на email:
По вопросам рекламы и спонсорства пишите на email: