Как сделать сайт на PHP самостоятельно

В этой статье мы поговорим о том, как сделать сайт на PHP самостоятельно. А начнем мы с того, что Вам необходимо:

Какие-то базовые знания HTML (см. уроки html)
Какие-то базовые знания CSS (см. уроки css)
Базовые знания PHP (см. уроки PHP)
Программа интерпретатор PHP на компьютере или же хостинг с поддержкой PHP

Для решения третьей проблемы хорошо подойдет программа Denwer, которую можно бесплатно установить на Ваш компьютер. Если Вы не в курсе, что это за программа, то советую ознакомиться: как установить Denwer, в этой статье пошагово (для новичков) объяснено как его установить и как пользоваться.

Конечно, есть и другие средства, которые позволяют интерпретировать PHP. Например, Apatch, но он довольно сложен в настройках, а если вы новичок, то начинать с него не советую.

Для того, чтобы приступать к разработке сайта на PHP, Вам нужны начальные знания в HTML. Я уже писал о том, как создать простую страницу HTML. Там описаны все html-теги, без которых создать сайт невозможно. Поэтому настоятельно рекомендую начать изучать сайтостроение с той статьи.

Чем отличается сайт на PHP от голого сайта на HTML?

Сайт на PHP почти ничем не отличается от голого сайта на HTML. Единственное отличие - более гибкая настройка и управление сайта, а также есть возможность автоматизировать множество функций. Приведу простой пример.

Допустим в шапке сайта необходимо изменить буквально одно слово. Если сайт сделан на голом HTML, то необходимо будет открыть каждый html-файл, чтобы внести изменение, а это очень неудобно. Если же шапка сайта сделана на PHP в качестве подключаемого компонента, то изменения нужно будет внести только в одном файле и они автоматом изменятся на всем сайте.

Структура типичного сайта на PHP:

Теперь приведу код шаблона сайта на PHP. Обратите внимание на то, что страницы сделанные с использованием php рекомендуется делать с расширением .php, хотя это не является обязательным условием. При определенных настройках хостинга файлы с обычным расширением .html также могут обрабатывать PHP-код.

Код файла index.php:

<html>
<head>
<title>Название страницы</title>
...
<?php
 require_once $_SERVER['DOCUMENT_ROOT'].'/head.php'; 
 ?>
...
</head>
<body>
...
<div class="shapka">
<?php
 require_once $_SERVER['DOCUMENT_ROOT'].'/top.php'; 
 ?>
</div>
...
<div class="page">
 <div class="sidebar_left">
<?php
 require_once $_SERVER['DOCUMENT_ROOT'].'/sidebar1.php'; 
 ?>
 </div>
...
 <div class="content">
  ... Основная часть сайта...
 </div>
...
 <div class="sidebar_right">
<?php
 require_once $_SERVER['DOCUMENT_ROOT'].'/sidebar2.php'; 
 ?>
 </div>
...
 <div class="footer">
<?php
 require_once $_SERVER['DOCUMENT_ROOT'].'/footer.php'; 
 ?>
 </div>
...
</div>
</body>
</html>

Теперь отдельно рассмотрим каждый из подключаемых элементов:

head.php
top.php
sidebar1.php
sidebar2.php
footer.php

Обратите внимание, что подключается они через специальную команду PHP:

require_once <полный путь/имя файла>

Каждый файл соответственно отвечает за отдельную часть сайта. Я постарался назвать их максимально информативно и понятно. Сайт может состоять из большего множество таких подключаемых файлов. Рассмотрим по порядку каждый элемент сверху вниз.

1. Файл head.php. Сюда я бы рекомендовал прописать всю мета информацию, которая дублируется (см. заголовочные теги) на каждой странице сайта. Например, сюда я советую включить как минимум подключаемые стили, favicon и скрипты. Эта информация дублируется на каждой странице, поэтому логично прописать это все в один файл. Код файла head.php:

...
<link rel="stylesheet" type="text/css" href="/style.css"/>
<link rel="shortcut icon" href="/images/favicon.ico" />
<script type='text/javascript' src='/javafile.js'></script>
...

2. Файл top.php - это шапка сайта. Сюда обычно включают лого сайта, контактную информацию, рекламу и прочее. Зачастую код файла top.php является следующим:

...
<div class="logo">
 <img src="/logo.jpg">
 Название сайата
</div>

<div class="contact">
Какая-то контактная информация
</div>

<div class="top_reklama">
Место для рекламы
</div>
...

3. Файл sidebar1.php - левая колонка сайта. Очевидно, что сюда чаще всего размещают меню сайта (см. как сделать меню на PHP), ссылки на полезную информацию, рекламу и прочие ссылки. Зачастую код файла sidebar1.php является примерно следующим:

...
<div class="menu">
 ...
 Меню
 ...
</div>

<div class="link_interes">
 ...
 Ссылки на интересные материалы
 ...
</div>

<div class="reklama_sidebar1">
 ...
 Какая-то реклама
 ...
</div>

...

4. Файл sidebar2.php - это правая колонка нашего сайта. Сюда можно было бы разместить меню, но справой стороны его делают редко. Сюда размещают метки сайта, популярные записи, какую-то полезную информацию для пользователей. Зачастую код файла sidebar2.php является следующим:

...
<div class="metki">
 ...
 Метки
 ...
</div>

<div class="popular">
 ...
 Ссылки на популярные материалы
 ...
</div>
...

5. Файл footer.php - это нижняя часть сайта. Чаще всего она полностью повторяется на каждой странице сайта, как и шапка. Сюда можно вписать ссылки на основные разделы сайта, поставить счетчики и написать ещё раз контакты. Зачастую код файла footer.php является следующим:

...
<div class="footer_menu">
 ...
 Ссылки на главные разделы
 ...
</div>

<div class="counter">
 ...
 Коды счетчиков
 ...
</div>

<div class="footer_contact">
 ...
 Ещё раз контакты
 ...
</div>
...

Вот так примерно выглядит самый простой сайт сделанный на PHP. Как я уже писал, подключаемых блоков может быть сколь угодно много. Рассмотренный пример не содержит базу данных. Это самый простой сайт на PHP, который можно назвать модифицированной версией html-сайта.

← Перейти в каталог php уроков