Хід роботи
Створити html документ з переліком студентів своєї групи (6 прізвищ, обов’язково вказати старосту). Оформити роботу з використанням фізичного та логічного форматування (шрифт, колір тексту, розмір тексту і т.д.).
Для перших трьох студентів, після їх прізвищ, вставити посилання на улюблене відео.
Відео вставляється за допомогою тега:
<A HREF=“назва відео файлу”> Улюблене відео студента </А>.
(Відео знаходиться в каталозі lab9\dance.mp4 (вказаному викладачем))
Для наступних трьох студентів, після їх прізвищ, вставити посилання на улюблену пісню.
Пісня вставляється за допомогою тега:
<A HREF=“назва пісні”> Улюблена пісня студента </А>.
(Пісня знаходиться в каталозі lab9\song.wav(вказаному викладачем))
Для старости групи прикріпити посилання на улюблене відео та музичну композицію.
Створіть файл frames.html та запишіть у ньому наступні теги:
<HTML>
<FRAMESET ROWS=“*,*”>
<FRAMESET COLS=“*,*”>
<FRAME SRC=“frame1.html” NAME=“fr1”>
<FRAME SRC=“frame2.html” NAME=“fr2”>
</FRAMESET>
<FRAME SRC=“frame3.html” NAME=“fr3”>
</FRAMESET>
</HTML>
Після цього, створіть файли frame1.html, frame2.html, frame3.html і заповніть їх наступним чином:
frame1.html:
<HTML><BODY BGCOLOR=white>
<H1>Frame1</H1>
<A HREF=frame2.html TARGET=“fr3”>Посилання на 2 кадр</A>
</BODY></HTML>
frame2.html:
<HTML><BODY BGCOLOR=red TEXT=yellow>
<H1>Frame2</H1>
<A HREF=frame3.html TARGET=_top>Frame3 в усі вікно</A>
</BODY></HTML>
frame3.html:
<HTML><BODY BGCOLOR=purple>
<H1>Frame3</H1>
<A HREF=frame1.html TARGET=_self>Frame1 в це вікно</A>
</BODY></HTML>
За допомогою браузера завантажте файл frames.html та подивіться на результат.
Створити HTML-документи index1.html, index2.html, index3.html на тему “Пропозиції туристичної фірми”, та відтворити у них за допомогою фреймів зображені на малюнку сторінки.
Рис. 9.1. Зразок створеної сторінки за допомогою фреймів.
Файл index1.html
Рис. 9.2. Зразок створеної сторінки за допомогою фреймів.
Файл index2.html
Рис. 9.3. Зразок створеної сторінки за допомогою фреймів.
Файл index3.html.
Задати висоту першого фрейму 20%. Колір рамки фіолетовий. Розмір області вільного простору ліворуч і праворуч від вмісту кадру по 50 пікселів, а зверху і знизу 100. Заборонити можливість перетягувати межі, ширину рамки задати 20 пікселів.
Контрольні запитання
Що таке фрейми?
Які файли потрібні для створнення сайту з фреймами?
Які параметри може мати тег <FRAMEST>?
Які параметри може мати тег <FRAME>?
Що означає запис COLS=“30%,*”?
Що означає запис COLS=“1*,4*”?
Що означає запис COLS=“120*,240*”?
Які фрейми створить параметр COLS=“25%, 50%, 25%”?
Яке призначення параметра TARGET?
Література
Матвієнко О. В. Internet-технології: проектування Web–сторінки : навч. посібник / О. В. Матвієнко, І. Л. Бородкіна ; [2-ге вид., дороб. і доп.]. – К. : Центр навчальної літератури, 2004. – 154 с.
Гультяев А. К. WEB-дизайн от MACROMEDIA : практическое пособие / Гультяев А. К. – С.Пб. : КОРОНА принт, 2001. – 480 с.
Каллахан И. Ваша Web-страница. Проблемы и решения: практ. пособие ; [пер. с англ.] / Ивэн Каллахан. – М. : ЭКОМ, 2002. – 432 с.
Федорчук А. Как создаются Web-сайты: краткий курс / Алексей Федорчук. – СПб : Питер, 2000. – 224с.
Вин Д. Искусство web-дизайна. Самоучитель / Джеффри Вин. – С.Пб. : Питер, 2002. – 224с.
Глинський Я. М. Інтернет. Сервіси, HTML і web-дизайн / Я. М. Глинський, В. А. Ряжська – Львів : Деол, 2002. – 168 с.
Хеслоп Б. HTML с самого начала ; [пер. с англ.] / Б. Хеслоп, Л. Бадник – СПб : Питер, 1997. – 416 с.
Титтел Э. HTML для чайников: / Титтел. Э. – М. : Диалектика, 2011. – 400 с.
Рассохин Д. World Wide Web – Всемирная Информационная Паутина в сети Internet / Д. Рассохин, А. Лебедев. – М. : Relarn, 1997. – 315 с.
Нольден Т. Знайомтеся: World Wide Web / Нольден. Т. – М. : ДО, 1996. – 328 с.
Муссиано Ч. HTML и XHTML. Подробное руководство. Изд. 6 / Муссиано.Ч. – М. : Символ–Плюс, 2008. – 748 с.
Левін Д. Internet для “чайників” / Д. Левін, К. Бароді. – М. : Вільямс, 2003. – 288 с.
Уолл В. Використання WWW / Уолл. В. – М. : ДиаСофт, 1997. – 241 с.
Гончаров А. Самоучитель HTML / Гончаров А. – К. ; СПб : Питер, 2002. – 240 с.
Навчальне видання
ХРУЩ Леся З.