Еще один ... Разговор о фреймах
27.03.2006 Автор: Петров Виталий aka Sinjer
http://www.vitaljkap.narod.ru
ICQ: 578-126
FIDO: 2:5072/11.31
Разговор о фреймах Даров всем! Недавно, ну совсем недавно,
понадобилось мне приделать к своему сайту такую фичу: типа ты одну страничку сайта
меняешь – и всё, весь дизайн теперь другой! На первый взгляд кажется легко,
но у меня возникла проблема: мой сайт стоит на бесплатном хостинге, который НЕ
поддерживает скриптов…
Вот тут начался гемор. Я долго ломал голову над тем, как же мне всё энто сделать?
В конце концов, я нашёл только одно, но очень хорошее решение – использовать фреймы!
Действительно, это оказалось именно тем, что я искал. Ну а после того, как я
сделал это сам, я захотел поделится секретом с соплеменниками J …
Предыстория:
Первым делом, я начал думать – какой именно фрейм использовать?
Просто разделить сайт на два куска ил всё-же сделать это как-то по изящнее.
Остановился на втором варианте. И понял, что для его реализации мне понадобится
такая штуковина, как “ 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> Вот так вот выглядит весь текст данного фрейма. Сейчас я объясню вам, что здесь и как. Ну во первых, он, как и все тэги заключается в <… > во первых, он, как и все тэги заключается в. ной страницы, изменив которую, я смогу изменить весь сайт!й НЕ поддерживает скри > у нас это тег iframe. В самом начале, после слова iframe, вы видите слово style =”…” – здесь описывается положение фрейма на самой странице и его положение относительно других объектов. Первым вы видите вот это: position: absolute; - это положение фрейма, относительно других объектов, то есть, если это значение будет другим, то фрейм НЕ будет двигаться вместе с остальными объектами, а остановится где-то по середине вашего HTML -документа. Лучше здесь ничего не изменять. Далее располагаются вот такие две надписи: top: 139; left: 124; - я думаю, что не нужно объяснять, что это положение фрейма на странице, соответственно от верхней и от левой границ. Теперь, вы видите width: 546 px; height: 524 px; - это ширина и высота фрейма. Этими двумя параметрами вы и будите регулировать то, какого размера будет ваш фрейм. 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> Заключение: Ну вот и всё, думаю, что получилось очень даже ничего. Надеюсь, что вы из этой статьи узнали хоть что-то новое для себя. Если вы нашли в этой статейке какие-то недочёты или ещё что-то в этом роде, то пишите мне. Sinjer
Antilamer_nospam@mail.ru
http://www.web-stroy.by.ru |
