Уважаемые, помогите разбить страничку на подгружаемые блоки (или на фреймы).
У меня есть страница шаблон. Нужно попилить ее на четрые блока:
1. Шапка
2. Боковое меню-реклама справа
3. Нижнее поле (банеры-реклама)
4. Собственно центральная часть, где будет меняться ОСНОВОЕ содержимое страницы.
Я не знаю, насколько актуальны нынче фреймы, но нужно нечто подобное.
На будущем сайте - страниц 200. Они все должны иметь Постоянную шапку, нижнее поле (типа шапки), и боковое поле с меню.
А центральная часть будет содержать Саму инфу, ради которой эти 200 страниц и живут.
Есть вариант, что бы Шапка, низ, и боковина, подгружались к каждой из листаемых страниц. Т.е сделав 201, или 208 новые страницы сайта, я впишу в заголовке "вызов шапки, и пр." ....
короче говоря, вот вам пример: [Только зарегистрированные пользователи могут видеть ссылки. ] ...
- сбоку листаешь меню, страницы меняются, верх , низ и бок - остаются ... или наоборот, у них центральная-текстово-информативная чать страницы, грузится из папки какой-то, не содержа при этом "вызова" чего либо, а ограничиваясь десятком вот таких строк:
<p class=mok2><center>Бакалавриат
От чего отталкиваться ?
вот код моей страницы:
:unsure:<!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>[Только зарегистрированные пользователи могут видеть ссылки. ]</h1>
111</p>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col2">
<div id="topbar">
<div id="topnav">
- <li class="active">[Только зарегистрированные пользователи могут видеть ссылки. ]
- [Только зарегистрированные пользователи могут видеть ссылки. ]
- [Только зарегистрированные пользователи могут видеть ссылки. ]
- [Только зарегистрированные пользователи могут видеть ссылки. ]
- [Только зарегистрированные пользователи могут видеть ссылки. ]
- [Только зарегистрированные пользователи могут видеть ссылки. ]
- [Только зарегистрированные пользователи могут видеть ссылки. ]
<li class="last">[Только зарегистрированные пользователи могут видеть ссылки. ]
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper">
<div class="container">
<div class="content">
<div class="footbox">
<h2>Lacus interdum</h2>
- [Только зарегистрированные пользователи могут видеть ссылки. ]
- [Только зарегистрированные пользователи могут видеть ссылки. ]
- [Только зарегистрированные пользователи могут видеть ссылки. ]
- [Только зарегистрированные пользователи могут видеть ссылки. ]
- [Только зарегистрированные пользователи могут видеть ссылки. ]
<li class="last">[Только зарегистрированные пользователи могут видеть ссылки. ]
</div>
</div>
<div class="column">
<ul class="latestnews">[*][img]images/demo/100x100.gif[/img]
[Только зарегистрированные пользователи могут видеть ссылки. ] Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna.</p>
[*][img]images/demo/100x100.gif[/img]
[Только зарегистрированные пользователи могут видеть ссылки. ] Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna</p>
<li class="last">[img]images/demo/100x100.gif[/img]
[Только зарегистрированные пользователи могут видеть ссылки. ] Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna</p>
[/list]
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col8">
<div id="copyright">
<p class="fl_left">Copyright © 2010 - All Rights Reserved - [Только зарегистрированные пользователи могут видеть ссылки. ]</p>
<p class="fl_right">4564564</p>
<br class="clear" />
</div>
</div>
</body>
</html>
css приводить не стал, думаю нет нужды ?
мне ЭТО, надо "попилить" на части, где часть: - то, что будет меняться на каждой странице, а остальные части - оставаться неизменными_)_
