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

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

PHP и HTML

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

Согласно статистике, архитектура большинства ресурсов в интернете построена на основе php и html.
Как самостоятельно сделать веб-сайт на 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? Как видно на скриншоте, строка <?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 веб-сайт со следующей структурой и дизайном:

Как самостоятельно сделать веб-сайт на PHP? Его код:

<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 строчки скрипта:

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

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

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

Путь в обход

Но такая разработка веб-сайта требует затраты сил, наличия специализированного программного обеспечения и знаний. Так что хотелось бы найти более легкий вариант. Тогда следует воспользоваться конструктором php веб-сайтов.

Они представляют собой определенный набор шаблонов с расширенным диапазоном параметров. Из-за чего они сильно схожи с обычными CMS. Конечно, высокой уникальности дизайна будущего веб-сайта никто не гарантирует, и в дальнейшем могут возникнуть проблемы с переносом и адаптацией ресурса на другой хостинговой площадке или платформе. Вот пару проверенных вариантов таких онлайн-сервисов:

  • wix.com – дополнительно к конструктору предлагается бесплатный веб-хостинг, подключение домена и оптимизация созданного веб-сайта для работы на мобильных устройствах.

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

Альтернативой таких онлайн-генераторов веб-сайтов будет использование CMS. По сути они тоже являются конструкторами веб-сайтов.

Но генерация страниц ресурса происходит в них динамически. Наиболее популярные CMS:

  • WordPress;
  • Joomla.

Создание веб-сайта с нуля на php подходит не для всех. А применение специализированных конструкторов не дает ожидаемый результат. Так что оптимальным вариантом будет развертывание нового веб-сайта на основе популярной CMS.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *