Разговор о фреймах
Пользователи, просматривающие топик: none
|
Зашли как: Guest
|
Имя  |
| Сообщение |
<< Старые топики Новые топики >> |
|
|
Разговор о фреймах - 2006-03-09 17:58:35
|
|
|
Polymorf
Сообщений: 5
Оценки: 0
Присоединился: 2006-03-08 13:13:15
|
[right]Автор: Петров Виталий aka Polymorf
http://www.web-stroy.by.ru
Antilamer_nospam@mail.ru
ICQ: 578-126
FIDO: 2:5072/11.31[/right]
Разговор о фреймах
Даров всем! Недавно, ну совсем недавно, понадобилось мне приделать к своему сайту такую фичу: типа ты одну страничку сайта меняешь – и всё, весь дизайн теперь другой!
На первый взгляд кажется легко, но у меня возникла проблема: мой сайт стоит на бесплатном хостинге, который НЕ поддерживает скриптов…
Вот тут начался гемор. Я долго ломал голову над тем, как же мне всё энто сделать? В конце концов, я нашёл только одно, но очень хорошее решение – использовать фреймы!
Действительно, это оказалось именно тем, что я искал. Ну а после того, как я сделал это сам, я захотел поделится секретом с соплеменниками…
Предыстория:
Первым делом, я начал думать – какой именно фрейм использовать? Просто разделить сайт на два куска ил всё-же сделать это как-то по изящнее. Остановился на втором варианте. И понял, что для его реализации мне понадобится такая штуковина, как “ifгаmе”.
Ладно, взял эту штуковину и начал переделывать одну из страниц своего сайта. После того, как всё было сделано, я переделал все остальные страницы так, чтобы в HTML- файлах оставался только текст, который отображался бы в нужном мне фрейме.
Короче, результат всей моей деятельности вы можете глянуть здесь:
http://www.web-stroy.by.ru это мой сайт и теперь он полностью состоит из одной страницы, изменив которую, я смогу изменить весь сайт!
Что и как?:
<ifгаmе style="position: absolute; top: 139; left: 124; width: 546px; height: 524px;" border="0" ifгаmеspacing="0" name="ifгаmе" src="news.html" ifгаmеborder="no" scrolling="auto"></ifгаmе>
Вот так вот выглядит весь текст данного фрейма. Сейчас я объясню вам, что здесь и как.
Ну во первых, он, как и все тэги заключается в <…> у нас это тег ifгаmе. В самом начале, после слова ifгаmе, вы видите слово style=”…” – здесь описывается положение фрейма на самой странице и его положение относительно других объектов.
Первым вы видите вот это: position: absolute; - это положение фрейма, относительно других объектов, то есть, если это значение будет другим, то фрейм НЕ будет двигаться вместе с остальными объектами, а остановится где-то по середине вашего HTML-документа. Лучше здесь ничего не изменять.
Далее располагаются вот такие две надписи: top: 139; left: 124; - я думаю, что не нужно объяснять, что это положение фрейма на странице, соответственно от верхней и от левой границ.
Теперь, вы видите width: 546px; height: 524px; - это ширина и высота фрейма. Этими двумя параметрами вы и будите регулировать то, какого размера будет ваш фрейм.
ifгаmеspacing="0" – определяет то, установлен ли фрейм на одном месте или нет. Короче, если вы поставите фрейму это значение в 1, то фрейм застынет на вашей странице в том положении, которое указано в top: 139; left: 124;.
name="ifгаmе" - Имя фрейма. Позволяет загружать любую желаемую страничку в получаемое при помощи ifгаmе окно. Как сделать так, чтобы страницы грузились именно в этом фрейме, я расскажу ниже.
src="news.html" – это та страница, которая будет грузится в этот фрейм по умолчанию, то есть при загрузке страницы.
ifгаmеborder="no" – эта фигня говорит о том, показывать ли рамку вокруг фрейма или этого делать не надо. Может принимать значения: 1 (по умолчанию, рамка выводится), 0 (рамка не выводится), yes (аналогично 1), no (аналогично 0).
scrolling="auto" – указывает на то, показывать ли полосу прокрутки или нет. Возможны три значения: auto (по умолчанию, браузер самостоятельно определяет возможность скроллинга), yes (скроллинг возможен), no (скроллинг невозможен).
</ifгаmе> - ну и этот тег я надеюсь вы понимаете – просто закрывающий.
Теперь поговорим о том, как сделать так, чтобы нужные вам страницы открывались именно в этом фрейме.
Если вы помните, то вот так вот выглядит простая ссылка на открытие странички:
<href="news.html">страница</a>
Для того, чтобы страница открывалась в фрейме, вам в начало этого кода нужно будет просто добавить вот это: «a target="ifгаmе"». Где “ifгаmе” – то имя, которое вы дали своему фрейму.
Короче, получится у вас должно следующее:
<a target="ifгаmе" href="news.html">страница</a>
Заключение:
Ну вот и всё, думаю, что получилось очень даже ничего. Надеюсь, что вы из этой статьи узнали хоть что-то новое для себя. Если вы нашли в этой статейке какие-то недочёты или ещё что-то в этом роде, то пишите мне.
|
|
|
|
|
Разговор о фреймах - 2006-03-09 17:58:43
|
|
|
Python
Сообщений: 4964
Оценки: 0
Присоединился: 2005-12-14 08:32:13
|
Polymorf, ваще тЫ зря старался. Тут народ ленивЫй, больше двух строчек, читать не любит.
|
|
|
|
|
Разговор о фреймах - 2006-03-09 19:52:49
|
|
|
.: MaD HamsteR :.
Сообщений: 1295
Оценки: 0
Присоединился: 2005-01-19 18:27:05
|
А оно право…
|
|
|
|
|
Разговор о фреймах - 2006-03-09 21:11:46
|
|
|
Sw@N [WMD-ST]
Сообщений: 180
Оценки: 0
Присоединился: 2005-11-02 15:09:14
|
Ещё одно гениальное произведение [sm=3.gif] Polymorf, выкладывал бы эти мануалы по веб дизайну на каком-нибудь сайте, ИМХО, здесь это нах никому не нужно [sm=10.gif]
Это как 2*2 [sm=12.gif]
|
|
|
|
|
|
