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

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

Для вставки сторінки якого або сайту в сторінку свого сайту можна використовувати наявну в мові розмітки гіпертексту (HTML) можливість ділити сторінки не кілька фреймів. Як саме це зробити — описано нижче.

Інструкція

  1. «Фрейм» — це незалежний місце на сторінці, який може мати своє джерело відображуваних даних. Таких фреймів у сторінці може бути декілька, і розміщувати їх можна і поруч один з одним, і один над іншим, і один всередині іншого, і комбінованим в будь-якому порядку способом.

    Щоб реалізувати цей механізм розбиття статті, почати треба з приміщення в її вихідний html-код «контейнера» ​​для всіх фреймів. Такий контейнер складається з двох тегів — відкриває і закриває:

    <frameset>

     …

    </ Frameset>

    У відкриваючому теге потрібно задати порядок розташування фреймів на сторінці. Тут же треба вказати в якій пропорції браузері мають поділити простір сторінки між фреймами. Для цього в тег слід додати відповідний атрибут:

    <frameset cols=»25%,75%»>

     …

    </ Frameset>

    Тут атрибут «cols» задає поділ сторінки на два фрейми по вертикалі в пропорції один до трьох. Якщо атрибут «cols» замінити на атрибут «rows», то сторінка буде поділена по горизонталі:

    <frameset rows=»25%,75%»>

     …

    </ Frameset>

    Вказувати обидва розміру не обов’язково — браузер сам розрахує значення для невизначеного кадру, якщо замість числа написати зірочку (*):

    <frameset rows=»48%,*»>

     …

    </ Frameset>

    Можна віддати одному з фреймів весь вільний простір сторінки, якщо вказати 100% і в цьому випадку вмісту іншого кадру видно не буде. Часто для завдання розмірів використовують інші одиниці виміру — «пікселі»:

    <frameset rows=»600,700″>

     …

    </ Frameset>
  2. Тепер всередину контейнера треба помістити теги самих фреймів. Такий тег виглядає так:

    <frame src=»http://www.thisSite.ru/thisPage.html» />

    У ньому зазначено атрибут з адресою інтернет-сторінки, яка буде джерелом даних для цього кадру. Якщо адреса написана в такому вигляді (починається з назви протоколу http://), то його називають «абсолютним». Для сторінок вашого сайту, що лежать у цій же (або вкладеної в цю) папці, вказувати абсолютний адресу не обов’язково — достатньо імені файлу і шляху до вкладеної папки. У цьому випадку адреса буде називатися «відносним» і виглядати так:

    <frame src=»thisPage.html» />

    -

    Можна додати в цей тег атрибут, який відключає можливість переміщення мишкою кордону між фреймами. Тег називається «noresize»:

    <frame src=»thisPage.html» noresize=»noresize» />

    -

    Ще два атрибути служать для вказівки розмірів полів між сусідніми фреймах — marginheight для відступу по вертикалі і marginwidth — для відступу по горизонталі:

    <frame src=»thisPage.html» marginwidth=»7″ marginheight=»8″ />

    -

    Атрибут «scrolling» служить для вказівки правил поведінки смуг прокрутки фреймів. Якщо задати йому значення «auto», то смуги прокрутки будуть з’являтися у міру виникнення необхідності — коли вміст фрейма не буде вміщається в його межі:

    <frame src=»thisPage.html» scrolling=»auto» />

    Якщо замінити це значення на «yes», то смуги прокрутки завжди будуть присутні в цьому фреймі, а значення «no» відключить їх відображення в безумовному порядку.
  3. Знаючи це, можна приступити до створення простої сторінки, яка буде містити в одному з фреймів сторінку іншого сайту. Вам буде потрібен для цього простий текстовий редактор — стандартний Блокнот. Створіть новий документ і запишіть в нього такі html-теги:

    <html>

     <frameset rows=»100%,*»>

     <frame src=»http://kakprosto.ru» />

     <frame src=»blank.html» />

     </ Frameset>

    </ Html>

    Збережіть цей код з розширенням html або htm — наприклад, sample.html. Потім створіть новий текстовий документ, в який можете нічого не писати, а просто збережіть його з ім’ям blank.html.

    Все готово. Тепер, якщо відкрити сторінку sample.html браузером, то ви побачите тільки сторінку, вказану в теге перший фрейм, так як ви віддали йому всі 100% простору сторінки. А другий сторінки не буде видно зовсім.

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