МО РФ
НГТУ
Лабораторная работа №11
Язык HTML
Факультет ПМИ
Группа: Пм-21
Студенты: Бергинов А.В.
Воронов А.С.
Ершев А. Ю.
Преподаватель: Неделько В.М.
2003г.
Созданная HTML страница посвящена группе «Ария». Страница(index.htm) разделена на 2 части при помощи фреймов (тег <frameset>). Верхний фрейм содержит меню (файл top.htm) для более быстрого перехода между страницами сайта. Он создан в виде таблицы (тэги <table>, <tr>,<td>). Нижний фрейм содержит в себе выбранный раздел (всего их 3)
1. Заглавная страница с ссылками для переходов по сайту (main.htm). Также организованна виде таблицы
2. Страница с фотоматериалами(foto.htm). Представлена в виде таблицы со вставленными изображениями(<img>). Также в начале страницы сделано меню ссылок для перехода внутри страницы (<a>).
3. Страница с текстами песен(text.htm). Представлена в виде форматированного текста(<br>,<p>,align="center") Также в начале страницы сделано меню ссылок для перехода внутри страницы (<a>).
Файл index.htm
<html>
<head>
<title>Aria</title>
</head>
<frameset rows="72,*" frameborder="NO" border="0" cols="*">
<frame name="topFrame" scrolling="NO" noresize src="top.htm" >
<frame name="mainFrame" src="main.htm">
</frameset>
<noframes>
</noframes>
</html>
Файл top.htm
<html>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" height="30">
<div align="center"><font size="+2">А р и я</font></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="main.htm" target="mainFrame">Главная</a></div>
</td>
<td>
<div align="center"><a href="foto.htm" target="mainFrame">Фото</a></div>
</td>
<td>
<div align="center"><a href="text.htm" target="mainFrame">Тексты</a></div>
</td>
</tr>
</table>
</body>
</html>
Файл foto.htm
<html>
<body>
<p align="center">Альбомы</p>
<p align="center"><a href="#foto">Фото</a></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30%">
<div align="center"> Мания величия 1985</div>
</td>
<td width="70%">
<div align="center"><img src="foto/01(1985).jpg"></div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">С кем ты? 1986</div>
</td>
<td width="70%">
<div align="center"><img src="foto/02(1986).jpg"></div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Герой асфальта 1987</div>
</td>
<td width="70%">
<div align="center"><img src="foto/03(1987).jpg"></div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Игра с огнем 1989</div>
</td>
<td width="70%">
<div align="center"><img src="foto/04(1989).jpg"></div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Кровь за кровь 1991</div>
</td>
<td width="70%">
<div align="center"><img src="foto/05(1991).jpg"></div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Ночь короче дня 1995</div>
</td>
<td width="70%">
<div align="center"><img src="foto/06(1995).jpg"></div>
</td>
Уважаемый посетитель!
Чтобы распечатать файл, скачайте его (в формате Word).
Ссылка на скачивание - внизу страницы.
