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

(Ответов: 13, Просмотров: 7160)
Страница 1 из 2 12 Последняя
  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
  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
  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
  4. Дипломник Аватар для scanread
    • Регистрация: 16.12.2009
    • Сообщений: 142
    • Репутация: 60
    • Webmoney BL: ?
    quadrat, да, потому и прошу код страницы, пару строк, от 1 строки до последней. Вы верно поняли.

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

    Jeremen, спсб, но, как и через инклуды, подключаю, а оно мне не подключает стилей и прочего, в коде страницы так и пишет requery_once("example/example.php"); а должно же по идеи код из этого файла показывать вместе с остальным.
    • 0
  5. Студент
    • Регистрация: 04.10.2011
    • Сообщений: 90
    • Репутация: 24
    это будет к примеру 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';
    ?>
    это все, конечно, рассчитано на то, что все файлы лежат в корне сайта, если нет - тут уже нужно смотреть структуру папок, но для некоторой безопасности можно для всех стилей и скриптов указать путь от корня начиная с "/".
    Последний раз редактировалось K-2; 27.02.2012 в 22:20.
    • 2

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

    ArhStrAngeR(28.02.2012), scanread(27.02.2012),
  6. Квадрат, такой кубический Аватар для quadrat
    • Регистрация: 19.09.2011
    • Сообщений: 427
    • Репутация: 74
    • Webmoney BL: ?
    Позволю поправить К-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" /> <!-- ColumnsListingTabsToogles etcstyles  -->
    <
    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 проходил осталось. :)
    • 2

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

    ArhStrAngeR(28.02.2012), scanread(27.02.2012),
  7. Дипломник Аватар для scanread
    • Регистрация: 16.12.2009
    • Сообщений: 142
    • Репутация: 60
    • Webmoney BL: ?
    quadrat, да я уже допёр ) у меня файлы блоков в папке другой, а индекс - на уровень выше, в основном каталоге. И оказывается, что те блоки, которые в папке с блоками, имеют не верные ссылки на подключение всех файлов стилей и скриптов, т.е., надо в их было прописать от индекс файла путь, а не от файла блока. :) Потому и косячило все что можно было.

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

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

    По MVC - честно говоря, не имею понятия, что это и как это. Можете скинуть в ЛС ссылку на исходники, посмотрю, может, разберусь ) А нет, то буду делать как уже начал.
    Последний раз редактировалось scanread; 27.02.2012 в 23:12.
    • 0
  8. Студент
    • Регистрация: 04.10.2011
    • Сообщений: 90
    • Репутация: 24
    quadrat, вариантов, конечно, может быть много - я дал самый простой, на мой взгляд, sidebar'ы я вынес в header, т.к. там контент от страницы не зависит, как правило, и может тоже везде быть одинаковый, или их тоже можно сделать отдельно подключаемыми файлами - как я понял, у scanread так и было задумано.
    scanread, файлы можно даже и просто с .html расширением оставить, если есть директива обрабатывать их как php, а вот tlp (наверное все-таки - tpl), намекает, что там у вас не просто php собираются, если, конечно, это не ваше такое вот решение.
    • 0
  9. Дипломник Аватар для scanread
    • Регистрация: 16.12.2009
    • Сообщений: 142
    • Репутация: 60
    • Webmoney BL: ?
    K-2, php и разного рода скрипты типу jQuery, js и все такое :) Других языков впутывать не буду.
    • 0
  10. Студент
    • Регистрация: 04.10.2011
    • Сообщений: 90
    • Репутация: 24
    scanread, если все заработало - тогда все нормально, просто перестраховался.
    • 0
Страница 1 из 2 12 Последняя

Похожие темы

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

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

Вы можете попросить инвайт у любого модератора:

Информеры