Як вставити фрейм

Для відображення в одній сторінці інформації з декількох джерел часто використовують наявний в HTML механізм розбиття статті на фрейми. Нижче - опис конструкцій мови, призначених для вставки фреймів.
Як вставити фрейм
Вам знадобиться
  • Початкові знання мови HTML

Інструкція



1
Мова HTML (HyperText Markup Language - «мова розмітки гіпертексту») передбачає два види фреймів. «Плаваючий» більш гнучкий і його простіше вставити в уже існуючу сторінку. У загальному випадку конструкція, що описує врізку вікна за допомогою плаваючого фрейма, виглядає так: Тут як джерело даних для цього фрейму вказана головна сторінка існуючого сайту (атрибут src). Вона і буде відкрита у розіграші розміром 400 на 300 пікселів, як це зазначено в атрибутах width і height.Ви можете вказати в атрибуті src і сторінку свого сайту. У цьому випадку досить задати відносний адресу (тобто адресу щодо сторінки, в яку вставляється фрейм): У цьому зразку не вказані ширина і висота фрейму, але зате є атрибут-ідентифікатор id. Використовуючи його, ви можете за допомогою CSS () задати для цього фрейму необхідні розміри:
2



Інший тип фреймів - «класичний» - вимагає наявності окремої сторінки, яка буде містити опис структури фреймів. самі фрейми знаходитимуться в окремих сторінках, може навіть на окремих сайтах. HTML-код такої сторінки-контейнера для фреймів може виглядати так:




ніяких блоків ... і ... , обов`язкових для звичайних сторінок, тут бути не должно.В цьому зразку відкриває тег контейнера містить атрибут rows - це означає, що простір сторінки повинно бути поділено по вертикалі і першого кадру буде віддана верхня частина. Якщо замінити rows на cols, то поділ буде горизонтальним. Значення цього атрибута "*, *" вказує, що пропорції розподілу рівні - по 50% кожному. Якщо вказати, наприклад "20%, *", То першому кадру буде віддано лише 20%, а решта простору - второму.Пользователь може сам змінювати ці пропорції, перетягуючи кордону фреймів мишкою, але є можливість заборонити цю дію. Для цього в тег конкретного фрейма потрібно додати атрибут noresize. Можна також вказати розміри відступів від сусіднього фрейму по вертикалі і горизонталі (атрибути marginwidth і marginheight):Є можливість задавати правила поведінки для смуг прокрутки кожного фрейму окремо. Для цього використовується атрибут scrolling, який може містити одне з трьох визначених значень. Якщо вказати scrolling ="auto", То смуги прокрутки будуть з`являтися коли вміст фрейма не вміщається в його межі. якщо "yes" - Смуги будуть присутні постійно, незалежно від наявності необхідності в них. якщо "no" - Це буде означати заборону смуг прокрутки для цього фрейму.
3
Виходячи з інформації, викладеної на двох попередніх етапах, вам потрібно сконструювати html-код, який більш підходить для вирішення вашої задачі. Після цього залишиться лише вставити його в вихідний код сторінки. Для цього можна скористатися редактором сторінок системи управління вашим сайтом - відкрийте в ньому потрібну сторінку, переведіть в режим редагування html-коду і вставте ваш код в потрібне місце сторінки. А можна скачати файл вихідного коду сторінки файл-менеджером управління хостингу або системи управління сайтом, відкрити його в текстовому редакторі і вставити код в ньому. А потім тим же способом закачати змінений код назад на сервер.


Увага, тільки СЬОГОДНІ!


Оцініть, будь ласка статтю
Всього голосів: 180
Увага, тільки СЬОГОДНІ!