Desktop_1 / Лаба 3
.docМіністерство освіти і науки
Тернопільський національний технічний університет імені Івана Пулюя
Факультет комп'ютерно-інформаційних систем і програмної інженерії
Кафедра програмної інженерії
ЗВІТ
до лабораторної роботи №3
з дисципліни «Програмування інтернет»
Тема: «Створення веб-сторінок фреймової структури»
Підготував:
студент групи СПc-31
Непийвода Ростислав
Тернопіль 2014
Лабораторна робота №3
Тема: Створення веб-сторінок фреймової структури
Мета роботи: Отримати початкові навики cтворення віконних фреймів. Навчитись використовувати елементи форматування та навігації фреймів.
Хід роботи
На цій лабораторній роботі було розроблено веб-сторінку, яка містить коротку інформацію про фільми. Для створення сторінки використовую HTML та текстовий редактор «Блокнот». Сторінки які міститять фреймову структуру називються “Fr”, “Fr1”, “Fr3”, “Fr4”. В створених сторінках міститься заголовочна частина, що створюється за допомогою тегів <head>…</head>. Головна частина сторінки розміщається між тегами <frameset>…</frameset>, даний тег використовується при створені фреймів замість тега <body>…</body>. Кожен окремий фрейм описуємо з допомогою тега <frame>. За рядки та стовпці відповідають атрибути тега <frame> rows та cols відповідно.
Код головної сторінки із фреймовою структурою подано у лістингу 1.1.
Лістинг 1.1 – Код головної сторінки
<html>
<head>
<title>Головна сторінка</title>
</head>
<frameset cols="20%,80%" frameborder="1" bordercolor="black">
<frameset rows="%,100%">
<frame src =".jpg">
<frame src="Fr1.html">
</frameset>
<frameset rows="10%,90%">
<frame src="Fr3.html">
<frame src="Fr4.html">
</frameset>
</frameset>
</html>
Наступним кроком наповнюю фрейми необхідною інформацією. Головну сторінку фреймової структури можна переглянути на рисунку 1.1.
Рисунок 1.1 – Головна сторінка фреймової структури
Лістинг 1.2 – Код Заголовку фрейму Fr1
<html>
<head>
<body background="16.jpg" color text="White">
<h1 align="center">«Тіні незабутих предків: Таємниці Мольфара»</h1>
</body>
</head>
</html>
Рисунок 1.2 – Заголовок фрейму Fr1
Лістинг 1.3 – Код Заголовку фрейму Fr3
<html>
<head>
<body background ="3.jpg" color text="white" link="orange" vlink="DeepSkyBlue" alink="green">
<p><h2>Головні Актори</h2></p>
<p><b><a href="link.html" target="f4">Дмитро Ступка</a></b></p>
<p><b><a href="link1.html" target="f4">Олена Мусієнко</a></b></p>
<p><b><a href="link2.html" target="f4">Владислав Никитюк</a></b></p>
<p><b><a href="link3.html" target="f4">Паша Лі</a></b></p>
<p><b><a href="link4.html" target="f4">Богдан Юсипчук</a></b></p>
<p><b><a href="link5.html" target="f4">Марина Шако</a></b></p>
<p><b><a href="link6.html" target="f4">Рокслана Кравчук</a></b></p>
<p><b><a href="link7.html" target="f4">Софа Галабурад</a></b></p>
</body>
</head>
</html>
Рисунок 1.3 – Список головних акторів
Лістинг 1.4 – Код фрейму Fr4
<html>
<head>
<title>background-attachment</title>
<body background="16.jpg" fixed color text="white">
<font size="5">
<p align="justify">«Тіні незабутих предків: Таємниці Мольфара» — український молодіжний містичний трилер.
…
Весь фільм був відзнятий на теренах України. Університет і студентське життя знімали в м. Чернівцях, приватний сектор в м. Києві. Також велику частку кадрів було відзнято в Карпатських горах.</p></font size="5">
</body>
</head>
</html>
Рисунок 1.4 – Заголовок фрейму Fr4
Лістинг 1.5 – Код сторінки актора
<html>
<head>
</head>
<body align ="center" background="22.jpg" color text="white">
<p align="center"><img src="1.jpg"></p>
<p align="center"><b>Життєпис</b></p>
<h3 align="center">Українська модель , актриса , телеведуча.
<p align ="justify">Народилася в місті Київ , Україна .
З дитинства захоплюється співом , музикою ( гра на фортепіано) і танцями. Виявляючи себе як натуру активну і творчу , закінчує
…
провідних ролей у фільм жахів Любомира Левицького "Тіні незабутих предків" (2013) . З вересня 2013 виступає як провідна на телеканалі Новий канал , в одній з передач її напарником став Дзідзьо.</h3></p>
<p><b><a href="Фрейм1.html" target="f4">Головна сторінка</a></b></p>
</body>
</html>
Рисунок 1.4 – Коротка характеристика актора