Перейти к публикации

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


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

Всем доброго времени суток! В этом гайде мы с вами поговорим о том, как сделать сайт на 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 страницы».

prosmotr-html-stranici-230656.jpg

 

Как видно на скриншоте, строка <?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 сайт со следующей структурой и дизайном:

ait-so-sledujushei-strukt-230700.jpg

Его код:

<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 код страницы, то вы увидите код первоначального исходника:

od-pervonachalnogo-ishodn-230704.jpg

 

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

 

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

Ссылка на комментарий

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

 

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

Изменено пользователем mr1lol
Ссылка на комментарий

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

Вы должны быть пользователем, чтобы оставить комментарий

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

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

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

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...