Заняття № 73

Предмет „ Інформатика”

Тема: Використання гіперпосилань

Цілі:

1) Навчальна: навчити студентів використовувати зовнішні та внутрішні гіперпосилання.

2) Виховна: виховувати старанність, уважність.

Зміст

1. Створення внутрішніх та зовнішніх гіперпосилань

2. Створення веб-сторінок

Web-сторінка може складатися із кількох документів. Один з них головний з ім'ям index.html або main.html - він відкривається першим i повинен обов'язково лежати на вашему сайті в Internet.

Інші документи можна називати як завгодно (наприклад, photos.html, about_me.html, my_pets.html, friends.html, gh516hgd.htmi). Kpaщe, шоб вони знаходились в одній nanui з HTML-документом.

Посиланням на інші документи як частини нашої Web-сторінки може бути текст або малюнок.

Нехай в тай же папці з головним документом index.html створено новий текстовий документ (наприклад, з ім'ям prf.html). Вміст документа може бути довільним i мати вашу фотокартку. Для цього випадку в основному документі фразу " подивитися мою фотокартку" можна зробити посиланням. Тег посилання на цей документ буде виглядати так:

< а href=" prf.html" > подивитися мою фотокартку < /а>

Щоб встановити колір посилання, треба доповнити вже ввдомий тег < body> новими параметрами:

< body text=" #336699" bgcolor=" #FFFFFF"

link=" #339999" alink=" #339999" vlink=" #339999" >

(link - колір посилання, alink - колір активного посилання, vlink -колір посилання, яке відвідували).

Тут кольори всі однакові, але вони можуть бути і різними.

Посилачия на поштову скриньку записусгься за зразком:

< а href= mailto: lab3@hirup.km.ua > Lab3@hirup.km.ua - пишітъ листи < /а>

Спробуйте в папці з головним документом створити додатковий HTML-файл з ім'ям prf.html i з довільним текстом. Наприклад, таким:

< html>

< head>

< title> друга сторінка < /title>

< /head>

< body text=" #CCOOOO" bgcolor=" #FFFFFF" >

< img src=" photo.jpg" align=" left" HSPACE=30 VSPACE=5 ALT=" моя фотокартка" WIDTH=80 HEIGHT=80>

< p align=" justify" >

На фотокартці я. Можемо стати друзями, якщо вам сподобалась мояособа.

< br>

< а href=" mailto: Lab3@hirup.km.ua" > Lab3@hirup.km.ua - пишіть листи

< /а>

< /р>

< /body>

< /html>

У файл priklad5.html за допомогою редактора " Блокнот" додайте нові елементи i збережіть з новим ім'ям index.html:

< html>

< head>

< title> Мій перший крок < /title>

< /head>

< body text=" #336699" bgcolor=" #FFPFFF" link=" #336699" alink=" #336699" vlink=" #336699" > < center>

< H3> Привіт, це моя перша сторшка< /НЗ> < br>

< font color=" cc0000" > < H1> Ласкаво просимо! < /H1> < /font> < /center>

< p align=" justify" >

< font size=" +2" > Шановний колего! < /font> Я вивчаю < font size=" +l" > мову HTML, < /font> щоб створити власну < i> домашню Web-сторінку < /i> для спілкування з друзями i знайомими. Щоб вони могли < а href=" prf.html" > подивитися мою фотокартку < /а>, прочитати про мене, написати кілька рядків в мою книгу для гостей. < /р>

< /body>

< /html>

Можна за допомогою броузера переглянути файл основного документа index.html, двічі клацнувши на його піктограмі.

Щоб перейти на додаткову Web-сторінку, досить встановити курсор на посилання " подивитися мою фотокартку" i клацнути.

Щоб повернутся на сторінку основного документа, треба на панелі інструментів броузера натиснути кнопку " Назад".