Як вставити сторінку в сторінку?

Фото - Як вставити сторінку в сторінку?

Найпростіший спосіб, що дозволяє вставити сторінку в сторінку при верстці сайту - це використання можливості, яку надає мову HTML. А саме - це можливість розбивати одну сторінку відразу на кілька вікон. Ці вікна, мають назву "фрейми". Таких "фреймів" в одній сторінці може міститися декілька. Точно так же, в один "фрейм" можуть входити кілька подібних "фреймів" і кожен з них буде завантажуватися з різних джерел.

Отже, як вставити сторінку в сторінку? Для цього, в першу чергу, нам знадобиться найпростіший текстовий редактор "Блокнот", що входить в стандартний набір програм Windows. Наведемо покрокову інструкцію.

Інструкція по створенню сторінки в сторінці

Для того щоб вибудувати необхідний нам набір сторінок в сторінці, потрібно, для початку, створити контейнер для фреймів. На мові HTML - це виглядає так:

...

Ці інструкції прийнято називати "тегами". В даному випадку, це теги, які відкривають і закривають контейнер відповідно. А ось уже між ними повинні стояти теги, які формують фрейми. Теги мають властивість містити різну інформацію. Така інформація називається "атрибутом" тега. Наприклад, нам потрібно вказати, як конкретно потрібно поділити сторінку фреймами:

...

"Cols" - означає, що сторінка ділиться по вертикалі. Що означає "50%", думаю, не потрібно пояснювати. Для того щоб поділити сторінку по горизонталі, замість "cols", потрібно вставити "rows". Також наведемо приклад:

...

Точно таке ж значення це матиме, якщо зробити ось так:

...

Зірочка позначає, що все залишився буде виділено іншому фрейму. Крім того, існує можливість вказувати значення не тільки у відсотках, а ще й в пікселях, адже це основна одиниця виміру, яка використовується при розмітці сторінок:

...

Тепер, коли з контейнерами все стало зрозуміло, виник інше питання: як сторінку html вставити в html? А інакше - як вписати тег фрейма, в цей контейнер? Найпростіший варіант виглядай ось так:

...

В даному випадку, "src" вказує, яка саме сторінка повинна бути завантажена в цей фрейм. Якщо трапляється так, що необхідна сторінка лежить на тому ж сервері, або в тій же папці, то зовсім не обов'язково вказувати весь адреса цілком. Вистачить і того, що можна вказати ім'я файлу, і шлях який веде до папки. Такі адреси називають "відносними". А повна адреса, називається "абсолютним". Приклад відносного адреси:

...

Існує також, атрибут "scrolling", він потрібен для того, щоб можна було задати правила для смуг прокрутки необхідного нам фрейма, тобто значення, для "повзунків":

...

У цьому випадку, "yes" означає, що смуги прокрутки фрейма будуть з'являтися абсолютно завжди. Якщо замість нього вставити значення "no" - то це буде означати, що смуг прокручування не буде ніколи. Існує і третій атрибут "auto" - завдяки йому, смуги прокрутки з'являються виключно в міру необхідності. Тобто, якщо вміст Кадр не буде вміщуватися в його межі. Неважко зрозуміти, що атрибут "auto" максимально оптимальний і зручний. Стандартно, з налагодження умовчання, межі фрейма можна вільно переміщувати мишкою. Однак - це може заборонити, якщо задати тегу атрибут "noresize". Виглядає це так:

...

Варто сказати, що у тега "frame" повинне бути присутнім два атрибути, які регулюють поля, між сусідніми фреймами. Це "marginwidth" - зобов'язаний вказувати відступ від сусіднього поля по горизонталі (тобто праворуч, ліворуч) і "marginheight" - який робить те ж саме, але вже по вертикалі (зверху, знизу). Як водиться, наведемо приклад:

...

Ще один важливий атрибут - це атрибут "name", метою якого є нарікання імені фрейму. У деяких ситуаціях це дуже корисна річ:

...

Такий невеликий теоретичної підготовки цілком повинно вистачити вам для створення простенької сторінки, яка містить кілька сторінок інших сайтів. Тепер відкрийте блокнот і спробуйте ввести туди те, що повинно було у вас вийти. Звичайно, обов'язково збережіть його у форматі html. Ось Ви і дізналися, як вставити сторінку в сторінку. Ми впевнені, що дана інформація не стане зайвою ні для якого веб-розробника.

» » Як вставити сторінку в сторінку?