[Прочее] - Как сделать сайт на PHP.

KirillWorld · 15 февраля 2019

Всем доброго времени суток! В этом гайде мы с вами поговорим о том, как сделать сайт на PHP самостоятельно. Перед тем, как сделать сайт на php, нужно предпринять меры предосторожности. Потому, что ресурс может получиться крайне динамичным. Того и гляди, укусит!

PHP и HTML

Сейчас эти две дисциплины связаны почти воедино. Их тандем является основой, на которой построена «жизнь» большей части интернета. Конечно, в связке с html применяются и другие серверные языки (Perl, ASP.NET). Но их распространенность во всемирной паутине по сравнению с PHP, носит чисто эпизодический характер.

Для многих начинающих взаимосвязь между этими технологиями выглядит непонятной. С одной стороны статический html, который интерпретируется браузерами на стороне клиента. А с другой — программный язык, обрабатывающийся на сервере. Поэтому, перед написанием сайта на php с нуля, приведем простой пример взаимодействия этих двух технологий:

Создадим новый файл с расширением php;
Поместим туда следующий код:

<html>
<head>
  <title>Untitled web-page</title>
</head>
<body>
<b>Сколько сейчас времени? <?php echo date("H:i d.m.Y");?></b>
</body>
</html>

Сохраним файл на локальном сервере и откроем его в браузере. Затем нажмем на правую клавишу мыши и в контекстном меню выберем пункт «Просмотр html страницы».

Как видно на скриншоте, строка <?php echo date(«H:i d.m.Y»);?> не отображается в html коде страницы. И в браузере, и в коде видны лишь возвращенные дата и время. А это значит, что скрипт был обработан на серверной стороне. Поэтому создание сайта на php кардинально отличается от написания простых html страниц.

Динамический сайт

Современные сайты бывают двух основных типов:

Статические – созданные лишь на основе html. Такие сайты не меняют свое содержимое в ответ на действия пользователей. Конечно, статический ресурс может реагировать на события и пользовательские действия. Но реализация динамичности страниц на стороне клиента имеет узкий диапазон применения, ограниченный возможностями Java Script.

Код Java Script выполняется в браузере на стороне клиента.

Динамические – способны изменять свое состояние и содержимое — html страницы динамических сайтов формируются налету в момент выполнения кода в ответ на запрос пользователя, посланный им из браузера на сервер. Чаще всего генерация страниц на стороне сервера происходит с помощью кода, написанного на php.

Динамический сайт на php состоит из следующих файлов:

index.php – является основным файлом проекта;
Шаблоны – включают в себя структуру той или иной части страницы (шапки, подвала, основной части);
Файлы CSS – хранят в себе все стилевые описания ресурса.

Кроме этого проект сайта может состоять из файлов, хранящих в себе код функций и методов php. А также включать в себя базу данных.

В большинстве CMS источником контента для наполнения страниц, динамически сгенерированных на стороне сервера, служит база данных. Чаще всего применяется СУБД MySQL.

Как пишется сайт на PHP

Чтобы разобраться, как создается сайт на php, рассмотрим практический пример. Конечно, многое в нем упрощено, но весь механизм работы и этапы создания сохранены.

Имеется html сайт со следующей структурой и дизайном:

Его код:

<title>Пример сайта на php</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div class="header">
<h2>Шапка</h2>
</div>
 <div class="pages">
<div class="content">
<h2>Контент</h2>
</div>
<div class="sidebar">
<ul>
<li> <a href="file1.php">Раздел 1</a></li>
<li><a href="file2.php">Раздел 2</a></li>
<li><a href="file3.php">Раздел 3</a></li>
<li><a href="file4.php">Раздел 4</a></li>
<li><a href="file5.php">Раздел 5</a></li>
</ul>
</div>
 <div class="foot">
</div>
</div>
 <div class="footer">
<h2>Подвал</h2>
</div>
</body>
</html>

Код файла style.css:

.header {
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    width:1000px;
    height:100px;
    border:1px solid #000000;
    background: #009966;
	background-image: url(img/1.gif);
    }
.pages { 
    margin-left:auto; 
    margin-right:auto; 
    width:1000px;
    }
.content {
    margin-right:10px;
    width:806px;
    height:450px;
    border:1px solid #000000;
    background: #999999;
    float:left;
    }
.sidebar {
    width:180px;
    height:450px;
    border:1px solid #000000;
    background: #FF9900;
    float:left;
    }
.foot {
    clear:both;
    }
.footer {
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    width:1000px;
    height:50px;
    border:1px solid #000000;
    background: #333399;
    }

Перед тем, как написать сайт на php до конца, весь html код нужно раскинуть по нескольким файлам:

В header.php войдет весь код с начала и до конца слоя «header»;
В footer.php – слой «foot» и «footer»;
В content.php – весь код, оставшийся посредине.

Теперь создаем основную страницу index.php, в которой будут размещены вызовы файлов, содержащие в себе код нужных элементов дизайна. Итого в основном файле оказалось всего 3 строчки скрипта:

<?php
include("header.php");
include("content.php");
include("footer.php");
?>

А если просмотреть в браузере html код страницы, то вы увидите код первоначального исходника:

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

Всем спасибо за прочтение данного гайда. Удачи в начинаниях.

Ozeroff1999 · 15 февраля 2019

Опять скопированный гайд,боже.

mr1lol · 17 февраля 2019

Это все конечно хорошо и интересно, лайк за старания.

Но: Совать PHP в HTML ради инклудников, ну, просто будет подольше загружаться страничка, хотя визуально ничего меняться не будет, а так все хорошо!

Изменено 17 февраля 2019 пользователем mr1lol

j4kuzure · 17 февраля 2019

Ого!

Опять скопированный гайд,боже.

Войти

[Прочее] - Как сделать сайт на PHP.

Рекомендованные сообщения

KirillWorld

Ozeroff1999

mr1lol

j4kuzure

Создайте аккаунт или войдите в него для комментирования

Создать аккаунт

Войти

Сейчас на странице 0 пользователей

Сообщество

Активность