Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
Поділення сторінки на фрейми
Щоб HTML-сторінка містила фрейми а екран був розділений на області, необхідно замінити пару тегів <BODY>.. </ BODY> в коді HTML-сторінки парою тегів <FRAMESET> …</ FRAMESET>.
Необхідно також вказати хоча б один з атрибутів cols або rows. За допомогою цих атрибутів задають розміри фреймів і кількість рядків і стовпців в розбитті сторінки. Атрибут cols визначає кількість рядків, а атрибут rows – кількість стовпців. Області, отримані в результаті розбиття, і будуть фреймами. Відсутність цих атрибутів визначає один фрейм величиною в увікні браузера. У значенні атрибутів необхідно вказувати не кількість рядків або стовпців, а значення ширини кожного фрейму через кому, якщо розглядати атрибут cols (наприклад, cols = “13,31,34″). Атрибут rows визначає висоту кожного фрейму відповідно. Розміри фреймів можуть задаватися як в абсолютних, так і в відносних величинах.
Просте числове значення визначає фіксовану висоту або ширину фрейма у пікселях (наприклад, cols = “20,100,20″ rows = “30,100″). Це далеко не найкращий спосіб опису розмірів фрейма, оскільки відмінності у браузерах мають різний розмір робочого поля, не кажучи вже про різні екрани у користувача. Якщо ви все ж використовуєте даний спосіб опису розміру, то настійно рекомендується поєднувати його з яким-небудь іншим, щоб в результаті ви точно отримали стовідсоткове заповнення вікна браузера користувача.
Значення величини фрейму, задане у відсотках від 1 до 100 (наприклад, cols = “20%, 50%, 30%” rows = “30%, 70%”). Якщо загальна сума відсотків, описують фрейм, перевищує 100, то розміри всіх фреймів пропорційно але зменшуються до суми 100%. Якщо, відповідно, сума менше 100, то розміри пропорційно збільшуються. У значенні вказується число з зірочкою (наприклад, 5 *). Проте числове значення в даному описі є необов’язковим. Символ * вказує на те, що все залишине місце буде належати даному фрейму. Якщо вказати два або більше фрейма з описом * (наприклад, cols =”*,*,*”), то простір, що залишився ділиться порівну між цими фреймами. Якщо перед зірочкою стоїть цифра, то вона вказує пропорцію для даного Фрейма (у скільки разів він буде більше аналогічно описаного просто зірочкою).
Наприклад, опис rows = “2 *,*,*” каже, що буде створено три фрейми з розмірами 2 / 3 вільного простору для першого кадру і по 1 / 3 для двох інших. Щоб у кожній з областей відображалася інформація, необхідно використовувати елемент FRAME, обов’язковий атрибут src якого вкаже адресу документа, відображуваного всередині фрейму. Якщо адреса відсутня, то буде відображений порожній фрейм. Розглянемо створення фреймів на прикладі, описаному в лістінгу.
Лістинг. Приклад створення фреймів
<html>
<head>
<title>Ця сторінка містить 4 фрейма </title>
</head>
<frameset cols=”45%,*”rows=”30%,*”>
<frame src=frame1.HTML>
<frame src=frame2.HTML>
<frame src=frame3.HTML>
<frame src=frame4.HTML>
</frameset>
</html>
На малюнку зображено, як буде відображатися HTML-документ, описаний в лістингу Сторінка містить чотири області відповідних пропорцій, в кожну з яких спочатку завантажуються HTML-документи Frame1.html,Frame2.html, Frame3.html і Frame4.html.
 |
1.1Приклад сторінки із чотири фрейми
Крім HTML-документів, фрейм може містити й зображення. для цього необхідно вказати адресу відповідної картинки в атрибуті src, наприклад src = “pic.gif”. Зверніть увагу, що елемент FRAME використовується без закриваючого тега.
Date: 2015-07-24; view: 363; Нарушение авторских прав; Помощь в написании работы --> СЮДА... |