Как разбить страницу на фреймы?

alturgrey · 01.08.2010, 18:28

Уважаемые, помогите разбить страничку на подгружаемые блоки (или на фреймы).
У меня есть страница шаблон. Нужно попилить ее на четрые блока:
1. Шапка
2. Боковое меню-реклама справа
3. Нижнее поле (банеры-реклама)
4. Собственно центральная часть, где будет меняться ОСНОВОЕ содержимое страницы.

Я не знаю, насколько актуальны нынче фреймы, но нужно нечто подобное.
На будущем сайте - страниц 200. Они все должны иметь Постоянную шапку, нижнее поле (типа шапки), и боковое поле с меню.
А центральная часть будет содержать Саму инфу, ради которой эти 200 страниц и живут.
Есть вариант, что бы Шапка, низ, и боковина, подгружались к каждой из листаемых страниц. Т.е сделав 201, или 208 новые страницы сайта, я впишу в заголовке "вызов шапки, и пр." ....
короче говоря, вот вам пример: http://www.mfpa.ru/r/entrants/ ...
- сбоку листаешь меню, страницы меняются, верх , низ и бок - остаются ... или наоборот, у них центральная-текстово-информативная чать страницы, грузится из папки какой-то, не содержа при этом "вызова" чего либо, а ограничиваясь десятком вот таких строк:
<p class=mok2><center><b>Бакалавриат</b>

От чего отталкиваться ?
вот код моей страницы:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<title>News Magazine</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
<script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="scripts/jquery.timers.1.2.js"></script>
<script type="text/javascript" src="scripts/jquery.galleryview.2.1.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery.galleryview.setup.js"></script>
</head>
<body id="top">


<div class="wrapper col0">
<div id="topline">

</div>
</div>

<div class="wrapper">
<div id="header">
<div class="fl_left">
<h1><a href="#"><strong>N</strong>ews <strong>M</strong>agazine</a></h1>
<p>111</p>
</div>
<br class="clear" />
</div>
</div>

<div class="wrapper col2">
<div id="topbar">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="style-demo.html">Style Demo</a></li>
<li><a href="full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>

<br class="clear" />
</div>
</div>

<div class="wrapper">
<div class="container">


<div class="content">
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
</div>

<div class="column">
<ul class="latestnews">
<li><img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">1</a></strong> Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna.</p>
</li>
<li><img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">2</a></strong> Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna</p>
</li>
<li class="last"><img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">3</a></strong> Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna</p>
</li>
</ul>
</div>
<br class="clear" />
</div>
</div>

<div class="wrapper"></div>


<div class="wrapper col8">
<div id="copyright">
<p class="fl_left">Copyright © 2010 - All Rights Reserved - <a href="#">Domain Name</a></p>
<p class="fl_right">4564564</p>
<br class="clear" />
</div>
</div>
</body>
</html>

css приводить не стал, думаю нет нужды ?
мне ЭТО, надо "попилить" на части, где часть:  - то, что будет меняться на каждой странице, а остальные части - оставаться неизменными_)_

Core-- · 02.08.2010, 21:45

Создавая свой первый сайт, я тоже хотел прибегнуть к фреймам. Код я вручную не пишу, использовал Dreamweaver. Там очень просто с фреймами работать.
Но потом я понял, что это уже не актуально. Проще делать на основе шаблона, все в том же Dreamweaver,е. Ну накройняк собрать страницу в Дриме, и взять готовый код.

P.S. Конечно, если не лень самому код писать.

alturgrey · 03.08.2010, 03:09

Цитата:

Сообщение от Core--

Проще делать на основе шаблона, все в том же Dreamweaver,е. Ну накройняк собрать страницу в Дриме, и взять готовый код.

За воспоминания дизайнерской молодости конечно спасибо,
только приведенный код и ныне как был так и остался ..
(мой код, написанный выше, и так ШАблон. Готовый шаблон макета сайта. Его надо поправить ))

Вопрос остался тем же: Как разбить ?
На каждой из 200 страниц в начале кода сделать вызов трех Основных блоков (шапку и прочие),
или наоборот, сделать страницу с каркасом из Этих блоков, с вызовом множества страниц контента в "рабочую" область страницы ....

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как в php разбить текст на строки	74ivan74	ASP, Perl, PHP и MySQL	8	04.01.2011 13:28
Фреймы	Yulya	HTML, CSS, JavaScript	0	15.10.2005 18:28
Как разбить файл?	Kail	HTML, CSS, JavaScript	2	07.08.2005 01:01
Фреймы	Миран	HTML, CSS, JavaScript	5	15.07.2005 00:28
Как можно разбить жесткий диск на два?	m4598	Кальянная	1	16.05.2004 13:45

01.08.2010, 18:28	#1
alturgrey	Уважаемые, помогите разбить страничку на подгружаемые блоки (или на фреймы). У меня есть страница шаблон. Нужно попилить ее на четрые блока: 1. Шапка 2. Боковое меню-реклама справа 3. Нижнее поле (банеры-реклама) 4. Собственно центральная часть, где будет меняться ОСНОВОЕ содержимое страницы. Я не знаю, насколько актуальны нынче фреймы, но нужно нечто подобное. На будущем сайте - страниц 200. Они все должны иметь Постоянную шапку, нижнее поле (типа шапки), и боковое поле с меню. А центральная часть будет содержать Саму инфу, ради которой эти 200 страниц и живут. Есть вариант, что бы Шапка, низ, и боковина, подгружались к каждой из листаемых страниц. Т.е сделав 201, или 208 новые страницы сайта, я впишу в заголовке "вызов шапки, и пр." .... короче говоря, вот вам пример: http://www.mfpa.ru/r/entrants/ ... - сбоку листаешь меню, страницы меняются, верх , низ и бок - остаются ... или наоборот, у них центральная-текстово-информативная чать страницы, грузится из папки какой-то, не содержа при этом "вызова" чего либо, а ограничиваясь десятком вот таких строк: <p class=mok2><center><b>Бакалавриат</b> От чего отталкиваться ? вот код моей страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <title>News Magazine</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="imagetoolbar" content="no" /> <link rel="stylesheet" href="styles/layout.css" type="text/css" /> <script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script> <script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script> <script type="text/javascript" src="scripts/jquery.timers.1.2.js"></script> <script type="text/javascript" src="scripts/jquery.galleryview.2.1.1.min.js"></script> <script type="text/javascript" src="scripts/jquery.galleryview.setup.js"></script> </head> <body id="top"> <!-- НАчинается шапка --> <div class="wrapper col0"> <div id="topline"> </div> </div> <div class="wrapper"> <div id="header"> <div class="fl_left"> <h1><a href="#"><strong>N</strong>ews <strong>M</strong>agazine</a></h1> <p>111</p> </div> <br class="clear" /> </div> </div> <div class="wrapper col2"> <div id="topbar"> <div id="topnav"> <ul> <li class="active"><a href="index.html">Home</a></li> <li><a href="style-demo.html">Style Demo</a></li> <li><a href="full-width.html">Full Width</a></li> <li><a href="#">DropDown</a> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> </ul> </li> <li class="last"><a href="#">A Long Link Text</a></li> </ul> </div> <br class="clear" /> </div> </div> <!-- Закончилась шапка --> <div class="wrapper"> <div class="container"> <!-- Центральная секция --> <div class="content"> <div class="footbox"> <h2>Lacus interdum</h2> <ul> <li><a href="#">Lorem ipsum dolor</a></li> <li><a href="#">Suspendisse in neque</a></li> <li><a href="#">Praesent et eros</a></li> <li><a href="#">Lorem ipsum dolor</a></li> <li><a href="#">Suspendisse in neque</a></li> <li class="last"><a href="#">Praesent et eros</a></li> </ul> </div> </div> <!-- НАчинается код правой постоянной секции --> <div class="column"> <ul class="latestnews"> <li><img src="images/demo/100x100.gif" alt="" /> <p><strong><a href="#">1</a></strong> Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna.</p> </li> <li><img src="images/demo/100x100.gif" alt="" /> <p><strong><a href="#">2</a></strong> Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna</p> </li> <li class="last"><img src="images/demo/100x100.gif" alt="" /> <p><strong><a href="#">3</a></strong> Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna</p> </li> </ul> </div> <br class="clear" /> </div> </div> <div class="wrapper"></div> <!--Начинается нижняя секция --> <div class="wrapper col8"> <div id="copyright"> <p class="fl_left">Copyright © 2010 - All Rights Reserved - <a href="#">Domain Name</a></p> <p class="fl_right">4564564</p> <br class="clear" /> </div> </div> </body> </html> css приводить не стал, думаю нет нужды ? мне ЭТО, надо "попилить" на части, где часть: <!-- Центральная секция --> - то, что будет меняться на каждой странице, а остальные части - оставаться неизменными_)_

02.08.2010, 21:45	#2
Core--	Создавая свой первый сайт, я тоже хотел прибегнуть к фреймам. Код я вручную не пишу, использовал Dreamweaver. Там очень просто с фреймами работать. Но потом я понял, что это уже не актуально. Проще делать на основе шаблона, все в том же Dreamweaver,е. Ну накройняк собрать страницу в Дриме, и взять готовый код. P.S. Конечно, если не лень самому код писать. Последний раз редактировалось Core--; 02.08.2010 в 21:47.. Причина: Орфография хромает

Опции темы
Версия для печати Отправить по электронной почте