69690

ФРЕЙМИ

Лекция

Информатика, кибернетика и программирование

Мета: опанувати технологію представлення інформації у документі з використанням фреймів. Фрейми (Frames - кадри) надають користувачеві можливість поділяти екран на дві або більше незалежних динамічних або статичних частини.

Украинкский

2014-10-08

87.5 KB

0 чел.

Тема 18: ФРЕЙМИ

Мета: опанувати технологію представлення інформації у документі з використанням фреймів.

Фрейми (Frames - кадри) надають користувачеві можливість поділяти екран на дві або більше незалежних динамічних або статичних частини.

Кожен фрейм може мати такі властивості:

всі фрейми мають свій URL, що дозволяє завантажувати їх незалежно від інших фреймів;

кожний фрейм має власне ім'я (атрибут NAME), яке дозволяє переходити до нього з іншого фрейма;

розмір фрейма може бути змінений користувачем безпосередньо на екрані за допомогою мишки.

Ці властивості фреймів дозволяють:

розміщувати статичну інформацію, яку автор вважає за необхідне постійно показувати користувачу, у одному статичному фреймі;

розміщувати у статичному фреймі зміст всіх або частини документів, які містяться на сервері, що дозволяє користувачеві швидко знаходити інформацію, яка його цікавить;

створювати вікна результатів запитів, коли в одному фреймі знаходиться власне запит, а в другому - результати запиту.

Фрейм-документ є специфічним видом HTML-документа, оскільки не містить елемента BODY і, відповідно, будь-якого змістового навантаження. Він описує тільки фрейми, які будуть містити інформацію.

Основний документ, який містить опис фреймів, виглядає так:

<HTML>

<HEAD> </HEAD>

<FRAMESET>....</FRAMESET> </HTML>

Атрибути тегу <FRAMESET>

Атрибут

Призначення

ROWS=pixels|persent

*

поділ екрану на декілька смуг

COLS=pixels|persent|*

поділ екрану на декілька стовпчиків

FRAMEBORDER

описує сітку фреймової структури (за замовчуванням значення YES -тривимірна сітка, N0 - без сітки)

BORDER

ширина сітки фреймової структури (за замовчуванням значення 5)

BORDERCOLOR

колір сітки фреймової структури

Значення (*) відповідає використанню всього простору екрану, який залишився.

Для вміщення змісту у фрейми, які утворились в результаті поділу, використовується тег <FRAME>... </FRAME>. Важливим атрибутом цього тега є атрибут SRC, який сповіщає URL документа, котрий необхідно завантажити у фрейм.

Кожний елемент фреймової структури описується за допомогою тега <FRAME>, який має такі атрибути:

SRC - URL вмісту фрейма;

NAME - ім'я фрейма {аналогія імені вікна броузера)

для здійснення доступу до фрейма і оновлення його змісту;

- MARGINHEIGHT -    ширина верхнього і нижнього вільного

поля фрейма у пікселях;

- MARGINWIDTH -     ширина лівого і правого вільного поля

фрейма у пікселях;

- SCROLLING - смуги гортання для перегляду вмісту фрей-

ма (AUTO/YES/NO, за замовчуванням значення  - AUTO);

- NORESIZE - наявністю даного атрибута користувачу за-

бороняється змінювати розміри фрейма при перегляді документа {за замовчуванням це можливо за допомогою мишки);

FRAMEBORDER -     описує сітку фрейма (YES/NO);

BORDERCOLOR -     колір сітки фрейма.

Визначення фреймової структури

Порядок створення сторінки з фреймами:

1. Створюється початкова сторінка, у якій задаються розміри і кількість фреймів, а також імена файлів, які відповідають фреймам і атрибути для кожного фрейма.

2. Створюються окремі сторінки для кожного фрейма. Необхідно уявити собі загальний вигляд сторінки - де і якого

розміру будуть фрейми. Наприклад, ліворуч має бути фрейм змісту з переліком статей, праворуч - сторінка із власне статтями. Необхідно зробити так, щоб натискання мишкою на назві статті у лівій частині екрану, викликало появу змісту статті у правій частині. Або фреймова структура має ділити екран на три проздовжні частини. Верхня частина займає 15% висоти вікна броузера, її змістом є документ header.htm. Середній фрейм займає 70% вікна, в нього вводиться зміст документа body.htm. Решту частини вікна броузера займає фрейм, у який виводиться зміст документа footer.htm.

<FRAMESET ROWS=«15%, 70%, 15%>»

<FRAME SRC=«header.htm» NORESIZE SCROLLING=NO>

<FRAME SRC=«body.htm»>

<FRAME SRC=«footer.htm» NORESIZE SCROLLING=NO>

</FRAMESET>

Верхній і нижній фрейми даної структури не містять смуг гортання вмісту і мають постійний розмір. Атрибут NORESIZE для середнього фрейма не задається, оскільки заборона зміни розмірів фреймів, які знаходяться поруч, не дозволяє зміни розміру середнього фрейма.

Для створення «вкладеної» структури фреймів, наприклад, у середній області фрейма з попереднього прикладу, яка поділяє її на два рівних стовпці, можна навести такий приклад:

FRAMESET ROWS=«15%, 70%, 15%»>

<FRAME SRC=«header.htm» NORESIZE SCROLLING=NO>

<FRAMESET COLS=«*,*»>

<FRAME SRC=«left.htm»>

<FRAME SRC=«right.htm»>

</FRAMESET>

<FRAME SRC=«footer.htm» NORESIZE SCROLLING=NO>

</FRAMESET>

Створення індексного (початкового) екрана з двох фреймів:

ПРИКЛАД

Файл у форматі HTML:

<HTML>

<FRAMESET cols=«*,310»>

<FRAME SRC=«LABJr.htm» NAME= «framel»>

<FRAME SRC=«home_fr.htm» NAME=«frame2»>

</FRAMESET>

</HTML>

У лівому фреймі у пункті «Обрядова їжа» зроблено посилання на відповідний файл, який розкриє зміст цього пункту і буде відображений у правому вікні. Для цього зміни вносяться до файлу, який завантажується у цей фрейм. При встановленні гіперпосилання вказують на NAME відповідного фрейма введенням команди TARGET.

Відображення файла програмою-броузером:

ПРИКЛАД

файл у форматі HTML:

<HTML> <BODY>

<Н1 ALIGN=CENTER> УКРАЇНСЬКА МИНУВШИНА</Н1><ВІІ> <Р ALIGN=CENTER><B>yKPAlHCbKA КУХНЖ/В></Р>

<UL>

<ІЛ>ПОВСЯКДЕННА Й СВЯТКОВА ЇЖА ТА НАПОК/П> <ЬІ>РЕЖИМ І СЕЗОННІСТЬ ХАРЧУВАННЯ, ХАРЧОВІ ЗАБОРОНИ

/LI HREF= «LAB2-4JFR.HTM» TARGET = «FRAME2>» <LI>

ОБРЯДОВА ЇЖА </LI></A> </UL> </BODY> </HTML>


 

А также другие работы, которые могут Вас заинтересовать

44718. Modal verbs. Nouns as attribute 88.7 KB
  II Prctise reding twosyllble words with the stress on the first syllble rdr rnging hrbour lnding trvel mesure becon presence wether echo signl timer system object constnt mountin strongest portion during. Prctise reding the following word combintions: cpble of determining the presence of objects their chrcter ll of them ultrhigh frequency rdio wve energy directionl ntenn in bem visul redble signls within the field of view of rdr the use of these timed pulses t the constnt velocity the fluorescent screen...
44719. Sequence of Tenses. Imperative Mood. Quantifiers and their equivalents 54 KB
  LBERT EINSTEIN 18791955 Imgintion is more importnt thn knowledgeâ Einstein lbert Einstein ws born in Germny on Mrch 141879. t the ge of 21 fter four yers of university study lbert Einstein got job s clerk t n office. Einstein expressed his theory in the eqution E=mc roughly tht energy equls mss times the squre of the speed of light. lbert Einstein ws very tlented mn gret thinker.
44720. Infinitive (forms and functions) 33.55 KB
  The oceans cover 147 million square miles of the earth's total surface of 197 million square miles. Geographically, this vast expanse of water has been very thoroughly explored; the surface currents have been charted, the depths of the seas bordering the land have been carefully sounded. Yet, the nature of the ocean was practically unknown until recently, when new techniques and careful mapping did disclose new details of the ocean waters.
44721. Gerund (forms and functions) 114.28 KB
  Prctise reding the following twosyllble words with the stress on the second syllble: Include between employ pply design convert trnsform obtin Prctise reding the following mny syllble words: Electricity impossible ccumulte numerous resistnce temperture emergency photocell complicted Prctise reding the following words with double stress: Engineering semiconductor utomtion conductivity irrespective reproduce Memorize the spelling nd pronuncition of the following words: Vry ['vεərI]...
44722. Ing forms: Participle/Gerund/Verbal Noun 51 KB
  Trnsistors mde it possible to design compct smlldimensioned electronic devices which consume very little power. The trnsistors re successfully used for direct trnsformtion of het energy into electricl energy by mens of therml elements. In lter yers light sources nd lsers were built on the bsis of trnsistors.
44723. Participle (Passive and Perfect Forms) 33.83 KB
  Rdio supplies the communiction service which is so essentil to the modern world nd meeting these needs it hs become rpidly developing industry itself. It is from rdio tht the subject of electronics ws born which being pplied to utomtion brought such remrkble chnges to the technique of tody. The fstest most relible wy to detect n rtificil stellite nd to determine its orbit is by rdio.
44724. Nominative Absolute Participle Clause. Participle+Infinitive 54 KB
  PrticipleInfinitive TEXT 12 The Fundmentl Problems of Television. The word âtelevisionâ by common cceptnce hs come to men the essentilly instntneous trnsmission either by wire or rdio of moving pictures or imges. Essentilly three steps re involved in television nmely: 1 the nlysis of the light imge into electricl signl; 2 the trnsmission of the electricl signl to the points of reception; nd 3 the synthesis of visible reproduction of the originl imge from the electricl signl. nswer the questions: Wht does the word âtelevisionâ...
44725. Infinitive (Passive and Perfect Forms) 80.5 KB
  From the first electronic digital computers of the forties to to-day’s versatile computers and most up-to-date microcomputers, very little has changed as far as basic computer operation is concerned. In the last thirty years, vast improvements in the size, speed and capabilities of computers have taken place
44726. Complex Subject 76.71 KB
  The low temperture physics dels with vrious phenomen occurring tempertures in the region of bsolute zero 273єC. The lowest temperture on Erth is known to hve been registered in the ntrctic bout 80єC. Still lower tempertures re climed to be found on other plnets.