Лабораторная работа 13
Работа добавлена на сайт samzan.net:
Лабораторная работа №13. «Создание фреймов»
<frameset a >т</frameset>
контейнер кадров (фреймов): тело WEB - документа в виде кадров. HTML - программа, имеющая структуру кадров, не должна содержать контейнеры <body> и наоборот. Если в программе есть контейнеры обоих видов, то броузер будет отображать только контейнеры <body>. Атрибуты описывают сетку кадров:
rows="," - список значений высоты строк сверху вниз,
cols="," - список значений ширины столбцов слева направо.
Значения могут быть выражены и в пикселах, и в % от размера окна, а также делить пространство в ( * ) долях между собой. Например:
cols="100 , 25% , * , 3* , 2* ". Здесь 1-ый кадр будет шириной в 100 пикселов, 2-ой - шириной в 25% от ширины окна. Оставшееся пространство делится между 3-я кадрами в пропорциях 1/6, 3/6, 2/6. Число заданных кадров равно произведению строк и столбцов. В данном примере - 5 кадров;
frameborder=""
задает тип рамок между кадрами контейнера. Значения:
no - рамки не видимы - имеют цвет фона окна броузера,
yes - рамки имеют цвет;
bordercolor=""
задает цвет рамок между кадрами. По умолчанию - совпадает с цветом рамки окна;
border=""
устанавливает ширину рамок между кадрами контейнера. Если значение отсутствует, то кадры отделяются друг от друга тонкими линиями заданного цвета;
framespacing=""
расстояние между кадрами. Этот атрибут реализован только в броузере Internet Explorer 4.
Теги контейнера кадров
Внутри контейнера кадров могут быть вложенные контейнеры кадров, теги кадров и контейнер, заменяющий структуру кадров для броузеров, не поддерживающих механизм фреймов. Вложенный контейнер заменяет один кадр.
<frame a >
описывает отдельный кадр. Число таких тегов должно быть равно числу зарезервированных кадров в контейнере (за минусом вложенных контейнеров). Располагаются кадры последовательно слева направо и сверху вниз. Атрибуты:
src="../files/117/"
URL - адрес содержимого кадра. Обычно это файл HTML - программы из того же каталога (папки), что и сам контейнер, но может быть и абсолютный адрес файла с любого компьютера. Если этот атрибут не задан, кадр будет пустым;
marginwidth=""
marginheight=""
ширина от границы кадра до рамки по вертикали и горизонтали, соответственно;
scrolling=""
определяет полосы прокрутки. По умолчанию полосы прокрутки добавляются в кадр, если содержимое кадра больше его размеров. Значения:
yes - полосы прокрутки будут обязательно,
no - полосы прокрутки запрещены,
auto - полосы прокрутки добавляются по умолчанию;
noresize
запрещает пользователям менять размеры кадра. По умолчанию, если захватить рамку кадра мышью, появляется двунаправленная стрелка, которой можно переместить рамку;
frameborder=""
задает тип рамки кадра. Значения:
yes - рамка имеет 3-х мерную форму,
no - рамка плоская;
bordercolor=""
задает цвет рамки кадра;
name=""
имя кадра, которым метят кадр. Имя показывает, в какой кадр делать загрузку при ссылке.
<noframes>т</noframes>
контейнер HTML - текста для броузеров, которые не поддерживают аппарат кадров. Броузеры, поддерживающие кадры, игнорируют этот контейнер.
Схема фрейма, который предлагается в качестве примера.
|
Левый фрейм |
Верхний правый фрейм |
|
Нижний правый фрейм |
|
Листинг: |
|
<html> <head><title>фреймы</title></head> <frameset cols="*,4*"> <frame frameborder=yes src="../files/117/left.html"> <frameset rows="50%,50%"> <frame frameborder=yes src="../files/117/верх.html"> <frame frameborder=yes src="../files/117/низ.html"> </frameset> </frameset> </html> |
|
<html> <body background="поздравление.gif"></body> </html> |
|
<html> <body background="снеговик.gif"></body> </html> |
|
<html> <body background="новогодние елки.gif"></body> </html> |
«Организация гиперссылок во фреймах».
<html>
<head><title>организация гиперссылок</title></head>
<frameset cols="2*,3*">
<frame frameborder=yes src="../files/117/left2.html">
<frameset rows="50%,50%">
<frame frameborder=yes name="fraUp">
<frame frameborder=yes name="fraDown">
</frameset>
</frameset>
</html>
<html>
<body background="поздравление.gif">
<br><br><br><br><br><br><br><br>
Загрузить документ в
<ul>
<li><a href="верх.html" target=fraUp>верхний</a>фрейм
<li><a href="низ.html" target=fraDown>нижний</a>фрейм
</ul>
</body>
</html>
Задание.
Сделать фрейм по предложенной схеме, организовать гиперссылки, использовать фоновое изображение.
|
Доступные страницы моего сайта |
Страница 1 |
Страница 2 |
|
Страница 3 |
Страница 4 |
2. Организация документооборот
3. 09 ~ 0609 Изучение деятельности управления финансов Исполнительного комитета
4. Реферат- Основные фонды рыночного предприятия
5. Земельные отношения в России
6. по теме 9 Основы риторики и эристики 1 Риторика в современном мире Риторика зародилась в Древней Греции.html
7. Проектная технология обучения
8. Возможные последствия снижения ставок по кредиту- Кредиторы ~ утрата части кредитного дохода инвестор ~ ут
9. реферат дисертації на здобуття наукового ступеня кандидата ветеринарних наук Київ~6
10. РЕФЕРАТ дисертації на здобуття наукового ступеня кандидата філологічних наук Запор
11. Реферат- Чрезвычайные ситуации на предприятиях
12. расстройство сознания обусловленное глубоким нарушением функции поджелудочной железы
13. докладі Генерального секретаря ООН Економічній та соціальній раді було відзначено що ldquo;в історії людства
14. Сверхчеловек Ницше.html
15. Социальный престиж некоторых профессий в США помещенной в книге Дж.html
16. ФЗ РОССИЙСКАЯ ФЕДЕРАЦИЯ ФЕДЕРАЛЬНЫЙ ЗАКОН О РАТИФИКАЦИИ СОГЛАШЕНИЯ МЕЖДУ РОССИЙСКОЙ ФЕДЕРАЦ
17. как спал как себя чувствуешь
18. Беседа о школе и проективная методика
19. Програмне забезпечення
20. Контрольная работа- Відповідальність аудитора