|
|
Фреймы в HTML
Дата: 15/11/2014
Приветствую ВАС! Вот я и дошёл, чтобы написать статью о фреймах.
Если вы думаете, что фреймы уже устарели и их можно заменить DIV или PHP, отвечу вам так: "Вы ошибаетесь!"
Фреймы в HTML очень нужный инструмент, да и, если сайт на PHP, фреймы очень и очень помогут вам.
Создание фреймов
Существует два вида фреймов: один - для работы с HTML 4 и версией ниже, это тег frameset, о нём мы говорить не будем, а поговорим о iframe, который называют ещё плавающим фреймом. Он хорош тем, что разрешён в HTML 5 и поддерживается большинством браузеров. И так создаём страничку из фреймов:
<document HTML>
<html>
<head>
<title>
Создаём страничку с тремя фреймами
</title>
</head>
<body>
<iframe name="имя фрейма латинскими буквами" src="прописываем путь к HTML файлу в котором находится ваше меню сайта" width="25%" height="100%" scrolling="no"> <p> Ваш браузер не поддерживает фреймы! </p> </iframe>
<iframe name="имя фрейма латинскими буквами" src="прописываем путь к HTML файлу с вашим каталогом или к файлу из пункта меню, допустим, из раздела О НАС" width="75%" height="100%"> <p> Ваш браузер не поддерживает фреймы! </p> </iframe>
</body>
</html>
Если вы создали несколько страниц в HTML и в главную вставили данный пример, у вас должна получиться страница из двух ваших страниц, то есть, вы создаёте три web-страницы, где в одной размещаете фреймы, в которых загружаются другие две и более страниц. Параметр width="25%" задаёт ширину фрейма, а параметр height="100%" задаёт высоту фрейма, то есть, наш фрейм в данном случае вытянется на всю высоту. Атрибут scrolling="no" запрещает показывать полосы прокрутки, что удобно для создания фреймов без полос прокрутки.
Работа с фреймами
Для работы с фреймами вам понадобится знать javascript или, лучше всего, Jquery. Управление будет происходить через атрибут name или ID, в разных случаях можно и через атрибут class. Управление происходит по следующему алгоритму: привязывается ссылка из меню к фрейму основного тела сайта, и всё, при нажатии во фрейм будет подгружаться страница, выбранная пользователем из меню. Но JS или JQ я буду описывать в других статьях. Но спешу вас успокоить, ничего сложного в этом нет!
Дополнительный пример фреймов
<document HTML>
<html>
<head>
<title>
Пример web-странички из блоков DIV
</title>
</head>
<body>
<iframe name="имя фрейма латинскими буквами" src="прописываем путь к HTML файлу, в котором находится ваше меню сайта" width="100%" height="10%"> <p> Ваш браузер не поддерживает фреймы! </p> </iframe>
<iframe name="имя фрейма латинскими буквами" src="прописываем путь к HTML файлу с контактной информацией или ещё к какой-либо страничке из вашего меню" width="100%" height="80%"> <p> Ваш браузер не поддерживает фреймы! </p> </iframe>
</body>
<iframe name="имя фрейма латинскими буквами" src="прописываем путь к HTML файлу, где будет размещена реклама" width="100%" height="10%"> <p> Ваш браузер не поддерживает фреймы! </p> </iframe>
</html>
Этот пример наглядно показывает образец странички из трёх фреймов, где меню находится сверху, тело документа - по середине, а подвальная часть под рекламу - снизу. Попробуйте сами разместить пять фреймов, чтобы три фрейма были зажаты между двумя вертикальными фреймами. Подсказываю сразу, что HTML документ читается браузерами сверху и вниз, исходите из этого!
Эту статью можно считать окончанием статей про HTML "Создание сайта вручную". Если вы прочитали все статьи из этой темы и попрактиковались, создав хотя бы десятка два web-страниц, могу вас поздравить с хорошим навыком работы с HTML. В последующих статьях я постараюсь вам более доступно написать про CSS и Javascript. Но пока до этого не дошло, в завершении этой статьи скажу. Этот минимум про HTML, который я вам описал, поможет вам создать любую страничку или сайт, где вы спокойно сможете размещать вашу информацию, о которой узнают тысячи людей.
Если вы создали уже что-то, но не знаете, что делать дальше, прочитайте следующую статью Где разместить сайт бесплатно.
С уважением, Администратор!
предыдущая
следующая
Список статей по теме...
|
|
