Здравствуйте Гость ( Вход | Регистрация ) | Выслать повторно письмо для активации |
Страницы: (6) [1] 2 3 ... Последняя » ( Перейти к первому непрочитанному сообщению ) |
alturgrey |
Отправлено: Aug 3 2010, 03:24 AM
|
Сержант Группа: 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 © 2010 - All Rights Reserved - <a href="#">Domain Name</a></p> <p class="fl_right">4564564</p> <br class="clear" /> </div> </div> </body> </html> css приводить не стал, думаю нет нужды ? мне ЭТО, надо "попилить" на части, где часть: <!-- Центральная секция --> - то, что будет меняться на каждой странице, а остальные части - оставаться неизменными_)_ |
dudeonthehorse |
Отправлено: Aug 3 2010, 04:42 AM
|
||
Команда ЭйсВэб Группа: Super moderator Сообщений: 763 Пользователь №: 2933 Регистрация: 26-October 09 |
забудь о фреймах! о php представление есть? создаешь файл с расширением .php и в нем пишешь:
в файле header.php код приведенный тобой выше, но до того момента как выводится основной блок контента. в footer.php код идущий после контента. так что по сути файлы хедера и футера - это твой шаблон сайта. на локальном компьютере без установки нужного софта все это работать кстати не будет. |
||
alturgrey |
Отправлено: Aug 3 2010, 06:51 AM
|
Сержант Группа: Members Сообщений: 24 Пользователь №: 3443 Регистрация: 3-August 10 |
Спец софт ?
Я сбросил прямо на сервер, могу прямо оттуда, на горячую править код. Не работает ... Выдает чистый пустой лист. В новом 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 вообще в этом файле нужно ? Скажите пожалуста, в Главном файле, и во вспомогательных, какие обязательный теги открывать-закрывать, стили там прописывать в заголовке ... |
dudeonthehorse |
Отправлено: Aug 3 2010, 07:03 AM
|
Команда ЭйсВэб Группа: Super moderator Сообщений: 763 Пользователь №: 2933 Регистрация: 26-October 09 |
разумеется ты не совсем все так понял.
берешь полный код своего документа, и делишь его на две части. в первую идет код от <!DOCTYPE html PUBLIC "-//W.... до ...</div></div><!-- НАчинается код правой постоянной секции --> а во вторую от <!-- НАчинается код правой постоянной секции --><div class="column">.... и до <br class="clear" /></div></div></body></html> соответственно первую часть пишешь в header.php а вторую в footer.php а на том месте где я написал <!-- тут твой контент конкретно для этой страницы --> ставишь текст который отображается в документе по уму получается что ты склеиваешь страницу из хедера и футера и просто вставляешь между ними контент в основном блоке |
alturgrey |
Отправлено: Aug 3 2010, 07:37 AM
|
Сержант Группа: 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 © 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, боковое меню, и =главное меняющееся поле (контент)= ... как быть с боковым меню ? |
dudeonthehorse |
Отправлено: Aug 3 2010, 07:52 AM
|
Команда ЭйсВэб Группа: Super moderator Сообщений: 763 Пользователь №: 2933 Регистрация: 26-October 09 |
header обрывается а footer начинается с бухты барахты ничего дополнительного открывать/закрывать не нужно(так как мы просто склеиваем эти файлы на индексной странице). ну и что что у тебя четыре блока? header и footer - служебные, их и редактируй по мере надобности и для всех страниц они будут неизменны.
|
alturgrey |
Отправлено: Aug 3 2010, 08:16 AM
|
Сержант Группа: Members Сообщений: 24 Пользователь №: 3443 Регистрация: 3-August 10 |
Пытаясь закрыть в конце первого файла Теги, и открыть их в начале второго,
наверное я пытался изобрести колесо ... - Работает ! Привык ведь, что если хочешь на странице нечто большее, чем Hello World, в заглавии надо вписать кучу скриптов, хедеры, боди всякие и прочие .. и закрыть их, в конце страницы уходя обязательно) ... теперь вопрос на засыпку - все те мои 200 файлов контента сайта (см.длиннющую предысторию в первом посте), должны будут содержать вот эти два куска: <? include("header.php"); ?> <? include("footer.php"); ?> *? Но страницы то, не пустые будут. будут теги, скрипты, меню возможно, слайд шоу и просто текст каким-нить стилем нетиповым ... - что бы все это работало, надо открывать : <meta http-equiv=".... <script type="te..... да ? И приписывать ЭТИ служебные строки в файл, где уже лежат include, так ? |
dudeonthehorse |
Отправлено: Aug 3 2010, 08:41 AM
|
Команда ЭйсВэб Группа: Super moderator Сообщений: 763 Пользователь №: 2933 Регистрация: 26-October 09 |
именно так, всякие скрипты и прочее указываешь в header'e, ведь они другим страницам не мешают.
и да, все страницы должны содержать подключения футера и хедера, а между ними уже размещай то, что тебе нужно. |
alturgrey |
Отправлено: Aug 3 2010, 08:56 AM
|
Сержант Группа: Members Сообщений: 24 Пользователь №: 3443 Регистрация: 3-August 10 |
С тремя файлами проверил - работает.
Шапка грузится, за ней содержимое контента, внизу футер. Занялся боковым меню. Оно шло блоком, div-ом, код по сути ПОСЛЕ кода центрального контента. Сейчас приписал div боковой, в header. Отображается так: ШАпка, потом пол экрана слева пусто, справа это самое меню. А уже ПОД ними всеми, начинается контент .. ну и футер внизу. Как быть с боковиной ? что бы она была менно СБОКУ от контента, а не плутала выше или ниже ... а то пол экрана пустые стоят ... |
gregst |
Отправлено: Aug 3 2010, 10:07 AM
|
Команда ЭйсВэб Группа: Super moderator Сообщений: 1012 Пользователь №: 1169 Регистрация: 28-September 07 |
не е*и мозг. испольщуй любую бесплатную цмс. советую modx - она для простых сайтов не сложная - разберешься
|
Страницы: (6) [1] 2 3 ... Последняя » |