Как html шаблон разбить на блоки с помощью php

**scanread** · 27.02.2012 20:15

В общем, сабж. Есть код, к примеру:

Код HTML:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>123</title> <meta name="description" content=""/> <meta name="keywords" content=""/> <!-- CSS files --> <link rel="stylesheet" href="css/style.css" /> <!-- Default CSS File --> <link rel="stylesheet" href="css/typography.css" /> <!-- Columns, Listing, Tabs, Toogles etc. styles  --> <link rel="stylesheet" href="css/prettyphoto.css" /> <!-- Lightbox CSS  --> <!--[if IE 7]><link rel="stylesheet" href="css/ie7.css" type="text/css" media="screen" /><![endif]--> <!--jQuery Library--> <script type="text/javascript" src="js/jquery.js" ></script> <script type="text/javascript" src="js/jquery-plugins.js"></script> <!-- Cufon - Font Replacement --> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/theme-font.js" ></script> <!-- Edit Cufon Font settings --> <script src="js/carousel-slider.js" type="text/javascript" ></script><!--Carousel Slider--> <script type="text/javascript" src="js/prettyphoto.js" ></script><!-- prettyPhoto Lightbox --> <script type="text/javascript" src="js/theme-settings.js"></script><!-- Edit Theme Elements Setting --> <script type="text/javascript" src="js/preloader.js"></script><!-- image preloader --> </head> <body> <div class="header">....</div> <div class="left sidebar 1">....</div> <div class="left sidebar 2">....</div> <div class="content">....</div> <div class="footer">....</div> </body> </html>

Дык вот, создаю под див классы пхп-файлы (блоки), и создаю index.php

Как в индексе данный пример прописать со всеми блоками с подключением через include? От первой строки до последней.

**quadrat** · 27.02.2012 20:51

scanread, если честно то не очень понятно что вы хотите разбить и на что. на сколько я понял и чтобы я предложил, то это разбить на header.php в него вставить все до тега body, потом index.php, в него подключить сначала хедер, потом обычный код типа дивов ваших, после footer.php в который собственно подвал засунуть.
Если вам нужно то как я сказал, то это простенько реализуется. и кстати даже удобнее, так как все страницы подключаемые не нужно редактировать по отдельности, то есть чтобы изменить шапку или подвал нужно их и менять. А вообще если интересно то рассмотрите модель MVC(Model-View-Controller), если хотите то могу в скайпе объяснить что это такое, но это договариваться надо.

**Jeremen** · 27.02.2012 21:11

scanread, советую использовать requery_once - функция отличается от includ'a тем что подключает файл только раз то есть если вы случайно где-то в index.php еще раз подключите такой же файл то он просто не будет включатся + она прекращает работу скрипта если не смогла подключить файл. Разбивайте файл на нужные вам части и подключайте их в index.php так requery_once("example/example.php"); Где "examle" ваши директории и файл.

**scanread** · 27.02.2012 21:30

quadrat, да, потому и прошу код страницы, пару строк, от 1 строки до последней. Вы верно поняли.

Об MVC слышал - фреймворк какой-то, как и кохана, скажем. Но дела не имел с им.

Jeremen, спсб, но, как и через инклуды, подключаю, а оно мне не подключает стилей и прочего, в коде страницы так и пишет requery_once("example/example.php"); а должно же по идеи код из этого файла показывать вместе с остальным.

**K-2** · 27.02.2012 22:06

это будет к примеру header.php:

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>123</title> <meta name="description" content=""/> <meta name="keywords" content=""/> <!-- CSS files --> <link rel="stylesheet" href="css/style.css" /> <!-- Default CSS File --> <link rel="stylesheet" href="css/typography.css" /> <!-- Columns, Listing, Tabs, Toogles etc. styles --> <link rel="stylesheet" href="css/prettyphoto.css" /> <!-- Lightbox CSS --> <!--[if IE 7]><link rel="stylesheet" href="css/ie7.css" type="text/css" media="screen" /><![endif]--> <!--jQuery Library--> <script type="text/javascript" src="js/jquery.js" ></script> <script type="text/javascript" src="js/jquery-plugins.js"></script> <!-- Cufon - Font Replacement --> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/theme-font.js" ></script> <!-- Edit Cufon Font settings --> <script src="js/carousel-slider.js" type="text/javascript" ></script><!--Carousel Slider--> <script type="text/javascript" src="js/prettyphoto.js" ></script><!-- prettyPhoto Lightbox --> <script type="text/javascript" src="js/theme-settings.js"></script><!-- Edit Theme Elements Setting --> <script type="text/javascript" src="js/preloader.js"></script><!-- image preloader --> </head> <body> <div class="header">....</div> <div class="left sidebar 1">....</div> <div class="left sidebar 2">....</div> <div class="content">

это footer.php:

Код HTML:

</div> <div class="footer">....</div> </body> </html>

ну и в main.php:

PHP код:

 <?php
require 'header.php';
echo '…тут идет контент…';
require 'footer.php';
?>

это все, конечно, рассчитано на то, что все файлы лежат в корне сайта, если нет - тут уже нужно смотреть структуру папок, но для некоторой безопасности можно для всех стилей и скриптов указать путь от корня начиная с "/".

**quadrat** · 27.02.2012 22:59

Позволю поправить К-2, а именно как бы сделал я.

Код

header.php

PHP код:

 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>123</title>
<meta name="description" content=""/>
<meta name="keywords" content=""/>

<!-- CSS files -->
<link rel="stylesheet" href="css/style.css" /> <!-- Default CSS File -->
<link rel="stylesheet" href="css/typography.css" /> <!-- Columns, Listing, Tabs, Toogles etc. styles  -->
<link rel="stylesheet" href="css/prettyphoto.css" /> <!-- Lightbox CSS  -->

<!--[if IE 7]><link rel="stylesheet" href="css/ie7.css" type="text/css" media="screen" /><![endif]-->

<!--jQuery Library-->
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/jquery-plugins.js"></script>

<!-- Cufon - Font Replacement -->
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/theme-font.js" ></script> <!-- Edit Cufon Font settings -->    

<script src="js/carousel-slider.js" type="text/javascript" ></script><!--Carousel Slider-->
<script type="text/javascript" src="js/prettyphoto.js" ></script><!-- prettyPhoto Lightbox -->
<script type="text/javascript" src="js/theme-settings.js"></script><!-- Edit Theme Elements Setting -->
<script type="text/javascript" src="js/preloader.js"></script><!-- image preloader -->    
</head>

Footer.php

PHP код:

 <div class="footer">....</div>

</body>
</html>

и индексный

PHP код:

 <?php require_once('/header.php');?>
<div class="left sidebar 1">....</div>
<div class="left sidebar 2">....</div>
<div class="content">
<?php require_once('/footer.php');?>

[свернуть]

Могу скинуть пару исходников по mvc, но они реализованы через классы вроде, причем не плохо. И mvc это модель такая, в ней специфично просто все работает(не в плане хуже, а наоборот). Когда курс по php проходил осталось. :)

**scanread** · 27.02.2012 23:06

quadrat, да я уже допёр ) у меня файлы блоков в папке другой, а индекс - на уровень выше, в основном каталоге. И оказывается, что те блоки, которые в папке с блоками, имеют не верные ссылки на подключение всех файлов стилей и скриптов, т.е., надо в их было прописать от индекс файла путь, а не от файла блока. :) Потому и косячило все что можно было.

Уже разбил на части т.к. Вы, только сайдбары так же в блоки закинул )

З.Ы. только брал подключение не через *.php, а через *.tlp. Не знаю, но вроде бы так лучше. Хотя, без понятия.

По MVC - честно говоря, не имею понятия, что это и как это. Можете скинуть в ЛС ссылку на исходники, посмотрю, может, разберусь ) А нет, то буду делать как уже начал.

**K-2** · 28.02.2012 09:35

quadrat, вариантов, конечно, может быть много - я дал самый простой, на мой взгляд, sidebar'ы я вынес в header, т.к. там контент от страницы не зависит, как правило, и может тоже везде быть одинаковый, или их тоже можно сделать отдельно подключаемыми файлами - как я понял, у scanread так и было задумано.
scanread, файлы можно даже и просто с .html расширением оставить, если есть директива обрабатывать их как php, а вот tlp (наверное все-таки - tpl), намекает, что там у вас не просто php собираются, если, конечно, это не ваше такое вот решение.

**scanread** · 28.02.2012 14:07

K-2, php и разного рода скрипты типу jQuery, js и все такое :) Других языков впутывать не буду.

**K-2** · 28.02.2012 14:17

scanread, если все заработало - тогда все нормально, просто перестраховался.

	27.02.2012 20:15 #1
scanread Дипломник Регистрация: 16.12.2009 Сообщений: 142 Репутация: 60 Webmoney BL: ?	В общем, сабж. Есть код, к примеру: Код HTML: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>123</title> <meta name="description" content=""/> <meta name="keywords" content=""/> <!-- CSS files --> <link rel="stylesheet" href="css/style.css" /> <!-- Default CSS File --> <link rel="stylesheet" href="css/typography.css" /> <!-- Columns, Listing, Tabs, Toogles etc. styles --> <link rel="stylesheet" href="css/prettyphoto.css" /> <!-- Lightbox CSS --> <!--[if IE 7]><link rel="stylesheet" href="css/ie7.css" type="text/css" media="screen" /><![endif]--> <!--jQuery Library--> <script type="text/javascript" src="js/jquery.js" ></script> <script type="text/javascript" src="js/jquery-plugins.js"></script> <!-- Cufon - Font Replacement --> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/theme-font.js" ></script> <!-- Edit Cufon Font settings --> <script src="js/carousel-slider.js" type="text/javascript" ></script><!--Carousel Slider--> <script type="text/javascript" src="js/prettyphoto.js" ></script><!-- prettyPhoto Lightbox --> <script type="text/javascript" src="js/theme-settings.js"></script><!-- Edit Theme Elements Setting --> <script type="text/javascript" src="js/preloader.js"></script><!-- image preloader --> </head> <body> <div class="header">....</div> <div class="left sidebar 1">....</div> <div class="left sidebar 2">....</div> <div class="content">....</div> <div class="footer">....</div> </body> </html> Дык вот, создаю под див классы пхп-файлы (блоки), и создаю index.php Как в индексе данный пример прописать со всеми блоками с подключением через include? От первой строки до последней. Кредиты (вебмани): 0,35% / день Хостинг-компани, с которой работаю более 5 лет.
0 scanread

	27.02.2012 20:51 #2
quadrat Квадрат, такой кубический Регистрация: 19.09.2011 Сообщений: 427 Репутация: 74 Webmoney BL: ?	scanread, если честно то не очень понятно что вы хотите разбить и на что. на сколько я понял и чтобы я предложил, то это разбить на header.php в него вставить все до тега body, потом index.php, в него подключить сначала хедер, потом обычный код типа дивов ваших, после footer.php в который собственно подвал засунуть. Если вам нужно то как я сказал, то это простенько реализуется. и кстати даже удобнее, так как все страницы подключаемые не нужно редактировать по отдельности, то есть чтобы изменить шапку или подвал нужно их и менять. А вообще если интересно то рассмотрите модель MVC(Model-View-Controller), если хотите то могу в скайпе объяснить что это такое, но это договариваться надо. Последний раз редактировалось quadrat; 27.02.2012 в 20:54.
0 quadrat

	27.02.2012 21:11 #3
Jeremen Гуру Регистрация: 10.10.2011 Сообщений: 766 Репутация: 92 Webmoney BL: ?	scanread, советую использовать requery_once - функция отличается от includ'a тем что подключает файл только раз то есть если вы случайно где-то в index.php еще раз подключите такой же файл то он просто не будет включатся + она прекращает работу скрипта если не смогла подключить файл. Разбивайте файл на нужные вам части и подключайте их в index.php так requery_once("example/example.php"); Где "examle" ваши директории и файл. Время не любит, когда его тратят впустую.
0 Jeremen

	27.02.2012 21:30 #4
scanread Дипломник Регистрация: 16.12.2009 Сообщений: 142 Репутация: 60 Webmoney BL: ?	quadrat, да, потому и прошу код страницы, пару строк, от 1 строки до последней. Вы верно поняли. Об MVC слышал - фреймворк какой-то, как и кохана, скажем. Но дела не имел с им. Jeremen, спсб, но, как и через инклуды, подключаю, а оно мне не подключает стилей и прочего, в коде страницы так и пишет requery_once("example/example.php"); а должно же по идеи код из этого файла показывать вместе с остальным. Кредиты (вебмани): 0,35% / день Хостинг-компани, с которой работаю более 5 лет.
0 scanread

	27.02.2012 23:06 #7
scanread Дипломник Регистрация: 16.12.2009 Сообщений: 142 Репутация: 60 Webmoney BL: ?	quadrat, да я уже допёр ) у меня файлы блоков в папке другой, а индекс - на уровень выше, в основном каталоге. И оказывается, что те блоки, которые в папке с блоками, имеют не верные ссылки на подключение всех файлов стилей и скриптов, т.е., надо в их было прописать от индекс файла путь, а не от файла блока. :) Потому и косячило все что можно было. Уже разбил на части т.к. Вы, только сайдбары так же в блоки закинул ) З.Ы. только брал подключение не через .php, а через .tlp. Не знаю, но вроде бы так лучше. Хотя, без понятия. По MVC - честно говоря, не имею понятия, что это и как это. Можете скинуть в ЛС ссылку на исходники, посмотрю, может, разберусь ) А нет, то буду делать как уже начал. Последний раз редактировалось scanread; 27.02.2012 в 23:12. Кредиты (вебмани): 0,35% / день Хостинг-компани, с которой работаю более 5 лет.
0 scanread

Как html шаблон разбить на блоки с помощью php

Опции темы

Спасибо сказали:

Код

Спасибо сказали:

Тэги топика:

Похожие темы

Помогите найти шаблон html+css

Создать шаблон WP из готового HTML

шаблон (HTML + CSS + JS)

Продаю уникальный шаблон для DLE, валидность HTML и CSS 100%

Верстаем PSD в HTML. Простой шаблон в CSS

Тем:

Сообщений:

Пользователей:

Сейчас на сайте:

Вход

Сайт

Разделы

Прочее

Следите за нами

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Золотые темы форума

Последние новости

Популярные темы

Информеры

	28.02.2012 09:35 #8
K-2 Студент Регистрация: 04.10.2011 Сообщений: 90 Репутация: 24	quadrat, вариантов, конечно, может быть много - я дал самый простой, на мой взгляд, sidebar'ы я вынес в header, т.к. там контент от страницы не зависит, как правило, и может тоже везде быть одинаковый, или их тоже можно сделать отдельно подключаемыми файлами - как я понял, у scanread так и было задумано. scanread, файлы можно даже и просто с .html расширением оставить, если есть директива обрабатывать их как php, а вот tlp (наверное все-таки - tpl), намекает, что там у вас не просто php собираются, если, конечно, это не ваше такое вот решение.
0 K-2

	28.02.2012 14:07 #9
scanread Дипломник Регистрация: 16.12.2009 Сообщений: 142 Репутация: 60 Webmoney BL: ?	K-2, php и разного рода скрипты типу jQuery, js и все такое :) Других языков впутывать не буду. Кредиты (вебмани): 0,35% / день Хостинг-компани, с которой работаю более 5 лет.
0 scanread

	28.02.2012 14:17 #10
K-2 Студент Регистрация: 04.10.2011 Сообщений: 90 Репутация: 24	scanread, если все заработало - тогда все нормально, просто перестраховался.
0 K-2

Темы	Раздел	Ответов	Последний пост
Помогите найти шаблон html+css	Web дизайн	7	21.05.2012 02:02
Создать шаблон WP из готового HTML	Создание сайтов	3	24.01.2012 20:00
шаблон (HTML + CSS + JS)	Дизайн сайтов, графика	1	05.10.2011 15:33
Продаю уникальный шаблон для DLE, валидность HTML и CSS 100%	Дизайн сайтов, графика	0	20.09.2010 03:43
Верстаем PSD в HTML. Простой шаблон в CSS	Дайджест блогосферы	0	12.09.2010 20:59