Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Список рекомендованих джерел. 1. Html-документи, які містять фрейми

Основний: 3 -5, 7

Додатковий: 11, 13, 15, 16, 19, 22, 23

Інтернет-ресурси: 28, 29

 

1. Html-документи, які містять фрейми

У мові HTML є засіб, за допомогою якого можна створити меню, що постійно відображатиметься під час перегляду сайту. Інформація, що відкривається за допомогою його посилань, буде розташована в іншому наперед визначеному місці.

Список усіх таких посилань, який фактично є змістом web-сайту і постійно відображається на екрані, називають меню сайту або навігаційним меню. Типове меню складається з графічних зображень у вигляді кнопок або з текстових гіперпосилань, призначених для переходу в основні розділи сайту. Продумане навігаційне меню може легко провести відвідувача сайту всіма основними і додатковими розділами. Постійне відображення меню суттєво спрощує навігацію розділами, тому відвідувачі можуть більше часу присвячувати опрацюванню web-сайту.

Web-сторінка сайту може містити кілька блоків або вікон, які називають фреймами або кадрами. У кожному з них відображається свій html-документ. В одному фреймі може міститися навігаційне меню, а в іншому відкриватися web-сторінки, на які вказують його пункти.

Для того, щоб створити web-сторінку з фреймами, потрібно кілька html-документів. У одному з них задають розмітку екрана, тобто розташовують у вікні браузера фрейми, кожному з яких призначають свої документи.

Сторінка з розміткою, як і звичайна, починається з тегу <HTML> і закінчується тегом </HTML>. Для поділу екрана на кілька фреймів використовують теги <FRAMESET> і </FRAMESET>. Перший має бути розташований після тегу заголовка, але перед тегом <BODY>. Іноді в таких документах зовсім не використовують тег <BODY>.

Два фрейми можна розташовувати поруч по горизонталі або один над одним. У першому випадку використовують атрибут COLS, а в другому – атрибут ROWS тегу <FRAMESЕТ>. Для поділу вікна на фрейми через кому записують два числа, які визначають розміри фреймів. Для трьох фреймів потрібно три числа. Розміри фреймів вимірюють у пікселях або відсотках від розміру екрана. Якщо потрібно зазначити, що фрейм займає те місце, яке залишилося, використовують символ *.

Наприклад, тег <FRAMESET ROWS="150, *"> задає поділ вікна на два горизонтальні фрейми, один з яких має висоту 150 пікселів. a другий займає те місце, що залишилося. Тег <FRAMESET COLS="20%, 55%, *"> задає поділ вікна на три вертикальні фрейми, один з яких займає 20% від ширини екрана, другий – 55%, а третій займає те місце, що залишилося. Можна використовувати одночасно і горизонтальний, і вертикальний поділ вікна на фрейми – це роблять за допомогою вкладення тегів <FRAMESET> один в один.

Після поділу екрана на вікна для кожного фрейму слід задати html-документ, який відображатиметься в ньому. Для цього використовують тег <FRAME> з атрибутами, що керують властивостями фреймів:

· SRC – задає ім’я файлу, що відображатиметься у фреймі;

· NAME – задає ім’я фрейму;

· SCROLLING – визначає наявність (значення yes) або відсутність (значення no) смуг прокручування у вікні фрейму (за промовчанням – yes);

· NORESIZE – забороняє користувачу змінювати розміри фрейму;

· BORDER – визначає ширину розділювальної смуги між фреймами в пікселях;

· BORDERCOLOR – визначає колір розділювальної смуги між фреймами;

· MARGINHEIGHT – додає порожнє поле, висота якого визначена в пікселях, між верхньою межею фрейму і початком тексту або графіки;

· MARGINWIDTH – додає порожнє поле, ширина якого визначена в пікселях, між боковими межами фрейму і початком тексту або графіки.

Оскільки фрейми підтримують не всі браузери, необхідно помістити тег <NOFRAME> перед тегом <BODY>, а між <BODY> і </BODY> записати повідомлення, яке з’являтиметься у вікні, якщо браузер не підтримує фрейми. Після </BODY> має йти </NOFRAME>.

Розмістимо на сторінці три документи з інформацією про навчальний заклад так, як це показано на рис. 7.1. Як видно з рисунку, сторінку поділено спочатку на два рядки у співвідношенні приблизно 60% та 40%, перший рядок поділено навпіл на два стовпці, а в утворених комірках розташовано відповідні web-сторінки про навчальний заклад. Файл головної сторінки наведений нижче.

<HTML>

<TITLE>Факультети ЧТЕІ КНТЕУ</TITLE>

<FRAMESET ROWS="60%, 40%">

<FRAMESET COLS="50%,50%">

<FRAME SRC="http://chtei-knteu.cv.ua/ua/fef/">

<FRAME SRC="http://chtei-knteu.cv.ua/ua/ftpme/">

</FRAMESET>

<FRAME SRC="http://chtei-knteu.cv.ua/ua/fmtrg/">

</FRAMESET>

</HTML>

Рис. 7.1. Вікно містить три фрейми, в кожному з яких відображається окремий html-документ

 

<== предыдущая лекция | следующая лекция ==>
Стаття 169. Перерахунок податку та податкові соціальні пільги | Використання посилань у фреймах
Поделиться с друзьями:


Дата добавления: 2014-01-04; Просмотров: 304; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.01 сек.