Уроки PHP для начинающих


Создание сайта на PHP

Если у Вас сайт уже есть, то наверняка Вы испытали такую ситуацию: при добавлении какого-нибудь элемента, который должен присутствовать на всех страницах, приходится открывать каждую страницу и добавлять этот элемент вручную. При количестве на сайте нескольких десятков страниц это уже занимает не мало времени. И что же будет, когда сайт разрастётся до сотен страниц?

В этом уроке создадим шаблон сайта на php, устроенного по блочному принципу. Что это даст? А это позволит менять внешний вид и содержание отдельных блоков, не затрагивая без необходимости всей прочей страницы. Причём делать это в одном файле! И, следовательно, работы по обновлению сайта станет намного меньше, да и обновить такой сайт в Интернете гораздо проще.

Я подготовил шаблон сайта из нескольких html-страниц. Его и будем «превращать» в php-сайт. Предлагаю скачать архив сайта по этой ссылке

Распакуйте скачанный архив в отдельную папку на жёстком диске и дайте этой папке название, например, Сайт на php.

Кроме того, нужно подготовить место на локальном сервере.

Я исхожу из того, что Вы пользуетесь Денвером, поэтому все настройки даю для него.

В папке сервера входим в директорию home и создаём папку для сайта. Назовём её просто: php. Открываем папку php и в ней создаём ещё одну: www. Сюда будем потом сохранять php-файлы.

Возвращаемся к папке «Сайт на php».

Откройте индексную страницу в браузере. Она имеет такой вид:

создать php сайт
Рис. 1. Внешний вид главной страницы сайта.

Как видно, сайт состоит из пяти страниц: «Главная», «Статьи», «Уроки», «Книги», «Магазин».

На страницах есть несколько одинаковых для всех страниц элементов, которые можно выделить в своего рода блоки: название сайта, панель навигации (меню), левая и правая ячейки таблицы:

создать php сайт
Рис. 2. Элементы страницы, которые можно выделить в отдельные блоки.

В обычном html-сайте, решив добавить что-либо в один из этих блоков (например, ещё одну ссылку в меню или рекламный баннер в одну из ячеек)), мы вынуждены потом открывать все страницы и вносить те же изменения в них. Представьте, если на Вашем сайте несколько сотен страниц!..

Такой масштабной работы легко избежать, применив в коде страницы функцию include(), а блочные элементы поместив в отдельные файлы. Сделаем же это.

Откройте «Блокнот» (или тот текстовый редактор, в котором Вы привыкли писать html-код). И через «Файл» - «Сохранить как…» создайте в папке “www”, которую создавали на Денвере для сайта “php”, следующие файлы: header.php, menu.php, td_left.php, td_right.php. Обратите внимание на расширения файлов: .php!

Откройте html-код главной страницы. Он представлен в листинге 3.2.

Листинг 3.2.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns="undefined">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Главная Моего Сайта</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table class="table_head" width="100%" height="100" border="1" align="center" cellpadding="0">
<tr>
<td class="header">Мой первый Сайт на PHP </td>
</tr>
</table>

<table width="100%" height="50" border="1" cellpadding="0">
<tr class="table_menu">
<td><a href="index.html">Главная</a></td>
<td><a href="lessons.html">Статьи</a></td>
<td><a href="stunde.html">Уроки</a></td>
<td><a href="book.html">Книги</a></td>
<td><a href="shop.html">Магазин</a></td>
<td><a href="mailto:admin@admin.ru">Контакты</a></td>
</tr>
</table>

<table width="100%" height="206" border="1" cellpadding="0">
<tr>
<td width="20%" valign="top" class="td_left">
это место для ссылок на мои и партнёрские товары, для рекламных баннеров и т. п. информации
</td>
<td width="60%" valign="top" class="td_center"><h1>О сайте </h1>
<p> Бытует мнение, что PHP – это очень сложно.</p>
<p> Между тем, это не совсем так. Дело  в том, что для повседневных нужд вовсе не требуется изучать весь язык PHP, достаточно освоить несколько  базовых навыков. Собственно, свой сайт на   PHP Вы получите уже после первого же урока и убедитесь, что создать такой  сайт вполне доступно.</p>
<p> Мнение же о том, что создать php-сайт по силам только  профессионалам, появилось благодаря самим профессионалам. Большинство их  отчего-то забывают, что они таковыми не родились, и пишут самоучители таким  языком, словно не научить берутся, а показать, что их область деятельности  загадочна, для «простых смертных» не доступна, и без них, профи, не обойтись.</p>
<p> Поэтому я и решил написать  несколько статей в помощь тем, кто хочет добавить к своему сайту возможности PHP. И рассказать всё максимально просто.</p>
<p> Я хочу сразу пояснить: я не  являюсь программистом, не буду учить, как спрограммировать любой скрипт на PHP… я этого и сам не умею пока. А  расскажу лишь о том, что освоил и успешно применил, занимаясь созданием своих  сайтов.</p>
<p>Успехов.</p>
<p><a href="http://vokrug-saita.ru">"Вокруг Сайта" - vokrug-saita.ru</a> - сайт о том, как создать сайт самостоятельно и без особых усилий.</p>
</td>
<td width="20%" valign="top" class="td_right">
это место для формы подписки, ссылок на дружественные сайты, рекламных баннеров и т. п. информации
</td>
</tr>
</table>
<table width="100%" height="50" border="1" cellpadding="0">
<tr class="table_bott">
<td height="44">&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>
</body>
</html>

Здесь я выделил красным то, что относится к названию сайта; синим – меню; зелёным – к левой ячейке; коричневым – к правой ячейке.

Теперь просто скопируйте красное в файл header.php. Синее – в menu.php. Зелёное - в td_left.php, а коричневое - в td_right.php. Сохраните эти файлы.

Важно! В menu.php замените расширения в ссылках с .html на .php.

Читать дальше >>>

Автор: Андрей Чернобай

P. S. Подпишитесь на безплатную рассылку Вокруг Сайта и получайте на свой электронный адрес новые уроки по созданию сайта.

Оставьте свой отзыв о статье:



Введите цифровой код с картинки*:


Комментарий добавил(а): Lolo
19-10-2012
09 час. 26 мин.

Комментарий:
Спасибо за подробный разбор страницы. Но я не поняла на какой странице и куда вставить функцию include()

Ответ: Здравствуйте, Lolo. Наверное, вы не дочитали статью или читали невнимательно. Перед Листингом 3.2 абзац: Откройте html-код главной страницы... и т. д. (это к вопросу На какой странице?) Прочитайте ещё раз до конца статьи и затем по ссылке Читать дальше >>> перейдите к продолжению, где найдёте ответ на: Куда вставить функцию?

Новое на сайте

Другие статьи...

Видеокурсы

Рассылки

"Вокруг Сайта"
подпишитесь и получайте на свой e-mail уроки, книги, статьи, скрипты, а также подарки и скидки на товары, продаваемые с сайта

SmartResponder.ru
Ваше имя: *
Ваш e-mail: *

"PHP-песочница"
- PHP для начинающих: уроки с подробным анализом скриптов, необходимых для вашего сайта:

PHP-песочница
Подписаться письмом

Разделы Сайта