Инструкция
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>
...
</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% пространства страницы. А второй страницы не будет видно совсем.Вы можете подготовить аналогичный набор тегов с нужными вам параметрами и адресами и загрузить на свой сайт с помощью файл-менеджера системы управления. Либо открыть в редакторе страниц системы управления нужную вам уже существующую страницу и заменить ее код на свой.
<frameset rows="100%,*">
<frame src="http://kakprosto.ru" />
<frame src="blank.html" />
</frameset>
</html>Сохраните этот код с расширением html или htm - например, sample.html. Затем создайте новый текстовый документ, в который можете ничего не писать, а просто сохраните его с именем blank.html.Все готово. Теперь, если открыть страницу sample.html браузером, то вы увидите только страницу, указанную в теге первого фрейма, так как вы отдали ему все 100% пространства страницы. А второй страницы не будет видно совсем.Вы можете подготовить аналогичный набор тегов с нужными вам параметрами и адресами и загрузить на свой сайт с помощью файл-менеджера системы управления. Либо открыть в редакторе страниц системы управления нужную вам уже существующую страницу и заменить ее код на свой.
Видео по теме
Источники:
- Как вставить гиперссылку в html на другую страницу или объект?