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

KNOWLEDGE HYPERMARKET

 		Версия 13:02, 25 января 2011 (просмотреть исходный код)
User17  (Обсуждение | вклад)
← Предыдущая правка
		Версия 10:20, 10 марта 2011 (просмотреть исходный код)
User11  (Обсуждение | вклад) 
Следующая правка →
		
Строка 141:
Строка 141:
 <br> ''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''    <br> ''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''  
  
- <br> Якщо у вас є виправлення чи пропозиції до цього уроку, [http://xvatit.com/index.php?do=feedback напишіть нам].   + <br> <br> ----
  +  
  + '''<u>Над уроком працювали</u>'''
  +  
  +  
  + Пономаренко А. В.
  +  
  + Соловйов М. С.
  +  
  + ----
  +  
  +  
  +  
  + Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов&nbsp; высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br> 
  
- Якщо ви хочете побачити інші виправлення чи пропозиції до уроків, дивіться тут - [http://xvatit.com/forum/ Образовательный форум].  
  
 [[Category:Інформатика_10_клас]]  [[Category:Інформатика_10_клас]]

Версия 10:20, 10 марта 2011
Гіпермаркет Знань>>Інформатика>>Інформатика 10 клас. Повні уроки>> Інформатика: Посилання як основа гіпертексту. 
 

 Тема: Посилання як основа гіпертексту. 
Мета: Пояснити схему дії гіперпосилань. Навчити створювати посилання і ефективно використовувати їх. 
Тип уроку: теоретично-практичний 
Хід уроку: 
Як відомо, сайт складається з декількох веб-сторінок або документів. Один з них головний (його рекомендується іменувати як index.html) - він завжди відкривається першим і повинен бути обов'язково присутнім на сервері (в каталозі з сайтом).
 
Інші ж документи можна називати як завгодно. Також, усі вони можуть лежати в одній або в різних директоріях. 
А зв'язуються ці документи між собою за допомогою гіперпосилань. Наприклад, з головної сторінки сайту за допомогою посилань можна перейти на іншу сторінку (з фотографіями або інформацією про автора); з цієї сторінки можна перейти назад на головну або ще на яку-небудь і т. д. 

 



 

 
Гіперпосиланням може служити як текст, так і картинка. Але в цьому уроці вивчимо тільки перший варіант. 
Для того, щоб посилання працювало, треба створити нову веб-сторінку в тій же директорії, де розміщений головний документ index.html. 
 
Зміст сторінки може бути будь-яким. 

 



 

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

 
 

 
Отже, видно, що за вставку посилань в документ відповідає тег <a>. 
 
Іншими словами, текст або фраза, розміщена між <a> і </a> стає посиланням. 
 
Принципи прописування шляху все ті ж : 
<a href="foto.html">фотографії</a>
 
<a href="fotos/foto.html">фотографії</a>
 
<a href="http: //www .sait .com.ua/foto.html">фотографії</a> 

 
Елемент <a>  має декілька додаткових атрибутів, які вони прописуються разом з тегом <body>. 
 
Приміром, можна прописати колір посилань в нашому документі.
 
Код завдання кольору посиланнями пишеться таким чином: 
 
< body link="green" alink="red" vlink="blue" > 
 

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

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

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

 
Ще однією цікавою деталлю в цій темі є команда, яка відповідає за виведення підказки посилання при наведенні курсора мишки на посилання. 
Атрибут TITLE (не плутайте з тегом <TITLE>) пропонує інформацію про елемент, для якого він встановлюється. Ми можемо встановити його для тега <a>: 
<a href="foto.html" title="Текст підказки"> подивитися фотографії </a> 
 
 

 Посилання на електронний ящик. 
 
У мові HTML можливо також прописувати посилання на електронну поштову скриньку (e - mail). 
 
В цьому випадку, процес створення посилання трохи відрізняється від звичайного, тому треба запам'ятати цю відмінність. 
 
Отже: <a href="mailto: user123 @ ukr. net"> Напишіть мені </a> 
 

 
 

 



 

 
Самоконтроль: 
 
1. Навіщо потрібні гіперпосилання? 
 
2. Як створити посилання на іншу веб-сторінку? 
 
3. За допомогою яких команд можна варіювати колір посилань?
 
4. Як вивести підказку при наведенні курсора мишки на посилання?
 
5. Посилання на електронну пошту (e - mail) - процес створення. 

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

 1. Урок на тему: «Гіперпосилання в HTML», Пономаренко А. В., м. Чернівці. 
2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010. 
3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010. 
4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008. 
5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007. 

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

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


Пономаренко А. В.
Соловйов М. С.




Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на Образовательном форуме, где на международном уровне собирается образовательный совет свежей мысли и действия. Создав блог, Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. Гильдия Лидеров Образования открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.


Источник — «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»
Предмети > Інформатика > Інформатика 10 клас
@@ Строка 141: / Строка 141: @@
 <br> ''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''
-<br> Якщо у вас є виправлення чи пропозиції до цього уроку, [http://xvatit.com/index.php?do=feedback напишіть нам].
+<br> <br> ----
+'''<u>Над уроком працювали</u>'''
+Пономаренко А. В.
+Соловйов М. С.
+----
+Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов&nbsp; высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
-Якщо ви хочете побачити інші виправлення чи пропозиції до уроків, дивіться тут - [http://xvatit.com/forum/ Образовательный форум].
 [[Category:Інформатика_10_клас]]

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

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

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