Разбиваем страницу на php блоки.

Создадим в корневой директории нашего сайта папочку blocks, здесь мы будем хранить наши файлы блоков, на которые мы будем разбивать сайт.

1. Откроем страницу index.php нашего сайта.

2. Перейдем в способ отображения код.

3. В коде страницы, после тега body, ищем ячейку с рисунком шапки сайта.

4. Ищем такой кусок в коде(между красными полосами).

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

5. Переходим в пункт меню file(файл)-> New -> PHP у нас создастся новая страничка, удалим весь код из нее, вставим туда код, который, мы только что, вырезали из странички index.php. Сохраним этот PHP документ как header.php в папку blocks которая была создана ранее.

Возвращаемся в документ index.php и в том месте где мы вырезали код вставим следующую фразу.

<? include("blocks/header.php");?>

Что значит этот код? Он говорит обработчику что нужно включить в страницу файл, под названием header.php, который лежит в папке blocks, главной директории сайта.

Сохраним index.php

Теперь проверим работает ли PHP код. Откроем браузер и наберем адрес к сайту http://www.localhost/site1/, если все нормально отображается, значит код работает правильно.

Если мы посмотрим исходный код страницы непосредственно в браузере то увидим что PHP код не отображается, а отображается простой html как будто нивчем не бывало.

Теперь когда мы захотим изменить шапку сайта то нам достаточно будет изменить файл header.php и шапка одновременно изменится на всех страницах сайта. За отображение страницы будет отвечать один единственный файл.

2

Вынесем в отдельный файл левую колонку с меню навигации.

1. Откроем страницу index.php нашего сайта.

2. Переходим на отображение кодировки.

3. Находим такой участок кода (он выделен серым)

Вырезаем его.

Переходим в пункт меню file(файл)-> New -> PHP у нас создастся новая страничка, удалим весь код из нее, вставим туда код, который, мы только что, вырезали из странички index.php. Сохраним этот PHP документ как left.php в папку blocks которая была создана ранее.

Возвращаемся в документ index.php, в том месте где мы только что вырезали код, вставим следующую фразу.

<? include("blocks/left.php");?>

Сохраняем left.php и index.php

проверяем в браузере если все отображается коректно то можно двигаться дальше.

Теперь в файле left.php можно делать изменения и они будут отображаться на всех страницах одинаково, не нужно изменять каждую страничку.

3

Последним мы вынесем в отдельный файл низ(подвал странички), у нас там находиться картинка с копирайтами. Переходим в код странички index.php, и находим такой участок кода в самом низу страницы. Там лежит картинка с копирайтами

Вырезаем этот код.

Переходим в пункт меню file(файл)-> New -> PHP у нас создастся новая страничка, удалим весь код из нее, вставим туда код, который, мы только что, вырезали из странички index.php. Сохраним этот PHP документ как footer.php в папку blocks которая была создана ранее.

Возвращаемся в документ index.php, в том месте где мы только что вырезали код, вставим следующую фразу.

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

Сохраняем left.php и index.php

проверяем в браузере.

Теперь наша страничка собирается из блоков:

header

left

footer

Эти блоки одинаковы для всех страниц сайта, а отличаться они будут только наполнением(текстом) страницы.

На этом шаге посмотрим какие файлы есть у нас на сайте.

Основа у нас создана. Теперь осталось добавлять базовае страницы на наш сайт.