КАТЕГОРИИ:
Архитектура-(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)
ТЕМА III. Основи Web-дизайну
Фрейми
Фрейми являють собою потужний засіб створення Web-сторінок. Механізм фреймів поділяє вікно браузера на частини (називані фреймами, або кадрами), у кожній з яких відображається окремий HTML-документ. За допомогою фреймів реалізуються різні ефекти. Так, наприклад, розроблювач може розділити вікно браузера на дві частини; у лівій частині буде відображатися зміст, пункти якого виконані у вигляді гіпертекстових посилань, а в правій частині будуть виводитися дані, відповідно до обраного пункту змісту. Аналогічно таблицям, фрейми ділять вікно на рядки й стовпчики. Приклад поділу вікна браузера за допомогою фреймів показано на рис. 12.
Рис. 12. Поділ вікна браузера на фрейми
Для того щоб створити документ із використанням фреймів, треба створити керуючий HTML-документ, що містить інструкції, які задають спосіб розбиття вікна на частини. Нижче наведено код HTML-документа, який складається з чотирьох фреймів:
<html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><title>Тег FRAMESET (фрейми)</title></head><i-- фрейми --><frameset rows="25%,*"><frameset cols="25%,*"><frame name="l" src="1.html" marginwidth="10" marginheight="10"scrolling="auto" frameborder="1"> <frame name="2" src="2.html" marginwidth="20" marginheight="20"scrolling="auto" frameborder="1"></frameset><frameset cols="25%,*"><frame name="3" src="3.html" marginwidth="30" marginheight="30"scrolling="auto" frameborder="1"><frame name="4" src="4.html" marginwidth="40" marginheight="40"scrolling="auto" frameborder="1"> </frameset></body></html>
Рис. 13. Вигляд HTML-документа у вікні браузера
У керуючому документі вказуються HTML-документи, які повинні бути відображені в кожному фреймі. Для реалізації Web-сторінки, умовно показаної на рис. 13, необхідно п'ять HTML-документів: керуючий документ і по одному документу на кожний фрейм (1.html, 2.html, 3.html, 4.html,).
Для розбиття вікна браузера на фрейми й зазначення документів, призначених для відображення, використовуються такі дескриптори:
· <frameset>. Визначають структуру Web-сторінки. Атрибути цього дескриптора визначають кількість рядків та стовпчиків. Дескриптору <frameset> соответствует закрывающий дескриптор </frameset>. В управляющем документе, формирующем Web-страницу с фреймами дескриптор <frameset> используется вместо дескриптора <body>.
· <frame>. Описывает содержимое конкретного фрейма в составе Web-страницы. Данный дескриптор содержит атрибут src="x", где х - это относительный или абсолютный URL HTML-документа.
· <noframes>. Данные, указанные в составе элемента <noframes>, отображаются в том случае, если броузер не поддерживает фреймов. В данном дескрипторе атрибуты не предусмотрены.
Дескриптор <frameset> может содержать перечисленные ниже атрибуты.
· cols="x". Задает число столбцов в окне броузера. Вместо х задается набор значений, каждое из которых определяет ширину соответствующего столбца. Ширина столбца задается в пикселях, либо вместо значения ширины указывается символ "*". Этот символ означает, что столбец должен занимать все оставшееся пространство в окне броузера. Значения, определяющие размеры столбцов, разделяются запятыми. Так, например, для разбиения окна на три столбца можно задать следующий атрибут: cols="230,120, *". В данном случае ширина первого столбца будет равна 230 пикселям, ширина второго столбца - 120 пикселям, а третий столбец будет занимать оставшееся место в окне.
· rows="x". Задает число строк. Значения задаются по тому же принципу, что и для предыдущего атрибута.
· border="x". Задает толщину разделительных линий между фреймами. Значение атрибута указывается в пикселях. По умолчанию толщина разделительных линий принимается равной пяти пикселям. Заметьте, что Internet Explorer не отображает разделительные линии толщиной менее пяти пикселей.
· frameborder="x". В Internet Explorer данный атрибут позволяет осуществлять контроль за разделительными линиями. В Netscape Navigator 3.0 и более поздних версиях этого броузера предполагается, что атрибут frameborder может иметь значение "yes" или "nо". При разработке Web-документов рекомендуется избегать применения дескрипторов и атрибутов, которые по-разному интерпретируются различными броузерами. К таким атрибутам относятся frameborder и framespacing. Из подобных дескрипторов допускается использовать лишь те, которые распознаются одним броузером и игнорируются остальными.
· framespacing="x". Первоначально данный атрибут использовался в Internet Explorer для управления толщиной разделительных линий между фреймами. Атрибуты frameborder и framespacing допускается использовать на Web-страницах, так как один из них обрабатывается Netscape Navigator, а другой - Internet Explorer.
В составе дескриптора <frame> могут присутствовать следующие атрибуты.
· frameborder="x". Атрибут frameborder применяется для управления обрамлением конкретного фрейма. Netscape Navigator предполагает значение данного атрибута "yes" или "no", a Internet Explorer обрабатывает числовые значения, определяющие толщину обрамления в пикселях.
· marginheight="x". Атрибут marginheight определяет высоту границы фрейма в пикселях. Данный атрибут поддерживается Netscape Navigator 4.0, Internet Explorer 4.0 и более поздними версиями этих броузеров.
· marginwidth="x". Атрибут marginwidth определяет ширину границы фрейма в пикселях. Как и marginheight, данный атрибут поддерживается Netscape Navigator 4.0, Internet Explorer 4.0 и более поздними версиями этих броузеров.
· name="x". Атрибут name позволяет разработчикам присваивать имена фреймам. Имя фрейма задается в качестве значения атрибута target дескриптора <а>. Имя должно начинаться с латинской буквы или цифры.
· noresize. Данный атрибут запрещает пользователю изменять размеры фрейма. В составе дескриптора <frame> задается только имя этого атрибута, значение не указывается.
· scrolling="x". Задавая значение "yes", "no" или "auto", вы можете управлять использованием полосы прокрутки. Если задано значение "yes", полоса прокрутки отображается во фрейме. Значение "no" запрещает отображение полосы прокрутки. Если задано значение "auto", то решение о применении полосы прокрутки принимает броузер. Он отображает полосу прокрутки только в том случае, если данные не помещаются в окне.
· src="x". При использовании данного атрибута вместо х указывается относительный или абсолютный URL HTML-документа, который должен быть выведен в текущем фрейме.
Описані вище атрибути забезпечують контроль над Web-сторінками із фреймами.
На жаль, застосування фреймів ускладнює доступ до вмісту Web-сторінок користувачів з погіршеним зором і іншими фізичними обмеженнями. Застосовуючи фрейми, необхідно передбачати альтернативний набір Web-сторінок, орієнтований на користувачів, чий фізичний стан не дозволяє їм працювати із фреймами, а також на тих, хто використовує старі версії браузерів без підтримки фреймів.
СПИСОК РЕКОМЕНДОВАНИХ ДЖЕРЕЛ ІНФОРМАЦІЇ
18. Язык HTML – основы [Електронний ресурс]. – Режим доступу: http://on-line-teaching.com/html/. – Заголовок з екрана. – Рос.
19. A Little History of the World Wide Web [Електронний ресурс]. – Режим доступу: http://www.w3.org/History.html. – Заголовок з екрана. – Англ.
20. Document Object Model (DOM) Level 2 Core Specification [Електронний ресурс]. – Режим доступу: http://www.w3.org/TR/DOM-Level-2-Core/. – Заголовок з екрана. – Англ.
21. 18 Scripts [Електронний ресурс]. – Режим доступу: http://www.w3.org/TR/REC-html40/interact/scripts.html#h-18.1. – Заголовок з екрана. – Англ.
22. Ю. Лукач «Справочник Веб-разработчика» [Електронний ресурс]. – Режим доступу: http://wdh.suncloud.ru/contents.htm. – Заголовок з екрана. – Рос.
23. HTML 4.01/XHTML 1.0 Reference [Електронний ресурс]. – Режим доступу: http://www.w3schools.com/tags/default.asp. – Заголовок з екрана. – Англ.
24. Тег <table> [Електронний ресурс]. – Режим доступу: http://htmlbook.ru/html/table. – Заголовок з екрана. – Рос.
25. Кулаков Ю.О., Луцький Г.М. Комп’ютерні мережі. Підручник / За ред. Ю.С. Ковтанюка – К.: Юніор, 2003. – 400 с., іл. ISBN 966–7223–27–7.
26. С. Спейнаур, В. Куэрсиа. Справочник Web-мастера: Пер. с англ. – К.: Изд. группа BHV, 1997.
27. Современный самоучитель работы в сети Интернет. Самые популярные программы. Под. ред. Комягина В.Б. М.: 000. Изд-во «ТРИУМФ», 2000 – 496 с.
28. Интернет. Энциклопедия. Под ред. Л. Мелиховой – СПб: Питер, 2001. – 528 с.
29. Internet. Полное руководство. Маргарет Левин Янг. Пер. с англ. – К.: Издательская группа BHV, 2001. – 864 с.
30. Web-мастеринг для профессионалов. Нидерст Дж. СПб.: Питер, 2001. – 576 с.
ІНТЕРНЕТ В БІЗНЕСІ
|
|
Дата добавления: 2014-12-07; Просмотров: 398; Нарушение авторских прав?; Мы поможем в написании вашей работы!