(Нова тема для 10-х класів)
Запишіть у зошит (скорочено) зміст матеріалу:
Тема:
Створення гіперпосилань.
Гіперпосилання є двох видів: 1)
на файл; 2) на деяке місце на даній сторінці: початок сторінки (top), кінець сторінки (bottom), на позначений текст.
Розглянемо перший
вид гіперпосилань. Гіперпосилання
вставляють за допомогою парного тега <А>...</А>
з параметром HREF = "адреса файлу". Тут замість адреси можуть
стояти слова top чи
bottom чи
текст, що є позначкою.
Гіперпосиланням може бути текст
або деяке графічне зображення. Розглянемо випадок, коли гіперпосиланням є
текст. Нехай у реченні "Мене звуть
Світлана" слово "Світлана" потрібно зробити гіперпосиланням
на файл "newinf.htm", що містить додаткові
відомості про Світлану. Це роблять так:
Мене звуть <А HREF = "newinf.htm"> Світлана</А>
У результаті цього на Web-сторінці слово Світлана буде
підкреслене і зображене іншим кольором. Колір гіперпосилання визначається у
тезі BODY параметром LINK = "колір". Крім цього корисними є ще два
параметри: VLINK= "інший колір" — змінює колір Гіперпосилання на
інший після першого використання; ALINK = "ще інший колір" — змінює колір щойно
активізованого Гіперпосилання на ще інший.
Тепер розглянемо як деяке
графічне зображення зробити гіперпосиланням. Для цього в середині тега <А>...</А> потрібно
використати тег IMG. Наприклад, щоб фотографія
Світлани, що є у файлі "svitlana.gif", була в рамці й стала гіперпосиланням на файл newinf.htm, пишуть так:
<А HREF =
"newinf.htm"><IMG SRC = "svitlana.gif" BORDER =8 ></A>
Клацнувши на Web-сторінці на фотографії
Світлани, відкриємо файл newinf.htm з додатковою інформацією про неї.
За допомогою
гіперпосилань веб-сторінки об’єднують у групи (сайти). Для цього у якості імені
файлу у гіперпосиланні потрібно вказати адресу іншої веб-сторінки. Зазвичай
кожен сайт має одну сторінку, яка вважається початковою (головною, домашньою).
Вона має найчастіше назву index.html. На всіх інших сторінках створюють
гіперпосилання для повернення на цю головну сторінку.
Виконайте на комп'ютері практичне завдання:
Здійснимо імітацію простого
веб-сайту, створивши декілька взаємопов’язаних сторінок, що містяться у одній
папці за такою структурою:
ХІД РОБОТИ
1. Створіть у своїй папці папку з назвою САЙТ_Прізвище.
2. Створіть головну сторінку з іменем index.txt:
<HTML>
<HEAD>
<TITLE>
ГОЛОВНА СТОРІНКА </TITLE>
</HEAD>
<BODY
bgcolor="cyan" TEXT="green">
<CENTER>
<H1>
ПРОБНИЙ САЙТ </H1>
<HR>
<P>
Посилання на <A
HREF="first.html"> ПЕРШУ </A> сторінку
<P>
<HR>
<P>
Посилання на <A
HREF="second.html"> ДРУГУ </A> сторінку
<P>
<HR>
<P>
Посилання на <A
HREF="third.html"> ТРЕТЮ </A> сторінку
<P>
<HR>
</BODY>
</HTML>
3. Збережіть цей текст як веб-сторінку (index.html)
4. Створіть першу сторінку first.txt:
<HTML>
<HEAD>
<TITLE> ПЕРША СТОРІНКА </TITLE>
</HEAD>
<BODY bgcolor="cyan"
TEXT="green">
<CENTER>
<H1> Це ПЕРША сторінка сайту </H1>
<HR>
<P>
Повернутися <A HREF="index.html">
ДОДОМУ </A>
<P>
<HR>
</BODY>
</HTML>
5. Збережіть цей текст як веб-сторінку (first.html)
6. Створіть другу сторінку second.txt:
<HTML>
<HEAD>
<TITLE> ДРУГА СТОРІНКА </TITLE>
</HEAD>
<BODY bgcolor="cyan"
TEXT="green">
<CENTER>
<H1> Це ДРУГА сторінка сайту </H1>
<HR>
<P>
Повернутися <A HREF="index.html">
ДОДОМУ </A>
<P>
<HR>
</BODY>
</HTML>
7. Збережіть цей
текст як веб-сторінку (second.html)
8. Створіть третю сторінку third.txt:
<HTML>
<HEAD>
<TITLE> ТРЕТЯ СТОРІНКА </TITLE>
</HEAD>
<BODY bgcolor="cyan"
TEXT="green">
<CENTER>
<H1> Це ТРЕТЯ сторінка сайту </H1>
<HR>
<P>
Повернутися <A HREF="index.html">
ДОДОМУ </A>
<P>
<HR>
</BODY>
</HTML>
9. Збережіть цей
текст як веб-сторінку (third.html)
10. Відкрийте браузером
сторінку index.html та спробуйте здійснити переходи
між сторінками.
Після виконання роботи відправте папку САЙТ_Прізвище на адресу kab11.gimnazia@gmail.com
Немає коментарів:
Дописати коментар