ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ
УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ
«САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
ТЕЛЕКОММУНИКАЦИЙ ИМ. ПРОФ. М.А. БОНЧ-БРУЕВИЧА»
(СПбГУТ)
ФАКУЛЬТЕТ ИНФОКОММУНИКАЦИОННЫХ СЕТЕЙ И СИСТЕМ (ИКСС)
КАФЕДРА ПРОГРАММНОЙ ИНЖЕНЕРИИ И ВЫЧИСЛИТЕЛЬНОЙ ТЕХНИКИ (ПИ И ВТ)
ДИСЦИПЛИНА: «WEB-Технологии»
Лабораторная работа №4.
Разработка HTML-файла, имеющего фреймовую структуру
Выполнил:
Козлов Н.С
Подпись____________
Принял:
Бузюков Л.Б
Подпись____________
«_____»________ 2021
Цель работы
Task.htm
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Фреймы</title> </head> <iframeset rows="14%,*"> <iframeset cols="50%,*"> <iframe src="graphics.htm" name="GRAPHICS" style = "align-self: center;" width="300"></iframe> <iframe src="links.htm" name="LINKS" scrolling="no" width="300"></iframe> </iframeset> <br> <iframeset cols="100%"> <iframe src="content.htm" name="CONTENT" width="609" height="163"></frame> </iframeset> </iframeset> </html>
|
Graphics.htm
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Графика</title> </head> <body> <div style="line-height: 120px; text-align: center;"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/72/Nanking_bodies_1937.jpg/300px-Nanking_bodies_1937.jpg" width="235px" style="vertical-align: middle;" /> </div> </body> </html>
|
Content.htm
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Переменная область</title> </head> <body style="text-align: center;"> Нанкинская резня (кит. трад. 南京大屠殺, упр. 南京大屠杀, пиньинь nánjīng dàtúshā) — эпизод Второй японо-китайской войны, в ходе которого в Нанкине, столице Китайской республики, японские военнослужащие совершили массовые убийства и изнасилования гражданского населения. Насилие продолжалось в течение шести недель, начавшись 13 декабря 1937 года, в день, когда японцы овладели городом. За этот период солдаты Японской императорской армии убили, по разным оценкам, от 40 000 до более 500 000 китайских гражданских лиц и разоружённых солдат, а также совершили множество изнасилований и актов мародёрства. Несколько главных виновников этих преступлений были осуждены Международным военным трибуналом для Дальнего Востока и Нанкинским трибуналом по военным преступлениям и казнены. Однако предполагаемый ключевой виновник, принц Асако, являвшийся членом японской императорской семьи, избежал суда, так как ранее получил от союзников по антигитлеровской коалиции иммунитет от преследования. </body> </html>
|
Links.htm
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Ссылки</title> </head> <body> <ul> <li><a href="#">Ссылка 1</a></li> <li><a href="#">Ссылка 2</a></li> <li><a href="#">Ссылка 3</a></li> </ul> </body> </html>
|
Пример работы
Task1.htm
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Фреймы</title> </head> <iframeset rows="14%,*"> <iframeset cols="50%,*"> <iframe src="menu.htm" name="MENU" style = "align-self: center;" width="300"></iframe> <iframe src="links.htm" name="LINKS" scrolling="no" width="300"></iframe></iframe> </iframeset> <br> <iframeset cols="100%"> <iframe src="content.htm" name="CONTENT" width="609" height="163"></frame> </iframeset> </iframeset> </html>
|
Menu.htm
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Меню</title> </head> <body> <div style="line-height: 80px; text-align: center;"> <a href="menu.htm" target="LINKS" style="vertical-align: middle;">Меню 1</a> <a href="menu1.htm" target="LINKS" style="vertical-align: middle;">Меню 2</a> <a href="menup.htm" target="LINKS" style="vertical-align:middle;">Меню 3</a> </div> </body> </html>
|
Menu1.htm
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Меню <MENU></title> </head> <body> <div style="line-height: 80px; text-align: center;"> <a href="menup.htm" target="CONTENT" style="vertical-align:middle;">Меню 1. Пункт 1</a> <a href="menup.htm" target="CONTENT" style="vertical-align: middle;">Меню 1. Пункт 2</a> </div> </body> </html>
|
Menup.htm
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Меню <MENU>. Пункт <P_MENU></title> </head> <body> <h1>Меню <MENU>. Пункт <P_MENU></h1> </body> </html>
|
