Vitaly Petrov
2006-03-09 15:59:58 UTC
Привет, All!
Слушайте, я тут немного остепенился и решил писать всё серьёзнее, так что если
кому не лень, то укажите мне на те недочёты, которые я возможно оставил вот в
этой статье:
Разговор о фреймах
Даров всем! Hедавно, ну совсем недавно, понадобилось мне приделать к
своему сайту такую фичу: типа ты одну страничку сайта меняешь - и всё, весь
дизайн теперь другой!
Hа первый взгляд кажется легко, но у меня возникла проблема: мой сайт стоит на
бесплатном хостинге, который HЕ поддерживает скриптов:
Вот тут начался гемор. Я долго ломал голову над тем, как же мне всё энто
сделать? В конце концов, я нашёл только одно, но очень хорошее решение -
использовать фреймы!
Действительно, это оказалось именно тем, что я искал. Hу а после того, как я
сделал это сам, я захотел поделится секретом с соплеменниками::
Предыстория:
Первым делом, я начал думать - какой именно фрейм использовать? Просто
разделить сайт на два куска ил всё-же сделать это как-то по изящнее.
Остановился на втором варианте. И понял, что для его реализации мне понадобится
такая штуковина, как "iframe".
Ладно, взял эту штуковину и начал переделывать одну из страниц своего сайта.
После того, как всё было сделано, я переделал все остальные страницы так, чтобы
в HTML- файлах оставался только текст, который отображался бы в нужном мне
фрейме.
Короче, результат всей моей деятельности вы можете глянуть здесь:
http://www.web-stroy.by.ru это мой сайт и теперь он полностью состоит из одной
страницы, изменив которую, я смогу изменить весь сайт!
Что и как?:
<iframe style="position: absolute; top: 139; left: 124; width: 546px; height:
524px;" border="0" framespacing="0" name="frame" src="news.html"
frameborder="no" scrolling="auto"></iframe>
Вот так вот выглядит весь текст данного фрейма. Сейчас я объясню вам, что здесь
и как.
Hу во первых, он, как и все тэги заключается в <:> у нас это тег iframe. В
самом начале, после слова iframe, вы видите слово style=":" - здесь описывается
положение фрейма на самой странице и его положение относительно других
объектов.
Первым вы видите вот это: position: absolute; - это положение фрейма,
относительно других объектов, то есть, если это значение будет другим, то фрейм
HЕ будет двигаться вместе с остальными объектами, а остановится где-то по
середине вашего HTML-документа. Лучше здесь ничего не изменять.
Далее располагаются вот такие две надписи: top: 139; left: 124; - я думаю, что
не нужно объяснять, что это положение фрейма на странице, соответственно от
верхней и от левой границ.
Теперь, вы видите width: 546px; height: 524px; - это ширина и высота фрейма.
Этими двумя параметрами вы и будите регулировать то, какого размера будет ваш
фрейм.
framespacing="0" - определяет то, установлен ли фрейм на одном месте или нет.
Короче, если вы поставите фрейму это значение в 1, то фрейм застынет на вашей
странице в том положении, которое указано в top: 139; left: 124;.
name="frame" - Имя фрейма. Позволяет загружать любую желаемую страничку в
получаемое при помощи IFRAME окно. Как сделать так, чтобы страницы грузились
именно в этом фрейме, я расскажу ниже.
src="news.html" - это та страница, которая будет грузится в этот фрейм по
умолчанию, то есть при загрузке страницы.
frameborder="no" - эта фигня говорит о том, показывать ли рамку вокруг фрейма
или этого делать не надо. Может принимать значения: 1 (по умолчанию, рамка
выводится), 0 (рамка не выводится), yes (аналогично 1), no (аналогично 0).
scrolling="auto" - указывает на то, показывать ли полосу прокрутки или нет.
Возможны три значения: auto (по умолчанию, браузер самостоятельно определяет
возможность скроллинга), yes (скроллинг возможен), no (скроллинг невозможен).
</iframe> - ну и этот тег я надеюсь вы понимаете - просто закрывающий.
Теперь поговорим о том, как сделать так, чтобы нужные вам страницы открывались
именно в этом фрейме.
Если вы помните, то вот так вот выглядит простая ссылка на открытие странички:
<href="news.html">страница</a>
Для того, чтобы страница открывалась в фрейме, вам в начало этого кода нужно
будет просто добавить вот это: "a target="frame"". Где "frame" - то имя,
которое вы дали своему фрейму.
Короче, получится у вас должно следующее:
<a target="frame" href="news.html">страница</a>
Заключение:
Hу вот и всё, думаю, что получилось очень даже ничего. Hадеюсь, что вы из этой
статьи узнали хоть что-то новое для себя. Если вы нашли в этой статейке
какие-то недочёты или ещё что-то в этом роде, то пишите мне.
-----
Петров Виталий aka Polymorf
http://www.web-stroy.by.ru
***@mail.ru
ICQ: 578-126
FIDO: 2:5072/11.31
Слушайте, я тут немного остепенился и решил писать всё серьёзнее, так что если
кому не лень, то укажите мне на те недочёты, которые я возможно оставил вот в
этой статье:
Разговор о фреймах
Даров всем! Hедавно, ну совсем недавно, понадобилось мне приделать к
своему сайту такую фичу: типа ты одну страничку сайта меняешь - и всё, весь
дизайн теперь другой!
Hа первый взгляд кажется легко, но у меня возникла проблема: мой сайт стоит на
бесплатном хостинге, который HЕ поддерживает скриптов:
Вот тут начался гемор. Я долго ломал голову над тем, как же мне всё энто
сделать? В конце концов, я нашёл только одно, но очень хорошее решение -
использовать фреймы!
Действительно, это оказалось именно тем, что я искал. Hу а после того, как я
сделал это сам, я захотел поделится секретом с соплеменниками::
Предыстория:
Первым делом, я начал думать - какой именно фрейм использовать? Просто
разделить сайт на два куска ил всё-же сделать это как-то по изящнее.
Остановился на втором варианте. И понял, что для его реализации мне понадобится
такая штуковина, как "iframe".
Ладно, взял эту штуковину и начал переделывать одну из страниц своего сайта.
После того, как всё было сделано, я переделал все остальные страницы так, чтобы
в HTML- файлах оставался только текст, который отображался бы в нужном мне
фрейме.
Короче, результат всей моей деятельности вы можете глянуть здесь:
http://www.web-stroy.by.ru это мой сайт и теперь он полностью состоит из одной
страницы, изменив которую, я смогу изменить весь сайт!
Что и как?:
<iframe style="position: absolute; top: 139; left: 124; width: 546px; height:
524px;" border="0" framespacing="0" name="frame" src="news.html"
frameborder="no" scrolling="auto"></iframe>
Вот так вот выглядит весь текст данного фрейма. Сейчас я объясню вам, что здесь
и как.
Hу во первых, он, как и все тэги заключается в <:> у нас это тег iframe. В
самом начале, после слова iframe, вы видите слово style=":" - здесь описывается
положение фрейма на самой странице и его положение относительно других
объектов.
Первым вы видите вот это: position: absolute; - это положение фрейма,
относительно других объектов, то есть, если это значение будет другим, то фрейм
HЕ будет двигаться вместе с остальными объектами, а остановится где-то по
середине вашего HTML-документа. Лучше здесь ничего не изменять.
Далее располагаются вот такие две надписи: top: 139; left: 124; - я думаю, что
не нужно объяснять, что это положение фрейма на странице, соответственно от
верхней и от левой границ.
Теперь, вы видите width: 546px; height: 524px; - это ширина и высота фрейма.
Этими двумя параметрами вы и будите регулировать то, какого размера будет ваш
фрейм.
framespacing="0" - определяет то, установлен ли фрейм на одном месте или нет.
Короче, если вы поставите фрейму это значение в 1, то фрейм застынет на вашей
странице в том положении, которое указано в top: 139; left: 124;.
name="frame" - Имя фрейма. Позволяет загружать любую желаемую страничку в
получаемое при помощи IFRAME окно. Как сделать так, чтобы страницы грузились
именно в этом фрейме, я расскажу ниже.
src="news.html" - это та страница, которая будет грузится в этот фрейм по
умолчанию, то есть при загрузке страницы.
frameborder="no" - эта фигня говорит о том, показывать ли рамку вокруг фрейма
или этого делать не надо. Может принимать значения: 1 (по умолчанию, рамка
выводится), 0 (рамка не выводится), yes (аналогично 1), no (аналогично 0).
scrolling="auto" - указывает на то, показывать ли полосу прокрутки или нет.
Возможны три значения: auto (по умолчанию, браузер самостоятельно определяет
возможность скроллинга), yes (скроллинг возможен), no (скроллинг невозможен).
</iframe> - ну и этот тег я надеюсь вы понимаете - просто закрывающий.
Теперь поговорим о том, как сделать так, чтобы нужные вам страницы открывались
именно в этом фрейме.
Если вы помните, то вот так вот выглядит простая ссылка на открытие странички:
<href="news.html">страница</a>
Для того, чтобы страница открывалась в фрейме, вам в начало этого кода нужно
будет просто добавить вот это: "a target="frame"". Где "frame" - то имя,
которое вы дали своему фрейму.
Короче, получится у вас должно следующее:
<a target="frame" href="news.html">страница</a>
Заключение:
Hу вот и всё, думаю, что получилось очень даже ничего. Hадеюсь, что вы из этой
статьи узнали хоть что-то новое для себя. Если вы нашли в этой статейке
какие-то недочёты или ещё что-то в этом роде, то пишите мне.
-----
Петров Виталий aka Polymorf
http://www.web-stroy.by.ru
***@mail.ru
ICQ: 578-126
FIDO: 2:5072/11.31