Создать форум бесплатно: ixbb.ru :: Календарь на Март 2024 года: calendar2008.ru/2024/mart/

Страницы: (6) [1] 2 3 ... Последняя » ( Перейти к первому непрочитанному сообщению ) Reply to this topicStart new topicStart Poll

Как разбить страницу на части?

, с подгрузкой содержимого ?
alturgrey
  Отправлено: Aug 3 2010, 03:24 AM
Quote Post


  Сержант
*

Группа: Members
Сообщений: 24
Пользователь №: 3443
Регистрация:
3-August 10



Уважаемые, помогите разбить страничку на подгружаемые блоки (или на фреймы).
У меня есть страница шаблон. Нужно попилить ее на четрые блока:
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 &copy; 2010 - All Rights Reserved - <a href="#">Domain Name</a></p>
<p class="fl_right">4564564</p>
<br class="clear" />
</div>
</div>
</body>
</html>

css приводить не стал, думаю нет нужды ?
мне ЭТО, надо "попилить" на части, где часть: <!-- Центральная секция --> - то, что будет меняться на каждой странице, а остальные части - оставаться неизменными_)_
PMEmail Poster
Top
dudeonthehorse
Отправлено: Aug 3 2010, 04:42 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



забудь о фреймах!
о php представление есть? создаешь файл с расширением .php и в нем пишешь:
CODE

<?
include("header.php");
?>
<!-- тут твой контент конкретно для этой страницы -->
<?
include("footer.php");
?>


в файле header.php код приведенный тобой выше, но до того момента как выводится основной блок контента. в footer.php код идущий после контента. так что по сути файлы хедера и футера - это твой шаблон сайта. на локальном компьютере без установки нужного софта все это работать кстати не будет.
PMEmail PosterICQ
Top
alturgrey
Отправлено: Aug 3 2010, 06:51 AM
Quote Post


  Сержант
*

Группа: Members
Сообщений: 24
Пользователь №: 3443
Регистрация:
3-August 10



Спец софт ?
Я сбросил прямо на сервер, могу прямо оттуда, на горячую править код.

Не работает sad.gif ... Выдает чистый пустой лист.

В новом index.php что-то еще писать ? Я оставил в заглавии этого файла вот эту бодягу:


<!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=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
<link rel="stylesheet" href="styles/menu-ind.css" type="text/css" />
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="./styles/mf54_content.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>
<script src="scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript" src="http://site.yandex.net/load/form/1/form.js" charset="utf-8"></script>

Перед этим куском:
<?
include("header.php");
?>
<!-- тут твой контент конкретно для этой страницы -->
<?
include("footer.php");
?>

а после закрыл </html>
Тело Body вообще в этом файле нужно ?

Скажите пожалуста, в Главном файле, и во вспомогательных, какие обязательный теги открывать-закрывать, стили там прописывать в заголовке ...
PMEmail Poster
Top
dudeonthehorse
Отправлено: Aug 3 2010, 07:03 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



разумеется smile.gif ты не совсем все так понял.
берешь полный код своего документа, и делишь его на две части. в первую идет код от <!DOCTYPE html PUBLIC "-//W.... до ...</div></div><!-- НАчинается код правой постоянной секции --> а во вторую от <!-- НАчинается код правой постоянной секции --><div class="column">.... и до <br class="clear" /></div></div></body></html>

соответственно первую часть пишешь в header.php а вторую в footer.php а на том месте где я написал <!-- тут твой контент конкретно для этой страницы --> ставишь текст который отображается в документе

по уму получается что ты склеиваешь страницу из хедера и футера и просто вставляешь между ними контент в основном блоке
PMEmail PosterICQ
Top
alturgrey
Отправлено: Aug 3 2010, 07:37 AM
Quote Post


  Сержант
*

Группа: Members
Сообщений: 24
Пользователь №: 3443
Регистрация:
3-August 10



ПОлучается что Первый файл: header.php

<!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>
(((нужно ли ТУТ закрыть header, body, ?
Второй файл: footer.php


(Нужно ли ТУТ открыть (то что открывается в начале кажого файла ?)
<!-- НАчинается код правой постоянной секции -->
<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 &copy; 2010 - All Rights Reserved - <a href="#">Domain Name</a></p>
<p class="fl_right">4564564</p>
<br class="clear" />
</div>
</div>
</body>
</html>

Третий файл: index.php

<?
include("header.php");
?>
<!-- тут твой контент конкретно для этой страницы -->
<?
include("footer.php");
?>
(в этом файле что надо еще СЛУЖЕБНОЕ открыть и закрыть ?



( и еще ... - структура подразумевает 4 блока ! ... header, footer, боковое меню, и =главное меняющееся поле (контент)= ...

как быть с боковым меню ?
PMEmail Poster
Top
dudeonthehorse
Отправлено: Aug 3 2010, 07:52 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



header обрывается а footer начинается с бухты барахты ничего дополнительного открывать/закрывать не нужно(так как мы просто склеиваем эти файлы на индексной странице). ну и что что у тебя четыре блока? header и footer - служебные, их и редактируй по мере надобности и для всех страниц они будут неизменны.
PMEmail PosterICQ
Top
alturgrey
Отправлено: Aug 3 2010, 08:16 AM
Quote Post


  Сержант
*

Группа: Members
Сообщений: 24
Пользователь №: 3443
Регистрация:
3-August 10



Пытаясь закрыть в конце первого файла Теги, и открыть их в начале второго,
наверное я пытался изобрести колесо ... - Работает !
Привык ведь, что если хочешь на странице нечто большее, чем Hello World,
в заглавии надо вписать кучу скриптов, хедеры, боди всякие и прочие ..
и закрыть их, в конце страницы уходя обязательно) ...

теперь вопрос на засыпку -

все те мои 200 файлов контента сайта (см.длиннющую предысторию в первом посте), должны будут содержать вот эти два куска:
<?
include("header.php");
?>


<?
include("footer.php");
?>

*?

Но страницы то, не пустые будут. будут теги, скрипты, меню возможно, слайд шоу и просто текст каким-нить стилем нетиповым ... - что бы все это работало,
надо открывать :
<meta http-equiv="....
<script type="te.....

да ?
И приписывать ЭТИ служебные строки в файл, где уже лежат include, так ?
PMEmail Poster
Top
dudeonthehorse
Отправлено: Aug 3 2010, 08:41 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



именно так, всякие скрипты и прочее указываешь в header'e, ведь они другим страницам не мешают.
и да, все страницы должны содержать подключения футера и хедера, а между ними уже размещай то, что тебе нужно.
PMEmail PosterICQ
Top
alturgrey
Отправлено: Aug 3 2010, 08:56 AM
Quote Post


  Сержант
*

Группа: Members
Сообщений: 24
Пользователь №: 3443
Регистрация:
3-August 10



С тремя файлами проверил - работает.
Шапка грузится, за ней содержимое контента, внизу футер.

Занялся боковым меню.
Оно шло блоком, div-ом, код по сути ПОСЛЕ кода центрального контента.

Сейчас приписал div боковой, в header.
Отображается так:
ШАпка, потом пол экрана слева пусто, справа это самое меню.
А уже ПОД ними всеми, начинается контент ..

ну и футер внизу.

Как быть с боковиной ?
что бы она была менно СБОКУ от контента, а не плутала выше или ниже ...
а то пол экрана пустые стоят ...
PMEmail Poster
Top
gregst
Отправлено: Aug 3 2010, 10:07 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1012
Пользователь №: 1169
Регистрация:
28-September 07



не е*и мозг. испольщуй любую бесплатную цмс. советую modx - она для простых сайтов не сложная - разберешься
PMEmail Poster
Top

Topic OptionsСтраницы: (6) [1] 2 3 ... Последняя » Reply to this topicStart new topicStart Poll

 



[ Script Execution time: 0.0265 ]   [ 10 queries used ]   [ GZIP выключен ]