Министерство образования Российской Федерации
Государственное образовательное учреждение
среднего профессионального образования
«Аэрокосмический колледж»
Отчет по лабораторной работе №5
по дисциплине:
«Распределенные системы обработки информации»
Создание документа с фреймами.
230103 Автоматизированные системы обработки информации и управления
Выполнили:
Проверила:
2010 г.
ЛАБОРАТОРНАЯ РАБОТА № 5
Тема: Создание документа с фреймами.
Цель: Научиться создавать веб-документы с фреймовой структурой.
Практическая часть
1. Изучили теоретическую часть.
2. а) Создали документ, содержащий 2 фрейма, расположенных вертикально. Левый фрейм (узкий) предназначен для вывода меню, правый (широкий) — для вывода содержимого документов, на которые мы ссылаемся из меню. Размеры фреймов должны быть изменяемы. б) Создали в левом фрейме меню для навигации по страницам, разработанным Нами на предыдущих занятиях.
<html>
<head><title> Пример разветленной фреймовой структуры</title></head>
<frameset cols="30%, 70%" framborder="0" border="0">
<frame name="left" src="lb5spisok.html" scrolling="yes" marginwidth="10" marginheight="10">
<frame name="right">
</frameset>
</html>
2. а) Создали веб-страницу, содержащую маркированный список дней недели и «плавающий» фрейм. Фрейм должен располагаться справа от списка, высота фрейма – 30% от высоты окна браузера. В качестве фона страницы используйте графическое изображение.
б) Добавьте в веб-документ заголовок «Расписание занятий».
в) Для отдельных дней недели создать html-файлы, которые содержат информацию о дне недели и расписании занятий на этот день. Название дня недели сделать жирным курсивом по центру, а занятия перечислить нумерованным списком.
г) Создайте гиперссылки, позволяющие перейти от дня недели из списка к расписанию занятий на этот день. Расписание должно отображаться во фрейме.
<html>
<head > Расписание занятий группы АС-16-07 от FimaZeka production +)))</head>
<body background="верх.jpeg">
<ul>
<li> <a href="1.html" target="1"> Понедельник </a>
<li> <a href="2.html" target="1"> Вторник</a>
<li> <a href="3s.html" target="1">Среда</a>
<li> <a href="4.html" target="1">Четверг</a>
<li> <a href="5.html" target="1">Пятница</a>
<li> <a href="6.html" target="1">Суббота</a>
</ul>
<iframe src="wwwwwww.html" cols="30%" align="right" name="1"> </iframe>
</body>
</html>
3. а) Создали документ с фреймовой структурой.
б) Организовали гиперссылки к 3-4 страницам сайта.
Телопрограммы
<html>
<head><title> ФРЕЙМ! </title></head>
<frameset rows="20%,70%,10%" frameborder="10" bordercolor="aqua">
<frameset cols="30%, 70%">
<frame name="11" src="1.html" background="background.jpg">
<frame name="12" src="2.html">
</frameset>
<frameset cols="30%, 70%">
<frame name="21" src="3.html">
<frame name="22" src="4.html">
</frameset>
<frame name="31" src="5.html">
</frameset>
</html>
Список
<html>
<body background="background.jpg">
<p align="center"><a href="http://vkontakte.ru" target="22"> Вконтакте </a></p>
<p align="center"><a href="http://ya.ru" target="22"> Яндекс </a></p>
<p align="center"><a href="http://mail.ru" target="22"> mail.ru </a></p>
<p align="center"><a href="http://ru.wikipedia.ru.ru" target="22"> Википедия </a></p>
<p align="center"><a href="4.html" target="22"> Главная </a></P>
</body>
</html>
Нижнийфрейм
<html>
<body background="background.jpg"><p align="right">Все права защищены. 2010г.</p>
</body>
</html>
Заголовок
<html>
<body background="background.jpg"><p align="center"><font color="red" size="15"><b> NashWeb </b></p></font>
</body>
</html>
Контрольные вопросы
1. Какие теги используются для создания фреймов?
Frameset, frame, iframe.
2. Как организуется взаимосвязь между фреймами?
При помощи имен и ссылок.
Взаимодействие заключается в том, что выбор ссылки в одном из фреймов может привести к загрузке нужного документа в другой фрейм или окно браузера.
Организуется с помощью гиперссылок.
3. Можно ли задать фоновое изображение и цвет фона для всей страницы с фреймами?
Нет.
4. Как задается количество фреймов на странице?
С помощью тега <frameset> и его параметров cols и rows.
5. Для чего используется тег <IFRAME>?
Тег <IFRAME> создает плавающий фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы.
Вывод: Научиться создавать веб-документы с фреймовой структурой.
Уважаемый посетитель!
Чтобы распечатать файл, скачайте его (в формате Word).
Ссылка на скачивание - внизу страницы.
